add 404 page

This commit is contained in:
hossainemruz 2020-04-18 04:25:15 +06:00
parent 00465629d2
commit 6e747d9e0c
6 changed files with 45 additions and 21 deletions

View file

@ -1,11 +1,13 @@
<!DOCTYPE html> {{ define "navbar" }}
<html lang="en"> {{ partial "navbar-2.html" (dict "baseURL" .Site.BaseURL "title" .Site.Title "hasToggleButton" true) }}
<head> {{ end }}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> {{ define "content" }}
<title>404 Page</title> <div class="notFound">
</head> <img src="/assets/images/404.png" alt="">
<body> <div class="message">
<h1>It seems you got lost....</h1> <h1>404</h1>
</body> <h4>The page you are looking for is not done yet.</h4>
</html> </div>
</div>
{{ end }}

View file

@ -6,7 +6,7 @@
<ul> <ul>
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<li class="nav-item"> <li class="nav-item">
<a class="smooth-scroll" href="#{{ .URL }}">{{ .Name }}</a> <a class="smooth-scroll" href="{{ .URL }}">{{ .Name }}</a>
</li> </li>
{{ end }} {{ end }}
</ul> </ul>

View file

@ -1,6 +1,6 @@
<nav class="navbar navbar-expand-lg top-navbar initial-navbar" id="top-navbar"> <nav class="navbar navbar-expand-lg top-navbar initial-navbar" id="top-navbar">
<div class="container"> <div class="container">
<a class="navbar-brand" href="#">{{- .Site.Title -}}</a> <a class="navbar-brand" href="{{ .Site.BaseURL }}">{{- .Site.Title -}}</a>
<button <button
class="navbar-toggler navbar-dark" class="navbar-toggler navbar-dark"
id="navbar-toggler" id="navbar-toggler"

View file

@ -5,19 +5,20 @@
margin-left: 7px; margin-left: 7px;
margin-right: 7px; margin-right: 7px;
z-index: 1; z-index: 1;
opacity: 1;
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
transition: all 0.3s ease-out;
} }
#gallery .achievement-entry:hover { #gallery .achievement-entry:hover {
cursor: pointer; cursor: pointer;
z-index: 1; z-index: 1;
opacity: 0.95; transform: scale(1.1);
transition: opacity 0.3s ease-out; transition: all 0.3s ease-out;
z-index: 20000;
} }
#gallery .achievement-details { #gallery .achievement-details {
@ -25,6 +26,7 @@
z-index: 1; z-index: 1;
opacity: 1 !important; opacity: 1 !important;
transition: none !important; transition: none !important;
transform: none !important;
} }
#gallery .img-type-1 { #gallery .img-type-1 {
@ -41,7 +43,6 @@
padding: 10px; padding: 10px;
font-size: 0rem; font-size: 0rem;
opacity: 0; opacity: 0;
position: absolute;
} }
#gallery .achievement-entry:hover i { #gallery .achievement-entry:hover i {
@ -52,17 +53,17 @@
} }
#gallery .img-type-1 i { #gallery .img-type-1 i {
margin-top: 140px; margin-top: 135px;
} }
#gallery .img-type-2 i { #gallery .img-type-2 i {
margin-top: 65px; margin-top: 50px;
} }
#gallery .achievement-details.img-type-1 i, #gallery .achievement-details.img-type-1 i,
.achievement-details.img-type-2 i { .achievement-details.img-type-2 i {
right: 5px !important; margin-top: 0px !important;
margin-top: 5px !important;
transition: none !important; transition: none !important;
float: right;
} }
#gallery .achievement-entry .title { #gallery .achievement-entry .title {

View file

@ -191,6 +191,27 @@ a:hover {
color: #c0ccda; color: #c0ccda;
} }
.notFound{
padding-top: 5rem;
text-align: center;
padding-bottom: 8rem;
}
.notFound img{
height: 500px;
}
.notFound h1{
font-style: italic;
}
.notFound .message{
position: absolute;
max-width: 20rem;
top: 40%;
left: 30%;
}
/* --- FOOTER END ---- */ /* --- FOOTER END ---- */
/* ============= Device specific fixes ======= */ /* ============= Device specific fixes ======= */

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB