-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy path404.html
1 lines (1 loc) · 1.94 KB
/
404.html
1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="theme-color" content="#294572"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Error 404 | Page Not Found</title><link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link href="https://fonts.googleapis.com/css?family=Montserrat:500,600,700&display=swap" rel="stylesheet"> <style>*{margin: 0; padding: 0; box-sizing: border-box;}body{height: 100vh; background-color: #17315a; display: flex; align-items: center; justify-content: center; font-family: "Montserrat", sans-serif; color: rgb(230, 241, 255);}h1{font-size: 3rem; margin-bottom: 1.5rem;}p{font-size: 1.4rem; font-weight: 500; line-height: 2.5rem;}.image{padding-right: 5rem; height: 300px;}button{margin-top: 3rem; width: 9rem; height: 3rem; border-radius: 5px; cursor: pointer; color: rgb(230, 241, 255); font-family: "Montserrat", sans-serif; font-size: 1.3rem; font-weight: 600; display: flex; align-items: center; justify-content: center; background-color: #fe3e57; border: none; box-shadow: 5px 6px 21px 6px rgba(0, 0, 0, 0.2); user-select: none; transition: 0.3s; transition-property: box-shadow;}@media only screen and (max-width: 900px){html{font-size: 12px;}body{flex-direction: column;}p{text-align: center;}.content{margin-top: 50px; display: flex; flex-direction: column; align-items: center;}.image{height: 30vh; padding-right: 0;}}</style></head><body> <div class="img-div"> <img class="image" src="./assets/images/alien.svg" alt="Aliens taking the webpage"> </div><div class="content"> <h1>Oops! It's them</h1> <p>The aliens stole the page again <br>I think you should go back</p><button onclick="window.location.href='../';">Go Back</button></div></body></html>