From 3f82d4e7ca4cc75bcb1b2cc75c8f14dada650145 Mon Sep 17 00:00:00 2001 From: Syed Aahana Date: Sat, 22 Oct 2022 20:22:15 +0530 Subject: [PATCH] added template for page not found --- layouts/404.html | 2 +- layouts/not_found.css | 130 +++++++++++++++++++++++++++++++++++++++++ layouts/not_found.html | 41 +++++++++++++ 3 files changed, 172 insertions(+), 1 deletion(-) create mode 100644 layouts/not_found.css create mode 100644 layouts/not_found.html diff --git a/layouts/404.html b/layouts/404.html index b89d2b6..f037c15 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -4,4 +4,4 @@

{{ T "notFound.subtitle" }}

{{ partialCached "footer/footer" . }} -{{ end }} \ No newline at end of file +{{ end }} diff --git a/layouts/not_found.css b/layouts/not_found.css new file mode 100644 index 0000000..d54d478 --- /dev/null +++ b/layouts/not_found.css @@ -0,0 +1,130 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap"); + +@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700"); + +*{ + margin:0; + padding:0; + box-sizing:border-box; +} + +body{ + overflow:hidden; + background-color: #f4f6ff; +} + +.container{ + width:100vw; + height:100vh; + display: flex; + justify-content: center; + align-items: center; + font-family: "Poppins", sans-serif; + position: relative; + left:6vmin; + text-align: center; +} + +.cog-wheel1, .cog-wheel2{ + transform:scale(0.7); +} + +.cog1, .cog2{ + width:40vmin; + height:40vmin; + border-radius:50%; + border:6vmin solid #f3c623; + position: relative; +} + + +.cog2{ + border:6vmin solid #4f8a8b; +} + +.top, .down, .left, .right, .left-top, .left-down, .right-top, .right-down{ + width:10vmin; + height:10vmin; + background-color: #f3c623; + position: absolute; +} + +.cog2 .top,.cog2 .down,.cog2 .left,.cog2 .right,.cog2 .left-top,.cog2 .left-down,.cog2 .right-top,.cog2 .right-down{ + background-color: #4f8a8b; +} + +.top{ + top:-14vmin; + left:9vmin; +} + +.down{ + bottom:-14vmin; + left:9vmin; +} + +.left{ + left:-14vmin; + top:9vmin; +} + +.right{ + right:-14vmin; + top:9vmin; +} + +.left-top{ + transform:rotateZ(-45deg); + left:-8vmin; + top:-8vmin; +} + +.left-down{ + transform:rotateZ(45deg); + left:-8vmin; + top:25vmin; +} + +.right-top{ + transform:rotateZ(45deg); + right:-8vmin; + top:-8vmin; +} + +.right-down{ + transform:rotateZ(-45deg); + right:-8vmin; + top:25vmin; +} + +.cog2{ + position: relative; + left:-10.2vmin; + bottom:10vmin; +} + +h1{ + color:#142833; +} + +.first-four{ + position: relative; + left:6vmin; + font-size:40vmin; +} + +.second-four{ + position: relative; + right:18vmin; + z-index: -1; + font-size:40vmin; +} + +.wrong-para{ + font-family: "Montserrat", sans-serif; + position: absolute; + bottom:15vmin; + padding:3vmin 12vmin 3vmin 3vmin; + font-weight:600; + color:#092532; +} \ No newline at end of file diff --git a/layouts/not_found.html b/layouts/not_found.html new file mode 100644 index 0000000..04e8131 --- /dev/null +++ b/layouts/not_found.html @@ -0,0 +1,41 @@ + + + + + + + Document + + + +
+

4

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

4

+

Uh Oh! Page not found!

+
+ + \ No newline at end of file