Add template
This commit is contained in:
parent
00b455eff1
commit
2829a257a1
2 changed files with 67 additions and 1 deletions
57
css/styles.css
Normal file
57
css/styles.css
Normal file
|
@ -0,0 +1,57 @@
|
|||
|
||||
body {
|
||||
background-color: #95c2de;
|
||||
}
|
||||
|
||||
.mainbox {
|
||||
background-color: #95c2de;
|
||||
margin: auto;
|
||||
height: 600px;
|
||||
width: 600px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.err {
|
||||
color: #ffffff;
|
||||
font-family: 'Nunito Sans', sans-serif;
|
||||
font-size: 11rem;
|
||||
position:absolute;
|
||||
left: 20%;
|
||||
top: 8%;
|
||||
}
|
||||
|
||||
.far {
|
||||
position: absolute;
|
||||
font-size: 8.5rem;
|
||||
left: 42%;
|
||||
top: 15%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.err2 {
|
||||
color: #ffffff;
|
||||
font-family: 'Nunito Sans', sans-serif;
|
||||
font-size: 11rem;
|
||||
position:absolute;
|
||||
left: 68%;
|
||||
top: 8%;
|
||||
}
|
||||
|
||||
.msg {
|
||||
text-align: center;
|
||||
font-family: 'Nunito Sans', sans-serif;
|
||||
font-size: 1.6rem;
|
||||
position:absolute;
|
||||
left: 16%;
|
||||
top: 45%;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
11
index.html
11
index.html
|
@ -4,8 +4,17 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>404 | Not Found</title>
|
||||
<link href="css/styles.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@600;900&display=swap" rel="stylesheet">
|
||||
<script src="https://kit.fontawesome.com/4b9ba14b0f.js" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="mainbox">
|
||||
<div class="err">4</div>
|
||||
<i class="far fa-question-circle fa-spin"></i>
|
||||
<div class="err2">4</div>
|
||||
<div class="msg">Maybe this page moved? Got deleted? Is hiding out in quarantine? Never existed in the first place?<p>Let's go <a href="https://www.dcsl.dk">home</a> and try from there.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in a new issue