diff --git a/404.css b/404.css index fbbcb322..d9c7c63c 100644 --- a/404.css +++ b/404.css @@ -1,25 +1,46 @@ -.page_404{ padding:40px 0; background:#fff; font-family: 'Arvo', serif; +*{ + box-sizing: border-box; + margin: 0; + padding: 0; } - -.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; +body{ + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + font-family:monospace; + color: rgb(56,56,56); } +.wrapper{ + display:flex; + align-items:center; + flex-direction: column; -.four_zero_four_bg h1{ - font-size:80px; - } -.four_zero_four_bg h3{ - font-size:80px; - } +} +.wrapper h1{ + font-size: 3rem; + margin-top:20px; + margin-bottom:20px; +} +.wrapper .btn{ + background-color:rgb(247,184,1); + padding:8px; + font-size:1.5rem; + border-radius: 5px; + text-decoration: none; + color:#fff +} +.wrapper .btn:hover{ + background-color:#fff; + color:rgb(247,184,1); + padding:6px; + border:2px solid rgb(247,184,1); +} +@media only screen and (max-width:700px){ + body{ + position:absolute; + margin: 50px 0; + } -.link_404{ - color: #fff!important; - padding: 10px 20px; - background: #39ac31; - margin: 20px 0; - display: inline-block;} -.contant_box_404{ margin-top:-50px;} \ No newline at end of file +} diff --git a/404.html b/404.html index 1dd716ee..da94efc9 100644 --- a/404.html +++ b/404.html @@ -10,78 +10,18 @@ content="CodeIN Community is the Community of Coding Enthusiasts Join Us for Hackathons, Technical Events, Open Source, Internship Opportunities and various upcoming opportunities to learn different technologies."> - - - -
-
-
-
-
-
-

404

- - -
- -
-

- Look like you're lost -

- -

the page you are looking for not avaible!

- - Go to Home -
-
-
-
-
-
+ +
+

Page not found!

+ Go to Home? + +
+ \ No newline at end of file diff --git a/404.png b/404.png new file mode 100644 index 00000000..930b99b1 Binary files /dev/null and b/404.png differ diff --git a/index.html b/index.html index 5f508bfc..052e6e32 100644 --- a/index.html +++ b/index.html @@ -698,7 +698,7 @@

Tech Team Member

-