-
-
Notifications
You must be signed in to change notification settings - Fork 11
/
404.html
32 lines (28 loc) · 1.43 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
---
layout: null
title: 404
permalink: /404.html
---
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Not Found</title>
<style> html, body { width: 100%; height: 100%; } body { background-image: url(/assets/img/404_backdrop.jpg); background-size: cover; background-repeat: no-repeat; min-height: 100vh; min-width: 100vw; font-family: "Roboto Mono", "Liberation Mono", Consolas, monospace; color: rgba(255, 255, 255, .87); } .mx-auto { margin-left: auto; margin-right: auto; } .container, .container>.row, .container>.row>div { height: 100%; } #countUp { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } #countUp>.number { font-size: 4rem; font-weight: 500; } #countUp>.text:first-of-type { margin: 0 0 1rem; } #countUp>.text { font-weight: 300; text-align: center; } </style>
</head>
<body class="gray-bg">
<div class="container">
<div class="row">
<div class="xs-12 md-6 mx-auto">
<div id="countUp">
<div class="number">404</div>
<div class="text">Page not found</div>
<div class="text">This may not mean anything.</div>
<div class="text">I'm probably working on something that has blown up.</div>
</div>
</div>
</div>
</div>
</body>
</html>