add 404 page
All checks were successful
ci/woodpecker/push/deploy Pipeline was successful

This commit is contained in:
Adora Laura Kalb 2023-12-18 21:45:25 +01:00
parent 57caa2596c
commit 93c1cdda7a
Signed by: adoralaura
GPG key ID: 7A4552166FC8C056

39
static/404.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style>
.page_404{padding:40px 0;background:#fff;font-family: 'Arvo', serif;}.page_404 img{width:100%;}.four_zero_four_bg{background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);height: 400px;background-position: center;}.four_zero_four_bg h1{font-size:80px;}.four_zero_four_bg h3{font-size:80px;}.link_404{color: #fff!important;padding: 10px 20px;background: #39ac31;margin: 20px 0;display: inline-block;}.contant_box_404{margin-top:-50px;}
</style>
</head>
<body>
<section class="page_404">
<div class="container">
<div class="row">
<div class="col-sm-12 ">
<div class="col-sm-10 col-sm-offset-1 text-center">
<div class="four_zero_four_bg">
<h1 class="text-center">404</h1>
</div>
<div class="contant_box_404">
<h3 class="h2">
Look like you're lost
</h3>
<p>the page you are looking for not avaible!</p>
<a href="/" class="link_404">Go to Home</a>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>