What is 404 Error Page? Why You Should Use It?
The Error 404 error page is the page that appears when users visiting your site and cannot access your site or one of your pages. By adding an error page to your site, you can direct users who cannot reach your site or any page on your site to the homepage. A fun error page can show your site better, and it is important for the user to stay on your page and for page traffic. The design of the 404 error page, which is very important in terms of on-site SEO, is also important for maintaining a rich on-site experience for visitors. The general purpose of creating a 404 error page is to keep the visitor on the website even though the page cannot be found. In this way, it is ensured that the visitors continue to browse the websites. The 404 Error page should not contain ads.
How To Create 404 Error Page?
We understood the importance of the 404 error page, now let's see how we can create this error page.
1- First of all, we need to log in to the hosting panel that your website is connected to. When you enter the panel, use the username and password given to you by your hosting company.
2- After logging in, we select the error pages option in the advanced section.
3- If you have more than one domain name, we need to select it from the list in the window that opens for whichever one you will create 404 error page with. Then we click on which of the error codes we want to edit according to ourselves.
4- In the window that opens, there is an area where we can write. We can write text, HTML and CSS commands in this field as we want. In addition, we can add details such as the user ip, the user's browser information, the page to be reached, and the server information to the 404 page that will be created with the shortcuts just above the text area.
5- In the text field, we write the commands and texts that will create the page we want. Finally, we save the changes we made by clicking the Save button at the bottom of the page. The methods of creating an error page may vary from hosting company to hosting company, but in general, this is how an error page is created.
The Best 404 Error Pages!
Let's talk about our main topic. You've decided to create an error page, but instead of dealing with it you want to create an error page using ready-made error page codes. In this article, I will talk about the error pages you can create using only HTML and CSS.
To have such an error page, just copy and paste the codes below and redirect your page to your hosting address.
HTML Codes:
<body>
<section class="notFound">
<div class="img">
<img src="https://assets.codepen.io/5647096/backToTheHomepage.png" alt="Back to the Homepage"/>
<img src="https://assets.codepen.io/5647096/Delorean.png" alt="El Delorean, El Doc y Marti McFly"/>
</div>
<div class="text">
<h1>404</h1>
<h2>PAGE NOT FOUND</h2>
<h3>BACK TO HOME?</h3>
<a href="#" class="yes">YES</a>
<a href="https://www.youtube.com/watch?v=G3AfIvJBcGo">NO</a>
</div>
</section>
</body>
CSS Codes:
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: 'Press Start 2P';
color: #FFFFFF;
text-align: center;
}
body {
background-color: #000000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='58' viewBox='0 0 42 58'%3E%3Cg fill='%23dddcdd' fill-opacity='0.23'%3E%3Cpath fill-rule='evenodd' d='M12 18h12v18h6v4H18V22h-6v-4zm-6-2v-4H0V0h36v6h6v36h-6v4h6v12H6v-6H0V16h6zM34 2H2v8h24v24h8V2zM6 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM2 50h32v-8H10V18H2v32zm28-6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/g%3E%3C/svg%3E");
}
section.notFound {
display: flex;
justify-content: center;
align-items: center;
margin: 0 5%;
height: 100vh;
}
section.notFound h1 {
color: red;
font-size: 100px;
}
section.notFound h2 {
font-size: 50px;
}
section.notFound h1, h2, h3 {
margin-bottom: 40px;
}
div.text {
height: 50vh;
}
div.text a {
text-decoration: none;
margin-right: 20px;
}
div.text a:hover {
color: red;
text-decoration: underline;
}
@media only screen and (max-width: 768px) {
section.notFound {
flex-direction: column;
justify-content: space-around;
}
section.notFound div.img img {
width: 70vw;
height: auto;
}
section.notFound h1 {
font-size: 50px;
}
section.notFound h2 {
font-size: 25px;
}
div.text a:active {
color: red;
text-decoration: underline;
}
}
If you want a different, animated error page, you can use the codes below.
HTML Codes:
<body>
<div>
<svg width="1123" height="837" viewBox="0 0 1123 837" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1123" height="837" fill="black"/>
<g id="sky" filter="url(#filter0_d)">
<rect id="background" x="30" y="26" width="1063" height="777" rx="20" fill="black"/>
<g id="stars">
<path id="Vector" d="M202.12 319.2C204.937 319.2 207.22 316.917 207.22 314.1C207.22 311.283 204.937 309 202.12 309C199.303 309 197.02 311.283 197.02 314.1C197.02 316.917 199.303 319.2 202.12 319.2Z" fill="white"/>
<path id="Vector_2" d="M566.12 615.2C568.937 615.2 571.22 612.917 571.22 610.1C571.22 607.283 568.937 605 566.12 605C563.303 605 561.02 607.283 561.02 610.1C561.02 612.917 563.303 615.2 566.12 615.2Z" fill="white"/>
<path id="Vector_3" d="M351.12 638.95C352.694 638.95 353.97 637.674 353.97 636.1C353.97 634.526 352.694 633.25 351.12 633.25C349.546 633.25 348.27 634.526 348.27 636.1C348.27 637.674 349.546 638.95 351.12 638.95Z" fill="white"/>
<path id="Vector_4" d="M985.11 503.99C986.684 503.99 987.96 502.714 987.96 501.14C987.96 499.566 986.684 498.29 985.11 498.29C983.536 498.29 982.26 499.566 982.26 501.14C982.26 502.714 983.536 503.99 985.11 503.99Z" fill="white"/>
<path id="Vector_5" d="M822.11 247.99C823.684 247.99 824.96 246.714 824.96 245.14C824.96 243.566 823.684 242.29 822.11 242.29C820.536 242.29 819.26 243.566 819.26 245.14C819.26 246.714 820.536 247.99 822.11 247.99Z" fill="white"/>
<path id="Vector_6" d="M1053.11 372.99C1054.68 372.99 1055.96 371.714 1055.96 370.14C1055.96 368.566 1054.68 367.29 1053.11 367.29C1051.54 367.29 1050.26 368.566 1050.26 370.14C1050.26 371.714 1051.54 372.99 1053.11 372.99Z" fill="white"/>
<path id="Vector_7" d="M292.12 152.2C294.937 152.2 297.22 149.917 297.22 147.1C297.22 144.283 294.937 142 292.12 142C289.303 142 287.02 144.283 287.02 147.1C287.02 149.917 289.303 152.2 292.12 152.2Z" fill="white"/>
<path id="Vector_8" d="M151.95 492.17H147.41V487.63H145.56V492.17H141.02V494.02H145.56V498.55H147.41V494.02H151.95V492.17Z" fill="white"/>
<path id="Vector_9" d="M265.95 490.17H261.41V485.63H259.56V490.17H255.02V492.02H259.56V496.55H261.41V492.02H265.95V490.17Z" fill="white"/>
<path id="Vector_10" d="M428.95 582.17H424.41V577.63H422.56V582.17H418.02V584.02H422.56V588.55H424.41V584.02H428.95V582.17Z" fill="white"/>
<path id="Vector_11" d="M776.98 344.67H774.91V342.6H774.07V344.67H772V345.51H774.07V347.58H774.91V345.51H776.98V344.67Z" fill="white"/>
<path id="Vector_12" d="M68.98 422.67H66.91V420.6H66.07V422.67H64V423.51H66.07V425.58H66.91V423.51H68.98V422.67Z" fill="white"/>
<path id="Vector_13" d="M153.98 592.67H151.91V590.6H151.07V592.67H149V593.51H151.07V595.58H151.91V593.51H153.98V592.67Z" fill="white"/>
<path id="Vector_14" d="M297.97 357.71H295.9V355.64H295.06V357.71H292.99V358.55H295.06V360.62H295.9V358.55H297.97V357.71Z" fill="white"/>
<path id="Vector_15" d="M321.98 268.67H319.91V266.6H319.07V268.67H317V269.51H319.07V271.58H319.91V269.51H321.98V268.67Z" fill="white"/>
<path id="Vector_16" d="M956.9 333.07C957.916 333.07 958.74 332.246 958.74 331.23C958.74 330.214 957.916 329.39 956.9 329.39C955.884 329.39 955.06 330.214 955.06 331.23C955.06 332.246 955.884 333.07 956.9 333.07Z" fill="white"/>
</g>
<g id="rocket">
<path id="Vector_17" d="M635.46 400H466V406.78H635.46V400Z" fill="#535461"/>
<g id="body-rocket">
<path id="Vector_18" d="M482.581 674.368H458.851L463.091 645.558H478.341L482.581 674.368Z" fill="#535461"/>
<path id="Vector_19" d="M685.931 674.368H662.211L666.441 645.558H681.701L685.931 674.368Z" fill="#535461"/>
<g id="Group" opacity="0.1">
<path id="Vector_20" opacity="0.1" d="M665.261 656.998H682.881L681.701 648.948H666.441L665.261 656.998Z" fill="black"/>
</g>
<path id="Vector_21" d="M559.681 674.368H535.961L540.191 645.558H555.451L559.681 674.368Z" fill="#535461"/>
<path id="Vector_22" d="M607.981 674.368H584.261L588.491 645.558H603.741L607.981 674.368Z" fill="#535461"/>
<g id="Group_2" opacity="0.1">
<path id="Vector_23" opacity="0.1" d="M587.311 656.998H604.931L603.741 648.948H588.491L587.311 656.998Z" fill="black"/>
</g>
<path id="Vector_24" d="M677.861 300.724L677.86 300.724L677.869 300.733C681.479 304.531 686.193 310.849 691.386 320.975C702.335 342.647 707.995 366.605 707.901 390.887V390.888V652.328H633.901L633.901 391.988L633.901 391.986C633.785 367.014 639.733 342.386 651.234 320.22C655.114 312.85 659.549 305.944 664.436 300.73L664.436 300.73L664.442 300.724C665.29 299.787 666.326 299.038 667.481 298.525C668.637 298.012 669.887 297.747 671.151 297.747C672.415 297.747 673.666 298.012 674.821 298.525C675.977 299.038 677.012 299.787 677.861 300.724Z" fill="#E0E0E0" stroke="black"/>
<path id="Vector_25" d="M463.524 300.733L463.524 300.733L463.532 300.724C464.38 299.787 465.416 299.038 466.571 298.525C467.727 298.012 468.977 297.747 470.241 297.747C471.505 297.747 472.755 298.012 473.911 298.525C475.067 299.038 476.102 299.787 476.95 300.724L476.95 300.724L476.957 300.731C481.853 305.944 486.278 312.85 490.168 320.22C501.665 342.388 507.612 367.014 507.501 391.986V391.988V652.328H433.501L433.501 390.888L433.501 390.887C433.408 366.605 439.067 342.647 450.017 320.975C455.2 310.849 459.913 304.531 463.524 300.733Z" fill="#E0E0E0" stroke="black"/>
<path id="Vector_26" d="M490.201 396.448L508.001 396.538V418.478H490.201V396.448Z" fill="#535461"/>
<path id="Vector_27" d="M633.401 396.448L651.191 396.538V418.478H633.401V396.448Z" fill="#535461"/>
<g id="Group_3" opacity="0.1">
<path id="Vector_28" opacity="0.1" d="M490.611 319.648C486.711 312.258 482.261 305.308 477.321 300.048C475.926 298.502 474.062 297.456 472.016 297.071C469.969 296.686 467.852 296.984 465.991 297.918C467.063 298.453 468.032 299.175 468.851 300.048C473.781 305.308 478.241 312.258 482.131 319.648C493.671 341.887 499.638 366.595 499.521 391.648V652.468H508.001V391.658C508.115 366.602 502.147 341.892 490.611 319.648V319.648Z" fill="black"/>
</g>
<g id="Group_4" opacity="0.1">
<path id="Vector_29" opacity="0.1" d="M657.571 320.368C661.461 312.978 665.921 306.028 670.851 300.768C671.773 299.772 672.889 298.976 674.131 298.428C672.298 297.626 670.26 297.421 668.304 297.841C666.348 298.261 664.573 299.285 663.231 300.768C658.291 306.028 653.831 312.978 649.941 320.368C638.407 342.609 632.44 367.315 632.551 392.368V653.228H640.181V392.388C640.061 367.328 646.029 342.613 657.571 320.368V320.368Z" fill="black"/>
</g>
<path id="Vector_30" d="M471.041 738.768H470.391C467.331 738.768 464.395 737.553 462.231 735.388C460.067 733.224 458.851 730.289 458.851 727.228V674.368H482.581V727.228C482.581 730.289 481.365 733.224 479.201 735.388C477.037 737.553 474.102 738.768 471.041 738.768Z" fill="url(#paint0_linear)"/>
<path id="Vector_31" d="M548.371 738.518H547.721C544.661 738.518 541.725 737.303 539.561 735.138C537.397 732.974 536.181 730.039 536.181 726.978V674.118H559.911V726.978C559.911 730.039 558.695 732.974 556.531 735.138C554.367 737.303 551.432 738.518 548.371 738.518Z" fill="url(#paint1_linear)"/>
<path id="Vector_32" d="M597.371 738.518H596.721C593.661 738.518 590.725 737.303 588.561 735.138C586.397 732.974 585.181 730.039 585.181 726.978V674.118H608.911V726.978C608.911 730.039 607.695 732.974 605.531 735.138C603.367 737.303 600.432 738.518 597.371 738.518Z" fill="url(#paint2_linear)"/>
<path id="Vector_33" d="M674.371 738.518H673.721C670.661 738.518 667.725 737.303 665.561 735.138C663.397 732.974 662.181 730.039 662.181 726.978V674.118H685.911V726.978C685.911 730.039 684.695 732.974 682.531 735.138C680.367 737.303 677.432 738.518 674.371 738.518Z" fill="url(#paint3_linear)"/>
<path id="Vector_34" d="M578.51 96.4834L578.52 96.4957L578.531 96.5076C583.685 102.221 590.434 111.588 597.797 126.726L597.798 126.73C613.465 158.638 621.544 194.732 621.655 231.32L622.93 650.608L517.93 650.927L516.661 233.319C516.547 195.664 524.762 158.515 541.048 125.774C546.594 114.716 552.917 104.371 559.813 96.561L559.822 96.5507L559.831 96.5402C560.972 95.1742 562.398 94.0744 564.009 93.3179C565.62 92.5615 567.377 92.1667 569.157 92.1613C570.937 92.1559 572.697 92.54 574.312 93.2866C575.928 94.0333 577.361 95.1244 578.51 96.4834Z" fill="#EEEEEE" stroke="black" stroke-width="2"/>
<path id="Vector_35" d="M585.811 142.368H551.971C545.896 142.368 540.971 147.293 540.971 153.368V156.958C540.971 163.034 545.896 167.958 551.971 167.958H585.811C591.886 167.958 596.811 163.034 596.811 156.958V153.368C596.811 147.293 591.886 142.368 585.811 142.368Z" fill="#535461"/>
<path id="Vector_36" d="M433.431 396.448L451.231 396.538V418.478H433.431V396.448Z" fill="#535461"/>
<path id="Vector_37" d="M690.171 396.448L707.961 396.538V418.478H690.171V396.448Z" fill="#535461"/>
</g>
</g>
</g>
<defs>
<filter id="filter0_d" x="0" y="0" width="1123" height="837" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="15"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="470.721" y1="674.368" x2="470.721" y2="738.768" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0E0E0"/>
<stop offset="0.31" stop-color="#FCCC63"/>
<stop offset="0.77" stop-color="#F55F44"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="548.051" y1="674.118" x2="548.051" y2="738.518" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0E0E0"/>
<stop offset="0.31" stop-color="#FCCC63"/>
<stop offset="0.77" stop-color="#F55F44"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="597.051" y1="674.118" x2="597.051" y2="738.518" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0E0E0"/>
<stop offset="0.31" stop-color="#FCCC63"/>
<stop offset="0.77" stop-color="#F55F44"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="674.051" y1="674.118" x2="674.051" y2="738.518" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0E0E0"/>
<stop offset="0.31" stop-color="#FCCC63"/>
<stop offset="0.77" stop-color="#F55F44"/>
</linearGradient>
</defs>
</svg>
</div>
<div class="text">
<h1>404 Error</h1>
<h2>Couldn't launch :(</h2>
<h3>Page Not Found - lets take you <a href="https://twitter.com/namratapdr">BACK</a></h3>
</div>
</body>
CSS Codes:
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Fira+Mono:wght@500&display=swap');
body{
height: 95vh;
background: #000000;
text-align: center;
color: #E0E0E0;
font-family: 'Fira Mono', monospace;
}
h1{
font-size: 2.5rem;
font-family: 'Permanent Marker', cursive;
}
div{
transform-style: preserve-3d;
}
svg{
width: clamp(300px , 70% , 600px);
height: 500px;
}
#rocket{
transform: translateY(750px);
animation: launch 2s ease-out forwards;
}
@keyframes launch {
from {
transform: translateY(750px);
}
to{
perspective: 500px;
transform: translateY(0px);
}
}
#stars {
animation: twinkling 2s linear ;
}
@keyframes twinkling {
from{
transform: scale(0);
}
to{
transform: scale(1);
}
}
.text{
opacity: 0;
animation:appear 1s ease-in forwards;
animation-delay: 1.8s;
}
@keyframes appear {
from{
opacity: 0;
}
to{
opacity: 1;
}
}
a{
color:#F66947;
text-decoration: none;
}
Let's keep going with another animated error page.
HTML Codes:
<a href="https://codepen.io/uiswarup/full/yLzypyY" target="_blank">
<header class="top-header">
</header>
<!--dust particel-->
<div>
<div class="starsec"></div>
<div class="starthird"></div>
<div class="starfourth"></div>
<div class="starfifth"></div>
</div>
<!--Dust particle end--->
<div class="lamp__wrap">
<div class="lamp">
<div class="cable"></div>
<div class="cover"></div>
<div class="in-cover">
<div class="bulb"></div>
</div>
<div class="light"></div>
</div>
</div>
<!-- END Lamp -->
<section class="error">
<!-- Content -->
<div class="error__content">
<div class="error__message message">
<h1 class="message__title">Page Not Found</h1>
<p class="message__text">We're sorry, the page you were looking for isn't found here. The link you followed may either be broken or no longer exists. Please try again, or take a look at our.</p>
</div>
<div class="error__nav e-nav">
<a href="" target="_blanck" class="e-nav__link"></a>
</div>
</div>
<!-- END Content -->
</section>
</a>
CSS Codes:
@charset "UTF-8";
/***********************************
/* 1. BODY */
/***********************************/
* {
margin: 0;
padding: 0;
-webkit-text-size-adjust: none;
}
html, body {
height: 100%;
overflow: hidden;
}
body {
padding: 0;
margin: 0;
background: #181828;
font-size: 14px;
line-height: 1;
}
label {
cursor: pointer;
}
a {
margin: 0;
padding: 0;
vertical-align: baseline;
background: transparent;
text-decoration: none;
color: #000;
}
input, select, button, textarea {
margin: 0;
font-size: 100%;
}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.top-header:before {
background-image: url(https://1.bp.blogspot.com/-gxsOcYWghHA/Xp_izTh4sFI/AAAAAAAAU8s/y637Fwg99qAuzW9na_NT_uApny8Vce95gCEwYBhgL/s1600/header-footer-gradient-bg.png);
}
.top-header:before {
content: '';
display: block;
width: 100%;
height: 4px;
background-repeat: repeat-x;
background-size: contain;
position: absolute;
top: 0;
left: 0;
opacity:0.5;
}
.starsec{
content: " ";
position: absolute;
width: 3px;
height: 3px;
background: transparent;
box-shadow: 571px 173px #00BCD4, 1732px 143px #00BCD4, 1745px 454px #FF5722, 234px 784px #00BCD4, 1793px 1123px #FF9800, 1076px 504px #03A9F4, 633px 601px #FF5722, 350px 630px #FFEB3B, 1164px 782px #00BCD4, 76px 690px #3F51B5, 1825px 701px #CDDC39, 1646px 578px #FFEB3B, 544px 293px #2196F3, 445px 1061px #673AB7, 928px 47px #00BCD4, 168px 1410px #8BC34A, 777px 782px #9C27B0, 1235px 1941px #9C27B0, 104px 1690px #8BC34A, 1167px 1338px #E91E63, 345px 1652px #009688, 1682px 1196px #F44336, 1995px 494px #8BC34A, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #9C27B0, 1339px 1344px #673AB7, 1102px 1745px #3F51B5, 1592px 1676px #2196F3, 419px 1024px #FF9800, 630px 1033px #4CAF50, 1995px 1644px #00BCD4, 1092px 712px #9C27B0, 1355px 606px #F44336, 622px 1881px #CDDC39, 1481px 621px #9E9E9E, 19px 1348px #8BC34A, 864px 1780px #E91E63, 442px 1136px #2196F3, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #009688, 592px 630px #E91E63, 1012px 1690px #9C27B0, 1749px 23px #673AB7, 94px 1542px #FFEB3B, 1201px 1657px #3F51B5, 1505px 692px #2196F3, 1799px 601px #03A9F4, 656px 811px #00BCD4, 701px 597px #00BCD4, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #2196F3, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #CDDC39, 622px 1643px #F44336, 174px 1559px #673AB7, 212px 517px #00BCD4, 340px 505px #FFF, 1700px 39px #FFF, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #FFF, 1119px 1680px #FFC107, 812px 1480px #3F51B5, 1438px 1585px #CDDC39, 137px 1397px #FFF, 1080px 456px #673AB7, 1208px 1437px #03A9F4, 857px 281px #F44336, 1254px 1306px #CDDC39, 987px 990px #4CAF50, 1655px 911px #00BCD4, 1102px 1216px #FF5722, 1807px 1044px #FFF, 660px 435px #03A9F4, 299px 678px #4CAF50, 1193px 115px #FF9800, 918px 290px #CDDC39, 1447px 1422px #FFEB3B, 91px 1273px #9C27B0, 108px 223px #FFEB3B, 146px 754px #00BCD4, 461px 1446px #FF5722, 1004px 391px #673AB7, 1529px 516px #F44336, 1206px 845px #CDDC39, 347px 583px #009688, 1102px 1332px #F44336, 709px 1756px #00BCD4, 1972px 248px #FFF, 1669px 1344px #FF5722, 1132px 406px #F44336, 320px 1076px #CDDC39, 126px 943px #FFEB3B, 263px 604px #FF5722, 1546px 692px #F44336;
animation: animStar 150s linear infinite;
}
.starthird
{
content: " ";
position: absolute;
width: 3px;
height: 3px;
background: transparent;
box-shadow: 571px 173px #00BCD4, 1732px 143px #00BCD4, 1745px 454px #FF5722, 234px 784px #00BCD4, 1793px 1123px #FF9800, 1076px 504px #03A9F4, 633px 601px #FF5722, 350px 630px #FFEB3B, 1164px 782px #00BCD4, 76px 690px #3F51B5, 1825px 701px #CDDC39, 1646px 578px #FFEB3B, 544px 293px #2196F3, 445px 1061px #673AB7, 928px 47px #00BCD4, 168px 1410px #8BC34A, 777px 782px #9C27B0, 1235px 1941px #9C27B0, 104px 1690px #8BC34A, 1167px 1338px #E91E63, 345px 1652px #009688, 1682px 1196px #F44336, 1995px 494px #8BC34A, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #9C27B0, 1339px 1344px #673AB7, 1102px 1745px #3F51B5, 1592px 1676px #2196F3, 419px 1024px #FF9800, 630px 1033px #4CAF50, 1995px 1644px #00BCD4, 1092px 712px #9C27B0, 1355px 606px #F44336, 622px 1881px #CDDC39, 1481px 621px #9E9E9E, 19px 1348px #8BC34A, 864px 1780px #E91E63, 442px 1136px #2196F3, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #009688, 592px 630px #E91E63, 1012px 1690px #9C27B0, 1749px 23px #673AB7, 94px 1542px #FFEB3B, 1201px 1657px #3F51B5, 1505px 692px #2196F3, 1799px 601px #03A9F4, 656px 811px #00BCD4, 701px 597px #00BCD4, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #2196F3, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #CDDC39, 622px 1643px #F44336, 174px 1559px #673AB7, 212px 517px #00BCD4, 340px 505px #FFF, 1700px 39px #FFF, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #FFF, 1119px 1680px #FFC107, 812px 1480px #3F51B5, 1438px 1585px #CDDC39, 137px 1397px #FFF, 1080px 456px #673AB7, 1208px 1437px #03A9F4, 857px 281px #F44336, 1254px 1306px #CDDC39, 987px 990px #4CAF50, 1655px 911px #00BCD4, 1102px 1216px #FF5722, 1807px 1044px #FFF, 660px 435px #03A9F4, 299px 678px #4CAF50, 1193px 115px #FF9800, 918px 290px #CDDC39, 1447px 1422px #FFEB3B, 91px 1273px #9C27B0, 108px 223px #FFEB3B, 146px 754px #00BCD4, 461px 1446px #FF5722, 1004px 391px #673AB7, 1529px 516px #F44336, 1206px 845px #CDDC39, 347px 583px #009688, 1102px 1332px #F44336, 709px 1756px #00BCD4, 1972px 248px #FFF, 1669px 1344px #FF5722, 1132px 406px #F44336, 320px 1076px #CDDC39, 126px 943px #FFEB3B, 263px 604px #FF5722, 1546px 692px #F44336;
animation: animStar 10s linear infinite;
}
.starfourth
{
content: " ";
position: absolute;
width: 2px;
height: 2px;
background: transparent;
box-shadow: 571px 173px #00BCD4, 1732px 143px #00BCD4, 1745px 454px #FF5722, 234px 784px #00BCD4, 1793px 1123px #FF9800, 1076px 504px #03A9F4, 633px 601px #FF5722, 350px 630px #FFEB3B, 1164px 782px #00BCD4, 76px 690px #3F51B5, 1825px 701px #CDDC39, 1646px 578px #FFEB3B, 544px 293px #2196F3, 445px 1061px #673AB7, 928px 47px #00BCD4, 168px 1410px #8BC34A, 777px 782px #9C27B0, 1235px 1941px #9C27B0, 104px 1690px #8BC34A, 1167px 1338px #E91E63, 345px 1652px #009688, 1682px 1196px #F44336, 1995px 494px #8BC34A, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #9C27B0, 1339px 1344px #673AB7, 1102px 1745px #3F51B5, 1592px 1676px #2196F3, 419px 1024px #FF9800, 630px 1033px #4CAF50, 1995px 1644px #00BCD4, 1092px 712px #9C27B0, 1355px 606px #F44336, 622px 1881px #CDDC39, 1481px 621px #9E9E9E, 19px 1348px #8BC34A, 864px 1780px #E91E63, 442px 1136px #2196F3, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #009688, 592px 630px #E91E63, 1012px 1690px #9C27B0, 1749px 23px #673AB7, 94px 1542px #FFEB3B, 1201px 1657px #3F51B5, 1505px 692px #2196F3, 1799px 601px #03A9F4, 656px 811px #00BCD4, 701px 597px #00BCD4, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #2196F3, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #CDDC39, 622px 1643px #F44336, 174px 1559px #673AB7, 212px 517px #00BCD4, 340px 505px #FFF, 1700px 39px #FFF, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #FFF, 1119px 1680px #FFC107, 812px 1480px #3F51B5, 1438px 1585px #CDDC39, 137px 1397px #FFF, 1080px 456px #673AB7, 1208px 1437px #03A9F4, 857px 281px #F44336, 1254px 1306px #CDDC39, 987px 990px #4CAF50, 1655px 911px #00BCD4, 1102px 1216px #FF5722, 1807px 1044px #FFF, 660px 435px #03A9F4, 299px 678px #4CAF50, 1193px 115px #FF9800, 918px 290px #CDDC39, 1447px 1422px #FFEB3B, 91px 1273px #9C27B0, 108px 223px #FFEB3B, 146px 754px #00BCD4, 461px 1446px #FF5722, 1004px 391px #673AB7, 1529px 516px #F44336, 1206px 845px #CDDC39, 347px 583px #009688, 1102px 1332px #F44336, 709px 1756px #00BCD4, 1972px 248px #FFF, 1669px 1344px #FF5722, 1132px 406px #F44336, 320px 1076px #CDDC39, 126px 943px #FFEB3B, 263px 604px #FF5722, 1546px 692px #F44336;
animation: animStar 50s linear infinite;
}
.starfifth
{
content: " ";
position: absolute;
width: 1px;
height: 1px;
background: transparent;
box-shadow: 571px 173px #00BCD4, 1732px 143px #00BCD4, 1745px 454px #FF5722, 234px 784px #00BCD4, 1793px 1123px #FF9800, 1076px 504px #03A9F4, 633px 601px #FF5722, 350px 630px #FFEB3B, 1164px 782px #00BCD4, 76px 690px #3F51B5, 1825px 701px #CDDC39, 1646px 578px #FFEB3B, 544px 293px #2196F3, 445px 1061px #673AB7, 928px 47px #00BCD4, 168px 1410px #8BC34A, 777px 782px #9C27B0, 1235px 1941px #9C27B0, 104px 1690px #8BC34A, 1167px 1338px #E91E63, 345px 1652px #009688, 1682px 1196px #F44336, 1995px 494px #8BC34A, 428px 798px #FF5722, 340px 1623px #F44336, 605px 349px #9C27B0, 1339px 1344px #673AB7, 1102px 1745px #3F51B5, 1592px 1676px #2196F3, 419px 1024px #FF9800, 630px 1033px #4CAF50, 1995px 1644px #00BCD4, 1092px 712px #9C27B0, 1355px 606px #F44336, 622px 1881px #CDDC39, 1481px 621px #9E9E9E, 19px 1348px #8BC34A, 864px 1780px #E91E63, 442px 1136px #2196F3, 67px 712px #FF5722, 89px 1406px #F44336, 275px 321px #009688, 592px 630px #E91E63, 1012px 1690px #9C27B0, 1749px 23px #673AB7, 94px 1542px #FFEB3B, 1201px 1657px #3F51B5, 1505px 692px #2196F3, 1799px 601px #03A9F4, 656px 811px #00BCD4, 701px 597px #00BCD4, 1202px 46px #FF5722, 890px 569px #FF5722, 1613px 813px #2196F3, 223px 252px #FF9800, 983px 1093px #F44336, 726px 1029px #FFC107, 1764px 778px #CDDC39, 622px 1643px #F44336, 174px 1559px #673AB7, 212px 517px #00BCD4, 340px 505px #FFF, 1700px 39px #FFF, 1768px 516px #F44336, 849px 391px #FF9800, 228px 1824px #FFF, 1119px 1680px #FFC107, 812px 1480px #3F51B5, 1438px 1585px #CDDC39, 137px 1397px #FFF, 1080px 456px #673AB7, 1208px 1437px #03A9F4, 857px 281px #F44336, 1254px 1306px #CDDC39, 987px 990px #4CAF50, 1655px 911px #00BCD4, 1102px 1216px #FF5722, 1807px 1044px #FFF, 660px 435px #03A9F4, 299px 678px #4CAF50, 1193px 115px #FF9800, 918px 290px #CDDC39, 1447px 1422px #FFEB3B, 91px 1273px #9C27B0, 108px 223px #FFEB3B, 146px 754px #00BCD4, 461px 1446px #FF5722, 1004px 391px #673AB7, 1529px 516px #F44336, 1206px 845px #CDDC39, 347px 583px #009688, 1102px 1332px #F44336, 709px 1756px #00BCD4, 1972px 248px #FFF, 1669px 1344px #FF5722, 1132px 406px #F44336, 320px 1076px #CDDC39, 126px 943px #FFEB3B, 263px 604px #FF5722, 1546px 692px #F44336;
animation: animStar 80s linear infinite;
}
@keyframes animStar
{
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-2000px);
}
}
button {
border: none;
padding: 0;
font-size: 0;
line-height: 0;
background: none;
cursor: pointer;
}
:focus {
outline: 0;
}
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
visibility: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/* 1. END BODY */
/***********************************/
/***********************************
/* 2. CONTENT */
/***********************************/
/* 2.1. Section error */
.error {
min-height: 100vh;
position: relative;
padding: 240px 0;
box-sizing: border-box;
width: 100%;
height: 100%;
text-align: center;
margin-top: 70px;
}
.error__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.error__content {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.error__message {
text-align: center;
color: #181828;
}
.message__title {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 5px;
font-size: 5.6rem;
padding-bottom: 40px;
max-width: 960px;
margin: 0 auto;
}
.message__text {
font-family: 'Montserrat', sans-serif;
line-height: 42px;
font-size: 18px;
padding: 0 60px;
max-width: 680px;
margin: auto;
}
.error__nav {
max-width: 600px;
margin: 40px auto 0;
text-align: center;
}
.e-nav__form {
position: relative;
height: 45px;
overflow: hidden;
width: 170px;
display: inline-block;
vertical-align: top;
border: 1px solid #212121;
padding-left: 10px;
padding-right: 46px;
}
.e-nav__icon {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #212121;
-webkit-transition: color .25s ease;
transition: color .25s ease;
}
.e-nav__link {
height: 45px;
line-height: 45px;
width: 170px;
display: inline-block;
vertical-align: top;
margin: 0 15px;
border: 1px solid #181828;
color: #181828;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .1rem;
position: relative;
overflow: hidden;
}
.e-nav__link:before {
content: '';
height: 200px;
background: #212121;
position: absolute;
top: 70px;
right: 70px;
width: 260px;
-webkit-transition: all .3s;
transition: all .3s;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.e-nav__link:after {
-webkit-transition: all .3s;
transition: all .3s;
z-index: 999;
position: relative;
}
.e-nav__link:after {
content: "Home Page";
}
.e-nav__link:hover:before {
top: -60px;
right: -50px;
}
.e-nav__link:hover {
color: #fff;
}
.e-nav__link:nth-child(2):hover:after {
color: #fff;
}
/* 2.1. END Section Error */
/* 2.2. Social style */
.error__social {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 20px;
z-index: 10;
}
.e-social__list {
margin: 0;
padding: 0;
list-style-type: none;
}
.e-social__icon {
padding-bottom: 30px;
}
.e-social__icon:last-child {
padding-bottom: 0;
}
.e-social__link {
color: #fff;
-webkit-transition: all .25s ease;
transition: all .25s ease;
display: block;
}
.e-social__link:hover {
opacity: .7;
}
/* 2.2. END Social style */
/* 2.3. Lamp */
.lamp {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
margin: 0px auto;
width: 300px;
display: flex;
flex-direction: column;
align-items: center;
transform-origin: center top;
animation-timing-function: cubic-bezier(0.6, 0, 0.38, 1);
animation: move 5.1s infinite;
}
@keyframes move {
0% {
transform: rotate(40deg);
}
50% {
transform: rotate(-40deg);
}
100% {
transform: rotate(40deg);
}
}
.cable {
width: 8px;
height: 248px;
background-image: linear-gradient(rgb(32 148 218 / 70%), rgb(193 65 25)), linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7));
}
.cover {
width: 200px;
height: 80px;
background: #0bd5e8;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
position: relative;
z-index: 200;
}
.in-cover {
width: 100%;
max-width: 200px;
height: 20px;
border-radius: 100%;
background: #08ffff;
position: absolute;
left: 0px;
right: 0px;
margin: 0px auto;
bottom: -9px;
z-index: 100;
}
.in-cover .bulb {
width: 50px;
height: 50px;
background-color: #08fffa;
border-radius: 50%;
position: absolute;
left: 0px;
right: 0px;
bottom: -20px;
margin: 0px auto;
-webkit-box-shadow: 0 0 15px 7px rgba(0,255,255,0.8), 0 0 40px 25px rgba(0,255,255,0.5), -75px 0 30px 15px rgba(0,255,255,0.2);
box-shadow: 0 0 25px 7px rgb(127 255 255 / 80%), 0 0 64px 47px rgba(0,255,255,0.5), 0px 0 30px 15px rgba(0,255,255,0.2);
}
.light {
width: 200px;
height: 0px;
border-bottom: 900px solid rgb(44 255 255 / 24%);
border-left: 50px solid transparent;
border-right: 50px solid transparent;
position: absolute;
left: 0px;
right: 0px;
top: 270px;
margin: 0px auto;
z-index: 1;
border-radius: 90px 90px 0px 0px;
}
/* 2.3. END Lamp */
/***********************************
/* 2. END CONTENT */
/***********************************/
/***********************************
/* 3. RESPONSIVE */
/***********************************/
.error {
overflow: hidden;
max-height: 100vh;
}
@media (max-width: 1400px) {
.lamp {
zoom: .5;
}
.error__content {
top: 55%;
}
.message__title {
font-size: 3.5rem;
}
}
@media (max-width: 900px) {
.message__title {
font-size: 34px;
}
.error__content {
top: 55%;
}
}
@media (max-width: 950px) {
.lamp__wrap {
max-height: 100vh;
overflow: hidden;
max-width: 100vw;
}
.error__social {
bottom: 30px;
top: auto;
transform: none;
width: 100%;
position: fixed;
left: 0;
}
.e-social__icon {
display: inline-block;
padding-right: 30px;
}
.e-social__icon:last-child {
padding-right: 0;
}
.e-social__icon {
padding-bottom: 0;
}
}
@media (max-width: 750px) {
body, html, {
max-height: 100vh;
}
.error__content {
position: static;
margin: 0 auto;
transform: none;
padding-top: 300px;
}
.error {
padding-top: 0;
padding-bottom: 100px;
height: 100vh;
}
}
@media (max-width: 650px) {
.message__title {
font-size: 36px;
padding-bottom: 20px;
}
.message__text {
font-size: 16px;
line-height: 2;
padding-right: 20px;
padding-left: 20px;
}
.lamp {
zoom: .6;
}
.error__content {
padding-top: 180px;
}
}
@media (max-width: 480px) {
.message__title {
font-size: 30px;
}
.message__text {
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}
.error__nav {
margin-top: 20px;
}
}
Another simple, neon, animated error page.
HTML Codes:
<div></div>
<svg id="svgWrap_2" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 700 250">
<g>
<path id="id3_2" d="M195.7 232.67h-37.1V149.7H27.76c-2.64 0-5.1-.5-7.36-1.49-2.27-.99-4.23-2.31-5.88-3.96-1.65-1.65-2.95-3.61-3.89-5.88s-1.42-4.67-1.42-7.22V29.62h36.82v82.98H158.6V29.62h37.1v203.05z"/>
<path id="id2_2" d="M470.69 147.71c0 8.31-1.06 16.17-3.19 23.58-2.12 7.41-5.12 14.28-8.99 20.6-3.87 6.33-8.45 11.99-13.74 16.99-5.29 5-11.07 9.28-17.35 12.81a85.146 85.146 0 0 1-20.04 8.14 83.637 83.637 0 0 1-21.67 2.83H319.3c-7.46 0-14.73-.94-21.81-2.83-7.08-1.89-13.76-4.6-20.04-8.14a88.292 88.292 0 0 1-17.35-12.81c-5.29-5-9.84-10.67-13.66-16.99-3.82-6.32-6.8-13.19-8.92-20.6-2.12-7.41-3.19-15.27-3.19-23.58v-33.13c0-12.46 2.34-23.88 7.01-34.27 4.67-10.38 10.92-19.33 18.76-26.83 7.83-7.5 16.87-13.36 27.12-17.56 10.24-4.2 20.93-6.3 32.07-6.3h66.41c7.36 0 14.58.94 21.67 2.83 7.08 1.89 13.76 4.6 20.04 8.14a88.292 88.292 0 0 1 17.35 12.81c5.29 5 9.86 10.67 13.74 16.99 3.87 6.33 6.87 13.19 8.99 20.6 2.13 7.41 3.19 15.27 3.19 23.58v33.14zm-37.1-33.13c0-7.27-1.32-13.88-3.96-19.82-2.64-5.95-6.16-11.04-10.55-15.29-4.39-4.25-9.46-7.5-15.22-9.77-5.76-2.27-11.8-3.35-18.13-3.26h-66.41c-6.14-.09-12.11.97-17.91 3.19-5.81 2.22-10.95 5.43-15.44 9.63-4.48 4.2-8.07 9.3-10.76 15.29-2.69 6-4.04 12.67-4.04 20.04v33.13c0 7.36 1.32 14.02 3.96 19.97 2.64 5.95 6.18 11.02 10.62 15.22 4.44 4.2 9.56 7.43 15.36 9.7 5.8 2.27 11.87 3.35 18.2 3.26h66.41c7.27 0 13.85-1.2 19.75-3.61s10.93-5.73 15.08-9.98 7.36-9.32 9.63-15.22c2.27-5.9 3.4-12.34 3.4-19.33v-33.15zm-16-26.91a17.89 17.89 0 0 1 2.83 6.73c.47 2.41.47 4.77 0 7.08-.47 2.31-1.39 4.48-2.76 6.51-1.37 2.03-3.14 3.75-5.31 5.17l-99.4 66.41c-1.61 1.23-3.26 2.08-4.96 2.55-1.7.47-3.45.71-5.24.71-3.02 0-5.9-.71-8.64-2.12-2.74-1.42-4.96-3.44-6.66-6.09a17.89 17.89 0 0 1-2.83-6.73c-.47-2.41-.5-4.77-.07-7.08.43-2.31 1.3-4.48 2.62-6.51 1.32-2.03 3.07-3.75 5.24-5.17l99.69-66.41a17.89 17.89 0 0 1 6.73-2.83c2.41-.47 4.77-.47 7.08 0 2.31.47 4.48 1.37 6.51 2.69 2.03 1.32 3.75 3.02 5.17 5.09z"/>
<path id="id1_2" d="M688.33 232.67h-37.1V149.7H520.39c-2.64 0-5.1-.5-7.36-1.49-2.27-.99-4.23-2.31-5.88-3.96-1.65-1.65-2.95-3.61-3.89-5.88s-1.42-4.67-1.42-7.22V29.62h36.82v82.98h112.57V29.62h37.1v203.05z"/>
</g>
</svg>
<svg id="svgWrap_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 700 250">
<g>
<path id="id3_1" d="M195.7 232.67h-37.1V149.7H27.76c-2.64 0-5.1-.5-7.36-1.49-2.27-.99-4.23-2.31-5.88-3.96-1.65-1.65-2.95-3.61-3.89-5.88s-1.42-4.67-1.42-7.22V29.62h36.82v82.98H158.6V29.62h37.1v203.05z"/>
<path id="id2_1" d="M470.69 147.71c0 8.31-1.06 16.17-3.19 23.58-2.12 7.41-5.12 14.28-8.99 20.6-3.87 6.33-8.45 11.99-13.74 16.99-5.29 5-11.07 9.28-17.35 12.81a85.146 85.146 0 0 1-20.04 8.14 83.637 83.637 0 0 1-21.67 2.83H319.3c-7.46 0-14.73-.94-21.81-2.83-7.08-1.89-13.76-4.6-20.04-8.14a88.292 88.292 0 0 1-17.35-12.81c-5.29-5-9.84-10.67-13.66-16.99-3.82-6.32-6.8-13.19-8.92-20.6-2.12-7.41-3.19-15.27-3.19-23.58v-33.13c0-12.46 2.34-23.88 7.01-34.27 4.67-10.38 10.92-19.33 18.76-26.83 7.83-7.5 16.87-13.36 27.12-17.56 10.24-4.2 20.93-6.3 32.07-6.3h66.41c7.36 0 14.58.94 21.67 2.83 7.08 1.89 13.76 4.6 20.04 8.14a88.292 88.292 0 0 1 17.35 12.81c5.29 5 9.86 10.67 13.74 16.99 3.87 6.33 6.87 13.19 8.99 20.6 2.13 7.41 3.19 15.27 3.19 23.58v33.14zm-37.1-33.13c0-7.27-1.32-13.88-3.96-19.82-2.64-5.95-6.16-11.04-10.55-15.29-4.39-4.25-9.46-7.5-15.22-9.77-5.76-2.27-11.8-3.35-18.13-3.26h-66.41c-6.14-.09-12.11.97-17.91 3.19-5.81 2.22-10.95 5.43-15.44 9.63-4.48 4.2-8.07 9.3-10.76 15.29-2.69 6-4.04 12.67-4.04 20.04v33.13c0 7.36 1.32 14.02 3.96 19.97 2.64 5.95 6.18 11.02 10.62 15.22 4.44 4.2 9.56 7.43 15.36 9.7 5.8 2.27 11.87 3.35 18.2 3.26h66.41c7.27 0 13.85-1.2 19.75-3.61s10.93-5.73 15.08-9.98 7.36-9.32 9.63-15.22c2.27-5.9 3.4-12.34 3.4-19.33v-33.15zm-16-26.91a17.89 17.89 0 0 1 2.83 6.73c.47 2.41.47 4.77 0 7.08-.47 2.31-1.39 4.48-2.76 6.51-1.37 2.03-3.14 3.75-5.31 5.17l-99.4 66.41c-1.61 1.23-3.26 2.08-4.96 2.55-1.7.47-3.45.71-5.24.71-3.02 0-5.9-.71-8.64-2.12-2.74-1.42-4.96-3.44-6.66-6.09a17.89 17.89 0 0 1-2.83-6.73c-.47-2.41-.5-4.77-.07-7.08.43-2.31 1.3-4.48 2.62-6.51 1.32-2.03 3.07-3.75 5.24-5.17l99.69-66.41a17.89 17.89 0 0 1 6.73-2.83c2.41-.47 4.77-.47 7.08 0 2.31.47 4.48 1.37 6.51 2.69 2.03 1.32 3.75 3.02 5.17 5.09z"/>
<path id="id1_1" d="M688.33 232.67h-37.1V149.7H520.39c-2.64 0-5.1-.5-7.36-1.49-2.27-.99-4.23-2.31-5.88-3.96-1.65-1.65-2.95-3.61-3.89-5.88s-1.42-4.67-1.42-7.22V29.62h36.82v82.98h112.57V29.62h37.1v203.05z"/>
</g>
</svg>
<svg>
<defs>
<filter id="glow">
<fegaussianblur class="blur" result="coloredBlur" stddeviation="4"></fegaussianblur>
<femerge>
<femergenode in="coloredBlur"></femergenode>
<femergenode in="SourceGraphic"></femergenode>
</femerge>
</filter>
</defs>
</svg>
<h2>Page Not Found</h2>
CSS Codes:
@import url('https://fonts.googleapis.com/css?family=Audiowide&display=swap');
html,
body{
margin: 0px;
overflow: hidden;
}
div{
position: absolute;
top: 0%;
left: 0%;
height: 100%;
width: 100%;
margin: 0px;
background: radial-gradient(circle, #240015 0%, #12000b 100%);
overflow: hidden;
}
.wrap{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
h2{
position: absolute;
top: 50%;
left: 50%;
margin-top: 150px;
font-size: 32px;
text-transform: uppercase;
transform: translate(-50%, -50%);
display: block;
color: #12000a;
font-weight: 300;
font-family: Audiowide;
text-shadow: 0px 0px 4px #12000a;
animation: fadeInText 3s ease-in 3.5s forwards, flicker4 5s linear 7.5s infinite, hueRotate 6s ease-in-out 3s infinite;
}
#svgWrap_1,
#svgWrap_2{
position: absolute;
height: auto;
width: 600px;
max-width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#svgWrap_1,
#svgWrap_2,
div{
animation: hueRotate 6s ease-in-out 3s infinite;
}
#id1_1,
#id2_1,
#id3_1{
stroke: #ff005d;
stroke-width: 3px;
fill: transparent;
filter: url(#glow);
}
#id1_2,
#id2_2,
#id3_2{
stroke: #12000a;
stroke-width: 3px;
fill: transparent;
filter: url(#glow);
}
#id3_1{
stroke-dasharray: 940px;
stroke-dashoffset: -940px;
animation: drawLine3 2.5s ease-in-out 0s forwards, flicker3 4s linear 4s infinite;
}
#id2_1{
stroke-dasharray: 735px;
stroke-dashoffset: -735px;
animation: drawLine2 2.5s ease-in-out 0.5s forwards, flicker2 4s linear 4.5s infinite;
}
#id1_1{
stroke-dasharray: 940px;
stroke-dashoffset: -940px;
animation: drawLine1 2.5s ease-in-out 1s forwards, flicker1 4s linear 5s infinite;
}
@keyframes drawLine1 {
0% {stroke-dashoffset: -940px;}
100%{stroke-dashoffset: 0px;}
}
@keyframes drawLine2 {
0% {stroke-dashoffset: -735px;}
100%{stroke-dashoffset: 0px;}
}
@keyframes drawLine3 {
0% {stroke-dashoffset: -940px;}
100%{stroke-dashoffset: 0px;}
}
@keyframes flicker1{
0% {stroke: #ff005d;}
1% {stroke: transparent;}
3% {stroke: transparent;}
4% {stroke: #ff005d;}
6% {stroke: #ff005d;}
7% {stroke: transparent;}
13% {stroke: transparent;}
14% {stroke: #ff005d;}
100%{stroke: #ff005d;}
}
@keyframes flicker2{
0% {stroke: #ff005d;}
50% {stroke: #ff005d;}
51% {stroke: transparent;}
61% {stroke: transparent;}
62% {stroke: #ff005d;}
100%{stroke: #ff005d;}
}
@keyframes flicker3{
0% {stroke: #ff005d;}
1% {stroke: transparent;}
10% {stroke: transparent;}
11% {stroke: #ff005d;}
40% {stroke: #ff005d;}
41% {stroke: transparent;}
45% {stroke: transparent;}
46% {stroke: #ff005d;}
100%{stroke: #ff005d;}
}
@keyframes flicker4{
0% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
30% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
31% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
32% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
36% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
37% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
41% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
42% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
85% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
86% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
95% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
96% {color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
100%{color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
}
@keyframes fadeInText{
1% {color: #12000a;text-shadow:0px 0px 4px #12000a;}
70% {color: #ff005d;text-shadow:0px 0px 14px #ff005d;}
100%{color: #ff005d;text-shadow:0px 0px 4px #ff005d;}
}
@keyframes hueRotate{
0% {
filter: hue-rotate(0deg);
}
50% {
filter: hue-rotate(-120deg);
}
100% {
filter: hue-rotate(0deg);
}
}
You can use this one if you want a black and white themed, no animation error page.
HTML Codes:
<figure>
<div class="sad-mac"></div>
<figcaption>
<span class="sr-text">Error 404: Not Found</span>
<span class="e"></span>
<span class="r"></span>
<span class="r"></span>
<span class="o"></span>
<span class="r"></span>
<span class="_4"></span>
<span class="_0"></span>
<span class="_4"></span>
<span class="n"></span>
<span class="o"></span>
<span class="t"></span>
<span class="f"></span>
<span class="o"></span>
<span class="u"></span>
<span class="n"></span>
<span class="d"></span>
</figcaption>
</figure>
CSS Codes:
* {
border: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
background: currentColor;
}
/* I. Containers */
figure {
font-size: 6px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 64em;
}
figcaption {
color: #fff;
display: flex;
align-content: space-between;
flex-wrap: wrap;
height: 17em;
}
figcaption span:before, .sad-mac:before {
content: "";
display: block;
width: 1em;
height: 1em;
transform: translate(-1em,-1em);
}
figcaption span {
display: inline-block;
margin: 0 2em;
width: 4em;
height: 6em;
}
.sr-text {
overflow: hidden;
position: absolute;
width: 0;
height: 0;
}
/* II. Sprites */
/* 1. Sad Mac */
.sad-mac {
background: #fff;
margin: 0 auto 7em auto;
width: 23em;
height: 30em;
}
.sad-mac:before {
box-shadow: 1em 1em, 23em 1em, 4em 3em, 5em 3em, 6em 3em, 7em 3em, 8em 3em, 9em 3em, 10em 3em, 11em 3em, 12em 3em, 13em 3em, 14em 3em, 15em 3em, 16em 3em, 17em 3em, 18em 3em, 19em 3em, 20em 3em, 3em 4em, 21em 4em, 3em 5em, 21em 5em, 3em 6em, 7em 6em, 9em 6em, 15em 6em, 17em 6em, 21em 6em, 3em 7em, 8em 7em, 16em 7em, 21em 7em, 3em 8em, 7em 8em, 9em 8em, 15em 8em, 17em 8em, 21em 8em, 3em 9em, 21em 9em, 3em 10em, 10em 10em, 13em 10em, 21em 10em, 3em 11em, 11em 11em, 12em 11em, 21em 11em, 3em 12em, 21em 12em, 3em 13em, 10em 13em, 11em 13em, 12em 13em, 13em 13em, 14em 13em, 21em 13em, 3em 14em, 9em 14em, 15em 14em, 16em 14em, 21em 14em, 3em 15em, 17em 15em, 21em 15em, 3em 16em, 21em 16em, 4em 17em, 5em 17em, 6em 17em, 7em 17em, 8em 17em, 9em 17em, 10em 17em, 11em 17em, 12em 17em, 13em 17em, 14em 17em, 15em 17em, 16em 17em, 17em 17em, 18em 17em, 19em 17em, 20em 17em, 3em 22em, 4em 22em, 5em 22em, 14em 22em, 15em 22em, 16em 22em, 17em 22em, 18em 22em, 19em 22em, 20em 22em, 1em 27em, 2em 27em, 3em 27em, 4em 27em, 5em 27em, 6em 27em, 7em 27em, 8em 27em, 9em 27em, 10em 27em, 11em 27em, 12em 27em, 13em 27em, 14em 27em, 15em 27em, 16em 27em, 17em 27em, 18em 27em, 19em 27em, 20em 27em, 21em 27em, 22em 27em, 23em 27em, 1em 28em, 23em 28em, 1em 29em, 23em 29em, 1em 30em, 23em 30em;
}
/* 2. Letters */
._0:before {
box-shadow: 2em 1em, 3em 1em, 1em 2em, 1em 3em, 1em 4em, 1em 5em, 4em 2em, 4em 3em, 4em 4em, 4em 5em, 2em 4em, 3em 3em, 2em 6em, 3em 6em;
}
._4:before {
box-shadow: 1em 1em, 1em 2em, 1em 3em, 1em 4em, 4em 1em, 4em 2em, 4em 3em, 4em 4em, 2em 4em, 3em 4em, 4em 5em, 4em 6em;
}
.d:before {
box-shadow: 1em 1em, 2em 1em, 3em 1em, 1em 2em, 4em 2em, 1em 3em, 4em 3em, 1em 4em, 4em 4em, 1em 5em, 4em 5em, 1em 6em, 2em 6em, 3em 6em;
}
.e:before {
box-shadow: 1em 1em, 2em 1em, 3em 1em, 4em 1em, 1em 2em, 1em 3em, 2em 3em, 3em 3em, 1em 4em, 1em 5em, 1em 6em, 2em 6em, 3em 6em, 4em 6em;
}
.f:before {
box-shadow: 1em 1em, 2em 1em, 3em 1em, 4em 1em, 1em 2em, 1em 3em, 2em 3em, 3em 3em, 1em 4em, 1em 5em, 1em 6em;
}
.n:before {
box-shadow: 1em 1em, 1em 2em, 1em 3em, 1em 4em, 1em 5em, 1em 6em, 4em 1em, 4em 2em, 4em 3em, 4em 4em, 4em 5em, 4em 6em, 2em 3em, 3em 4em;
}
.o:before {
box-shadow: 2em 1em, 3em 1em, 1em 2em, 1em 3em, 1em 4em, 1em 5em, 4em 2em, 4em 3em, 4em 4em, 4em 5em, 2em 6em, 3em 6em;
}
.r:before {
box-shadow: 1em 1em, 2em 1em, 3em 1em, 4em 2em, 1em 2em, 1em 3em, 1em 4em, 2em 3em, 3em 3em, 1em 5em, 1em 6em, 4em 4em, 4em 5em, 4em 6em;
}
.t:before {
box-shadow: 1em 1em, 2em 1em, 3em 1em, 2em 2em, 2em 3em, 2em 4em, 2em 5em, 2em 6em;
}
.u:before {
box-shadow: 1em 1em, 1em 2em, 1em 3em, 1em 4em, 1em 5em, 4em 1em, 4em 2em, 4em 3em, 4em 4em, 4em 5em, 2em 6em, 3em 6em;
}
/* III. Responsiveness */
/* This cannot be smoothly done using viewport units; sprite pixels will look divided when font size is a floating point. */
@media screen and (min-width: 720px) {
figure {
font-size: 7px;
}
}
@media screen and (min-width: 1440px) {
figure {
font-size: 8px;
}
}
If you want a black and green animated error page, you can also consider this option.
HTML Codes:
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="stylesheet" href="css/futuriste.css">
<title>404 pages</title>
</head>
<body>
<div id="container">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 200 82.7" style="enable-background:new 0 0 200 82.7;" xml:space="preserve">
<g id="Calque_1">
<text id="XMLID_3_" transform="matrix(1.2187 0 0 1 13 75.6393)" class="st0 st1">4</text>
<text id="XMLID_4_" transform="matrix(1.2187 0 0 1 133.0003 73.6393)" class="st0 st1">4</text>
</g>
<g id="Calque_2">
<g>
<path id="XMLID_11_" d="M81.8,29.2c4.1-5.7,10.7-9.4,18.3-9.4c6.3,0,12.1,2.7,16.1,6.9c0.6-0.4,1.1-0.7,1.7-1.1
c-4.4-4.8-10.8-7.9-17.8-7.9c-8.3,0-15.6,4.2-20,10.6C80.7,28.5,81.3,28.8,81.8,29.2z"/>
<path id="XMLID_2_" d="M118.1,53.7c-4,5.7-10.7,9.5-18.2,9.5c-6.3,0-12.1-2.6-16.2-6.8c-0.6,0.4-1.1,0.7-1.7,1.1
c4.4,4.8,10.8,7.8,17.9,7.8c8.3,0,15.6-4.3,19.9-10.7C119.2,54.5,118.6,54.1,118.1,53.7z"/>
<animateTransform attributeName="transform" type="rotate" from="360 100 41.3" to="0 100 41.3" dur="10s" repeatCount="indefinite" />
</g>
<g id="XMLID_6_">
<g id="XMLID_18_">
<circle class="circle" cx="100" cy="41" r="1"></circle>
</g>
</g><defs>
<filter id="blurFilter4" x="-20" y="-20" width="200" height="200">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" />
</filter>
</defs>
<path id="XMLID_5_" class="st2" d="M103.8,16.7c0.1,0.3,0.1,0.6,0.1,0.9c11.6,1.9,20.4,11.9,20.4,24.1c0,13.5-10.9,24.4-24.4,24.4
S75.6,55.1,75.6,41.7c0-3.2,0.6-6.3,1.7-9.1c-0.3-0.2-0.5-0.3-0.7-0.5c-1.2,3-1.9,6.2-1.9,9.6c0,14,11.3,25.3,25.3,25.3
s25.3-11.3,25.3-25.3C125.3,29,115.9,18.5,103.8,16.7z"/>
</g>
</svg>
<div class="message">
Page not found
</div>
</div>
</body>
</html>
CSS Codes:
*{
padding:0px;
margin:0px;
}
body{
background:black;
}
.st0{font-family:'FootlightMTLight';}
.st1{font-size:83.0285px;}
.st2{fill:gray;}
svg{
width: 500px;
height: 400px;
text-align: center;
fill: #16a085;
}
path#XMLID_5_ {
fill: #16a085;
filter: url(#blurFilter4);
}
path#XMLID_11_ ,path#XMLID_2_ {
fill: #16a085;
}
.circle{
animation: out 2s infinite ease-out;
fill: #16a085;
}
#container{
text-align:center;
}
.message{
color:#16a085;
}
.message:after{
content:"]";
}
.message:before{
content:"[";
}
.message:after, .message:before {
color: #16a085;
font-size: 20px;
-webkit-animation-name: opacity;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: opacity;
animation-name: opacity;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
margin:0 50px;
}
@-webkit-keyframes opacity {
0%, 100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes opacity {
0%, 100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes out {
0% {r:1; opacity: 0.9 ;}
25%{r:5; opacity: 0.3 ;}
50%{r:10; opacity: 0.2 ;}
75%{r:15;opacity:0.1;}
100% {r:20;opacity:0;}
}
If you are looking for animated space-themed error page, I recommend you take a look at this.
HTML Codes:
<div class="mars"></div>
<img src="https://assets.codepen.io/1538474/404.svg" class="logo-404" />
<img src="https://assets.codepen.io/1538474/meteor.svg" class="meteor" />
<p class="title">Oh no!!</p>
<p class="subtitle">
You’re either misspelling the URL <br /> or requesting a page that's no longer here.
</p>
<div align="center">
<a class="btn-back" href="#">Back to previous page</a>
</div>
<img src="https://assets.codepen.io/1538474/astronaut.svg" class="astronaut" />
<img src="https://assets.codepen.io/1538474/spaceship.svg" class="spaceship" />
CSS Codes:
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700');
$nunito-font: 'Nunito', sans-serif;
// mixins
@mixin breakpoint($point) {
@if $point==mobile {
@media (max-width: 480px) and (min-width: 320px) {
@content ;
}
}
}
// keyrames
@keyframes floating {
from { transform: translateY(0px); }
65% { transform: translateY(15px); }
to { transform: translateY(-0px); }
}
html {
height: 100%;
}
body{
background-image: url('https://assets.codepen.io/1538474/star.svg'),linear-gradient(to bottom, #05007A, #4D007D);
height: 100%;
margin: 0;
background-attachment: fixed;
overflow: hidden;
}
.mars{
left:0;
right:0;
bottom:0;
position:absolute;
height: 27vmin;
background: url('https://assets.codepen.io/1538474/mars.svg') no-repeat bottom center;
background-size: cover;
}
.logo-404{
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 16vmin;
width: 30vmin;
@include breakpoint(mobile){
top: 45vmin;
}
}
.meteor{
position: absolute;
right: 2vmin;
top: 16vmin;
}
.title{
color: white;
font-family: $nunito-font;
font-weight: 600;
text-align: center;
font-size: 5vmin;
margin-top: 31vmin;
@include breakpoint(mobile){
margin-top: 65vmin;
}
}
.subtitle{
color: white;
font-family: $nunito-font;
font-weight: 400;
text-align: center;
font-size: 3.5vmin;
margin-top: -1vmin;
margin-bottom: 9vmin;
}
.btn-back{
border: 1px solid white;
color: white;
height: 5vmin;
padding: 12px;
font-family: $nunito-font;
text-decoration: none;
border-radius: 5px;
&:hover{
background: white;
color: #4D007D;
}
@include breakpoint(mobile){
font-size: 3.5vmin;
}
}
.astronaut{
position: absolute;
top: 18vmin;
left: 10vmin;
height: 30vmin;
animation: floating 3s infinite ease-in-out;
@include breakpoint(mobile){
top: 2vmin;
}
}
.spaceship{
position: absolute;
bottom: 15vmin;
right: 24vmin;
@include breakpoint(mobile){
width: 45vmin;
bottom: 18vmin;
}
}
If you are looking for a cartoon-themed, damn cute, animated error page this error page is for you!
HTML Codes:
<div class="svgcontainer">
<div class="subcont">
<div class="topconvo">
<span>!@#$</span><br />your portal gun must be busted...
</div>
<svg version="1.1" id="fourohfour" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 265.5 114" style="enable-background:new 0 0 265.5 114;" xml:space="preserve">
<g id="bottoms">
<g id="leftfourbottom">
<ellipse class="st0" cx="82.4" cy="65.5" rx="11.7" ry="3.5" />
<path class="st1" d="M98.4,78.9c-0.8-2.8-2.8-4.4-6-4.9c0.7-2.7,1.3-5.8,1.7-8.4L93.9,66c-0.8,1.7-5.7,3-11.5,3s-10.7-1.3-11.5-3l-0.1-0.5
c0,0.8,0.1,2.1,0.1,2.7c0,2.4-0.3,4.3-1,5.9c-0.3,0.7-1.1,1.1-2.3,1.1c-1.7,0-2.8-0.7-3.2-2l0,0c-0.3-1.3,0.4-3.5,1.9-6.6
c0.1-0.3,0.2-0.6,0.2-0.7h-0.7c0,1.7-4.5,3-10,3s-10-1.3-10-3l-0.5-0.2c-0.7,1.8-1.3,3.4-1.8,4.6c-1.7,4.2-2.5,7.8-2.5,10.8
c0,3.8,1.4,7.2,4.1,10.1c3.8,3.1,9.6,4.7,17.5,4.7c0.5,0.5,0.7,1.4,0.7,2.9c0,1.7,0,2.6,0.1,2.7c0.9,6.2,3.5,10,7.6,11.5
c1.7,0.6,3.6,0.9,5.6,0.9c7.5,0,12-3,13.5-8.9c0.5-1.9,0.7-5.1,0.7-9.5c0-2.1,1-3.1,3.1-3.1c3.2-1.3,4.7-3.9,4.7-7.8h0.1
C98.8,81.6,98.7,79.7,98.4,78.9z" />
<ellipse class="st0" cx="55.8" cy="66" rx="10.6" ry="3" />
<ellipse class="st2" cx="82.4" cy="65.5" rx="3.5" ry="1.1" />
<ellipse class="st2" cx="55.5" cy="65.8" rx="3.2" ry="0.9" />
</g>
<g id="rightfourbottom">
<ellipse class="st0" cx="208.1" cy="65.5" rx="11.7" ry="3.5" />
<path class="st1" d="M224.1,78.9c-0.8-2.8-2.8-4.4-6-4.9c0.7-2.7,1.3-5.8,1.7-8.4l-0.1,0.5c-0.8,1.7-5.7,3-11.5,3c-5.9,0-10.7-1.3-11.5-3
l-0.1-0.5c0,0.8,0.1,2.1,0.1,2.7c0,2.4-0.3,4.3-1,5.9c-0.3,0.7-1.1,1.1-2.3,1.1c-1.7,0-2.8-0.7-3.2-2l0,0
c-0.3-1.3,0.4-3.5,1.9-6.6c0.1-0.3,0.2-0.6,0.2-0.7h-0.7c0,1.7-4.5,3-10,3s-10-1.3-10-3l-0.5-0.2c-0.7,1.8-1.3,3.4-1.8,4.6
c-1.7,4.2-2.5,7.8-2.5,10.8c0,3.8,1.4,7.2,4.1,10.1c3.8,3.1,9.6,4.7,17.5,4.7c0.5,0.5,0.7,1.4,0.7,2.9c0,1.7,0,2.6,0.1,2.7
c0.9,6.2,3.5,10,7.6,11.5c1.7,0.6,3.6,0.9,5.6,0.9c7.5,0,12-3,13.5-8.9c0.5-1.9,0.7-5.1,0.7-9.5c0-2.1,1-3.1,3.1-3.1
c3.2-1.3,4.7-3.9,4.7-7.8h0.1C224.5,81.6,224.3,79.7,224.1,78.9z" />
<ellipse class="st0" cx="181.5" cy="66" rx="10.6" ry="3" />
<ellipse class="st2" cx="208.1" cy="65.5" rx="3.5" ry="1.1" />
<ellipse class="st2" cx="181.2" cy="65.8" rx="3.2" ry="0.9" />
</g>
<g id="zerobottom">
<path class="st1" d="M135.6,65.2L135.6,65.2c0,0.6,0,1.1,0,1.7c0,4-0.8,11.1-2.5,21.5c-0.3,0.9-0.8,1.3-1.5,1.3l-0.6-0.4
c-0.8-5.7-1.2-10.5-1.2-14.4c0-3.5,0.3-6.6,0.9-9.4h-25.4c-0.7,4.3-1,8.9-0.9,13.8c1.2,6.9,2.6,12.3,4.1,16
c2.3,5.5,5.6,10,9.9,13.4c5.6,3.5,11.1,5.2,16.6,5.2c1.9,0,3.8-0.2,5.6-0.7c3-0.7,5.7-2.3,8.3-4.6c2.6-2.3,4.3-5,5.3-7.8
c4.1-8.6,6.1-18.3,6.1-29.1c0-2.2-0.1-4.4-0.3-6.5H135.6z" />
<path class="st0" d="M160,65.2c0,2.1-5.5,3.8-12.2,3.8s-12.3-1.7-12.3-3.8s5.5-3.8,12.3-3.8S160,63.2,160,65.2z" />
<path class="st0" d="M130.6,65.6c0,1.9-5.7,3.4-12.7,3.4s-12.8-1.6-12.8-3.5s5.7-3.5,12.8-3.5S130.6,63.7,130.6,65.6z" />
<ellipse class="st2" cx="147.8" cy="65.2" rx="3.2" ry="1" />
<ellipse class="st2" cx="117.9" cy="65.5" rx="3.4" ry="0.9" />
</g>
</g>
<g id="tops">
<path class="st1 picklericked" id="leftfourtop" d="M82.6,70c6.5,0,11.1-1.3,11.3-3.3c0,0,0,0,0,0c0.5-3.4,1.5-6.8,1.5-10c0-5.3-0.9-9.4-2.7-12.2
c-2.4-3.8-6.3-6.8-11.7-9c-2.5-0.7-5.1-1-8-1c-5.8,0-9.8,1.2-12,3.6c-4.2,4.5-8.8,12.1-13.8,23c-0.9,2.2-1.7,4.4-2.4,6.1
C44.9,69,49.6,70,55.4,70c5.1,0,8.9-0.6,10.1-1.9c1.8-3.6,3.7-6.8,4.6-8.5c0.3,2.7,0.6,5.2,0.7,7.1c0,0,0,0,0,0
C70.9,68.7,76.1,70,82.6,70z" />
<path class="st1 picklericked" id="rightfourtop" d="M208.2,70c6.5,0,11.1-1.3,11.3-3.3c0,0,0,0,0,0c0.5-3.4,1.5-6.8,1.5-10c0-5.3-0.9-9.4-2.7-12.2
c-2.4-3.8-6.3-6.8-11.7-9c-2.5-0.7-5.1-1-8-1c-5.8,0-9.8,1.2-12,3.6c-4.2,4.5-8.8,12.1-13.8,23c-0.9,2.2-1.7,4.4-2.4,6.1
c0.2,1.7,4.9,2.7,10.7,2.7c5.1,0,8.9-0.6,10.1-1.9c1.8-3.6,3.7-6.8,4.6-8.5c0.3,2.7,0.6,5.2,0.6,7.1c0,0,0,0,0,0
C196.5,68.7,201.7,70,208.2,70z" />
<path class="st1 picklericked" id="zerotop_3_" d="M156.5,50.9c1.6,4.3,3,9,3.5,13.9l0,0.7c-0.1,2.1-5.6,3.7-12.3,3.7c-6.8,0-12.3-1.7-12.3-3.8
c0-0.1,0-0.1,0-0.2l0,0.2l0,0c0-1.4,0.2-2.9,0-4.2l0,0c-0.2-1.1-0.4-1.7-1.5-1.7c-0.8,0-1.4,0.4-1.7,1.1c-0.7,1.5-1.2,3.1-1.6,4.9
h0c0,0,0,0,0,0c-0.1,0.2-0.1,0.5-0.2,0.8c-1,1.7-6.2,2.9-12.6,2.9c-6.9,0-12.4-1.5-12.7-3.3c1.2-8.1,3.7-15.2,7.5-21.4
c3.8-4.6,6.7-6.1,8.5-7.2c3.4-2.1,7-3.1,10.7-2.8c5.7,0.4,10.8,2.1,15.4,5.1s7.7,6.8,9.4,11.4" />
</g>
</svg>
<div class="bottomconvo">
Page not found. Wubba Lubba Dub Dub.
</div>
</div>
</div>
<svg id="picklerick" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 514.366 679.479" style="enable-background:new 0 0 514.366 679.479;" xml:space="preserve">
<g>
<g>
<path class="st0" d="M0,594.692c0.368,9.429,0.932,18.46,3.849,27.772c5.133,16.389,16.535,26.785,29.962,35.161
c9.111,5.684,19.397,10.048,29.722,13.084c14.094,4.145,28.168,9.485,43.283,8.689c9.169-0.483,18.424-0.832,27.437-2.409
c10.709-1.874,21.237-4.852,31.775-7.613c25.409-6.659,47.632-19.08,66.196-37.702c21.395-21.461,42.889-42.84,63.727-64.835
c14.872-15.698,30.49-31.141,42.695-48.825c28.668-41.536,55.201-84.565,77.177-130.101
c17.662-36.597,34.143-73.766,51.052-110.725c14.224-31.09,27.826-62.464,36.821-95.535c4.205-15.462,8.599-31.138,10.12-46.985
c1.393-14.504-0.083-29.48-1.923-44.043c-1.848-14.625-8.652-27.764-16.814-40.009c-8.763-13.146-21.012-22.272-34.263-30.62
c-10.476-6.6-21.529-11.567-32.893-16.157c-7.572-3.059-15.429-4.782-23.409-3.302c-8.701,1.614-17.53,3.487-25.7,6.755
c-8.831,3.532-18.241,7.394-25.133,13.619c-13.5,12.193-27.608,24.132-37.312,39.972c-2.764,4.512-5.193,9.229-7.852,13.808
c-3.871,6.669-7.996,13.197-11.679,19.967c-5.462,10.04-10.251,20.461-16.008,30.323c-11.086,18.991-22.731,37.654-33.972,56.556
c-4.519,7.599-8.523,15.504-12.876,23.205c-3.463,6.127-7.326,12.035-10.617,18.249c-9.675,18.269-18.398,37.09-28.9,54.864
c-13.423,22.717-27.817,44.894-42.566,66.783c-9.636,14.302-21.358,27.21-30.818,41.614
c-7.977,12.146-17.769,22.305-28.151,32.166c-10.142,9.634-18.869,20.527-27.129,31.777
c-8.571,11.673-17.328,23.237-25.317,35.303c-8.56,12.928-17.067,25.994-24.258,39.703C4.874,546.841,1.153,570.545,0,594.692z" />
<path class="st1" d="M0,594.692c1.153-24.147,4.874-47.851,16.225-69.491c7.191-13.708,15.698-26.774,24.258-39.703
c7.989-12.066,16.746-23.629,25.317-35.303c8.26-11.25,16.987-22.143,27.129-31.777c10.382-9.862,20.174-20.02,28.151-32.166
c9.46-14.404,21.182-27.313,30.818-41.614c14.748-21.889,29.143-44.065,42.566-66.783c10.502-17.774,19.225-36.594,28.9-54.864
c3.291-6.214,7.154-12.123,10.617-18.249c4.353-7.701,8.357-15.605,12.876-23.205c11.241-18.902,22.887-37.565,33.972-56.556
c5.757-9.862,10.546-20.283,16.008-30.323c3.683-6.77,7.807-13.298,11.679-19.967c2.658-4.579,5.087-9.296,7.852-13.808
c9.704-15.84,23.812-27.779,37.312-39.972c6.893-6.225,16.302-10.087,25.133-13.619c8.17-3.267,16.999-5.141,25.7-6.755
c7.981-1.48,15.837,0.243,23.409,3.302c11.363,4.59,22.417,9.556,32.893,16.157c13.251,8.349,25.5,17.474,34.263,30.62
c8.162,12.244,14.966,25.384,16.814,40.009c1.84,14.562,3.315,29.539,1.923,44.043c-1.521,15.847-5.915,31.524-10.12,46.985
c-8.995,33.071-22.596,64.445-36.821,95.535c-16.909,36.959-33.39,74.128-51.052,110.725
c-21.976,45.536-48.51,88.565-77.177,130.101c-12.205,17.683-27.823,33.127-42.695,48.825
c-20.838,21.995-42.332,43.373-63.727,64.835c-18.564,18.622-40.787,31.044-66.196,37.702c-10.538,2.762-21.066,5.74-31.775,7.613
c-9.012,1.577-18.267,1.926-27.437,2.409c-15.115,0.796-29.189-4.545-43.283-8.689c-10.325-3.036-20.611-7.4-29.722-13.084
c-13.427-8.377-24.829-18.772-29.962-35.161C0.932,613.152,0.368,604.121,0,594.692z M241.21,204.18
c-1.72,2.982-3.44,5.964-5.16,8.946c-4.524,7.925-9.327,15.705-13.525,23.799c-20.178,38.897-41.95,76.854-67.986,112.151
c-16.084,21.806-31.763,44.181-50.155,63.946c-23.34,25.083-44.612,51.553-64.079,79.604
c-23.5,33.862-37.315,70.649-34.146,112.679c1.438,19.072,8.473,35.055,24.976,45.351c28.189,17.587,59.018,25.346,92.304,22.782
c29.839-2.298,57.31-12.434,82.457-27.787c13.465-8.221,25.518-19.308,36.706-30.592c24.016-24.221,47.52-48.994,70.323-74.359
c13.183-14.665,25.227-30.477,36.607-46.603c9.474-13.425,17.45-27.935,25.703-42.19c13.422-23.184,27.134-46.234,39.557-69.952
c8.551-16.326,14.664-33.911,22.681-50.54c21.328-44.24,41.607-88.916,57.598-135.4c10.534-30.62,18.978-61.476,14.526-94.656
c-2.824-21.049-8.892-40.068-23.365-56.03c-16.938-18.681-38.406-29.82-61.665-38.327c-8.536-3.122-16.748-3.882-25.247-0.473
c-1.378,0.553-2.865,0.9-4.335,1.149c-18.813,3.19-33.708,13.657-47.557,25.875c-14.155,12.489-24.585,27.933-33.944,44.153
c-18.626,32.28-37.276,64.545-55.833,96.864C252.028,184.359,246.681,194.306,241.21,204.18z" />
<path class="st2" d="M241.21,204.18c5.472-9.874,10.818-19.82,16.439-29.609c18.557-32.319,37.207-64.585,55.833-96.864
c9.359-16.22,19.788-31.663,33.944-44.153c13.849-12.219,28.744-22.685,47.557-25.875c1.47-0.249,2.957-0.596,4.335-1.149
c8.499-3.408,16.711-2.648,25.247,0.473c23.26,8.507,44.727,19.646,61.665,38.327c14.473,15.962,20.541,34.982,23.365,56.03
c4.452,33.18-3.992,64.036-14.526,94.656c-15.991,46.484-36.27,91.16-57.598,135.4c-8.017,16.629-14.13,34.214-22.681,50.54
c-12.423,23.718-26.135,46.768-39.557,69.952c-8.252,14.254-16.228,28.764-25.703,42.19
c-11.38,16.126-23.423,31.938-36.607,46.603c-22.803,25.366-46.306,50.138-70.323,74.359
c-11.188,11.283-23.241,22.371-36.706,30.592c-25.147,15.353-52.618,25.489-82.457,27.787
c-33.286,2.563-64.115-5.195-92.304-22.782c-16.503-10.296-23.538-26.279-24.976-45.351
c-3.17-42.031,10.645-78.817,34.146-112.679c19.467-28.051,40.74-54.521,64.079-79.604c18.391-19.765,34.071-42.14,50.155-63.946
c26.036-35.298,47.808-73.254,67.986-112.151c4.199-8.094,9.001-15.874,13.527-23.798c0.746,2.282,1.213,4.709,2.304,6.811
c1.521,2.931,3.509,5.619,5.297,8.412c0.474-0.328,0.947-0.655,1.421-0.983c-0.528-0.939-1.054-1.879-1.585-2.817
c-6.012-10.618-4.55-15.239,6.6-20.683c1.483-0.724,3.102-1.173,4.575-1.915c0.85-0.428,1.534-1.186,2.293-1.795
c-0.206-0.413-0.411-0.827-0.617-1.24C251.296,200.671,246.253,202.425,241.21,204.18z M451.225,81.258c0,0,0.003,0.08,0.003,0.08
c-0.019-1.989,0.46-4.145-0.139-5.94c-3.175-9.51-6.301-19.062-10.086-28.336c-2.577-6.315-7.384-11.312-14.353-12.406
c-11.76-1.846-23.047,0.128-33.322,6.543c-5.999,0.565-12.358,0.066-17.914,1.944c-8.323,2.814-11.662,3.296-8.876,14.485
c-1.34,1.973-2.564,4.038-4.045,5.899c-2.705,3.397-5.562,6.673-8.355,10c-3.226,0.572-6.732,0.52-9.631,1.82
c-16.766,7.517-25.5,21.038-21.325,41.924c-7.617,6.722-15.233,13.445-22.85,20.167c-18.274,9.06-21.154,23.923-18.073,39.805
c-1.309,8.604-2.37,17.255-3.983,25.801c-2.573,13.633-5.307,27.243-8.356,40.777c-2.975,13.206-9.112,25.117-15.654,36.893
c-2.701,4.861-4.979,10.383-5.659,15.828c-0.741,5.934-3.08,10.726-6.369,15.271c-6.214,8.585-12.661,17-18.953,25.529
c-5.392,7.308-10.206,15.112-16.159,21.923c-10.949,12.528-21.193,25.415-28.274,40.611c-4.395,9.433-8.622,18.998-13.824,27.984
c-4.698,8.115-10.651,15.501-15.992,23.249c-5.765,8.363-6.155,8.518-15.243,4.877c-5.033-2.016-12.807-0.344-16.189,3.481
c-2.802,3.169-3.315,10.899-0.261,16.442c0-3.247-0.112-5.166,0.02-7.068c0.494-7.127,4.345-11.536,11.185-11.346
c2.834,0.079,6.136,2.216,8.123,4.414c0.779,0.862-0.869,5.002-2.44,6.695c-4.169,4.492-9.292,8.117-13.325,12.71
c-9.726,11.075-19.128,22.439-28.508,33.811c-10.885,13.197-18.234,28.385-24.492,44.178c-2.441,6.159-0.712,16.696,4.98,19.53
c4.709,2.344,10.8,3.209,16.118,2.773c12.643-1.038,22.596-8.13,31.242-16.896c5.935-6.017,11.347-12.552,16.975-18.871
c16.332-18.338,32.774-36.581,48.898-55.101c3.941-4.527,6.674-10.084,10.246-14.96c2.968-4.05,5.754-8.599,9.671-11.514
c9.955-7.408,21.311-13.195,28.402-23.82c5.31-7.956,10.591-16.127,14.376-24.856c4.712-10.864,6.625-23.047,12.027-33.48
c6.351-12.263,14.093-24.188,23.201-34.525c8.109-9.203,18.963-15.968,28.497-23.939c7.464-6.24,16.024-11.701,21.861-19.239
c10.734-13.863,19.743-29.054,29.644-43.573c3.011-4.415,6.589-8.443,9.909-12.649c4.824,0.68,9.677,2.096,14.467,1.909
c18.562-0.723,35.079-18.226,33.481-36.347c-0.633-7.175-4.374-14.075-6.699-21.1c1.03-3.571,2.06-7.143,3.089-10.714
c1.746-1.419,3.492-2.838,5.238-4.257c-0.21-0.342-0.419-0.683-0.629-1.025c-1.186,0.212-2.372,0.425-3.557,0.637
c0.321-2.494,0.641-4.989,0.961-7.477c19.86-5.358,29.779-26.959,24.062-44.589c2.303-7.593,4.606-15.185,6.91-22.779
c0.849-1.529,2.514-3.121,2.401-4.574c-0.41-5.264-1.418-10.481-2.2-15.716c0.103-0.11,0.307-0.299,0.293-0.316
C451.607,81.627,451.412,81.446,451.225,81.258z M375.79,40.582c0.696-0.161,2.123-0.366,3.466-0.822
c10.288-3.495,20.229-7.721,28.842-14.514c1.01-0.797,2.128-2.439,1.953-3.481c-0.175-1.045-1.799-2.419-2.971-2.631
c-6.305-1.14-12.652-2.499-19.015-2.67c-3.214-0.087-7.197,1.397-9.576,3.555c-3.662,3.321-5.978,8.075-9.353,11.777
c-3.607,3.957-3.527,5.846,1.472,7.92C371.936,40.267,373.512,40.224,375.79,40.582z M233.598,560.964
c1.467,7.41,2.085,14.744-4.484,19.769c-6.639,5.078-13.696,2.444-20.552-0.639c3.272,5.404,8.536,6.266,13.912,6.048
c6.34-0.257,10.991-3.737,13.491-9.504C238.309,571.229,237.89,565.867,233.598,560.964z M62.765,501.233
c-3.802-6.357-12.157-9.662-7.573-18.175c3.813-7.082,10.827-7.486,18.618-8.417c-10.974-3.797-18.32,0.976-21.045,7.118
C49.237,489.712,52.938,496.974,62.765,501.233z M361.358,391.435c5.22,5.034,11.295,4.89,16.113,0.159
c5.667-5.564,6.867-14.13,2.789-18.505c-0.938,5.073-0.717,10.951-3.166,15.339C373.983,394.005,367.404,392.381,361.358,391.435z
M160.759,368.346c-0.803-4.201-2.949-8.39-1.779-11.198c1.292-3.101,5.623-4.936,8.727-7.4
c-6.112-0.28-10.059,2.115-11.652,6.963C154.622,361.069,156.151,365.201,160.759,368.346z" />
<path class="st3" d="M241.21,204.18c5.043-1.754,10.086-3.508,15.13-5.263c0.206,0.413,0.411,0.827,0.617,1.24
c-0.759,0.609-1.443,1.367-2.293,1.795c-1.473,0.741-3.092,1.19-4.575,1.915c-11.15,5.444-12.612,10.065-6.6,20.683
c0.531,0.937,1.057,1.878,1.585,2.817c-0.474,0.328-0.947,0.655-1.421,0.983c-1.788-2.792-3.776-5.481-5.297-8.412
c-1.091-2.102-1.557-4.529-2.304-6.811C237.769,210.143,239.489,207.162,241.21,204.18z" />
<path class="st3" d="M420.306,169.803c-0.321,2.494-0.641,4.989-0.962,7.483c-10.552,5.997-19.422,1.46-28.022-4.528
c-2.434-1.695-4.73-3.587-8.16-6.206c5.098,12.175,22.015,18.983,35.129,15.38c-1.03,3.571-2.06,7.143-3.089,10.712
c-1.421-0.877-2.843-1.751-4.912-3.023c1.362,3.41,2.383,5.966,3.402,8.523c-1.201,1.089-2.401,2.178-3.6,3.266
c-11.811-12.773-26.851-19.43-43.798-19.983c-13.629-0.445-23.341-5.923-31.24-16.335c-3.207-4.227-6.99-8.028-10.611-11.929
c-7.096-7.645-14.155-9.454-22.251-5.826c-8.35,3.742-13.459,12.702-12.443,21.956c1.338,12.195,6.158,22.976,13.079,33.015
c5.767,8.365,14.39,13.16,22.291,18.924c14.2,10.359,29.638,17.717,47.213,20.101c1.376,0.48,2.753,0.961,3.752,1.31
c-0.252,1.322-0.477,2.497-0.701,3.672l0.005-0.032c-0.363,0.299-0.725,0.598-1.088,0.896c-0.116,0.335-0.233,0.67-0.349,1.004
c-3.318,4.205-6.896,8.234-9.907,12.649c-9.901,14.519-18.91,29.71-29.644,43.573c-5.837,7.538-14.397,12.999-21.861,19.239
c-9.534,7.971-20.388,14.736-28.497,23.939c-9.108,10.337-16.85,22.262-23.201,34.525c-5.403,10.432-7.316,22.615-12.027,33.48
c-3.786,8.729-9.067,16.9-14.376,24.856c-7.091,10.625-18.447,16.413-28.402,23.82c-3.918,2.915-6.704,7.464-9.671,11.514
c-3.573,4.875-6.305,10.433-10.246,14.96c-16.124,18.52-32.565,36.763-48.898,55.101c-5.628,6.319-11.04,12.853-16.975,18.871
c-8.646,8.766-18.599,15.858-31.242,16.896c-5.318,0.437-11.409-0.429-16.118-2.773c-5.693-2.834-7.421-13.371-4.98-19.53
c6.258-15.793,13.607-30.981,24.492-44.178c9.38-11.373,18.783-22.736,28.508-33.811c4.034-4.593,9.157-8.219,13.325-12.71
c1.571-1.693,3.219-5.833,2.44-6.695c-1.987-2.198-5.289-4.335-8.123-4.414c-6.84-0.19-10.691,4.219-11.185,11.346
c-0.132,1.902-0.02,3.822-0.02,7.068c-3.054-5.544-2.54-13.273,0.261-16.442c3.381-3.825,11.156-5.497,16.189-3.481
c9.088,3.64,9.478,3.485,15.243-4.877c5.341-7.748,11.293-15.133,15.992-23.249c5.202-8.985,9.429-18.551,13.824-27.984
c7.081-15.196,17.325-28.083,28.274-40.611c5.953-6.812,10.767-14.615,16.159-21.923c6.292-8.528,12.739-16.944,18.953-25.529
c3.289-4.545,5.628-9.336,6.369-15.271c0.68-5.445,2.958-10.966,5.659-15.828c6.542-11.775,12.679-23.687,15.654-36.893
c3.049-13.534,5.783-27.144,8.356-40.777c1.613-8.547,2.674-17.197,3.984-25.801c7.499,20.858,19.949,37.393,29.789,37.971
c-3.32-3.884-7.48-6.947-10.998-10.625c-9.988-10.44-16.334-22.775-16.565-37.43c-0.166-10.485,4.25-19.356,13.505-24.64
c8.702-4.969,17.345-2.861,25.388,2.506c2.012,1.343,4.194,2.431,6.299,3.636c0.264-0.305,0.529-0.611,0.793-0.916
c-1.755-1.797-3.326-3.837-5.299-5.349c-7.429-5.692-16.093-5.623-24.839-4.958c7.617-6.722,15.233-13.445,22.85-20.167
c5.314,16.144,17.904,22.354,34.021,24.097c-1.807,2.161-3.505,3.636-4.499,5.487c-2.874,5.349-6.293,10.613-7.936,16.358
c-1.695,5.924,3.304,9.592,8.962,7.079c3.914-1.739,7.638-4.026,11.169-6.471c2.667-1.847,4.893-4.331,7.315-6.531
c-0.378-0.478-0.756-0.955-1.134-1.433c-1.448,0.874-2.951,1.669-4.331,2.638c-3.266,2.292-6.284,5.021-9.77,6.885
c-2.419,1.294-5.45,1.442-8.208,2.103c0.117-3.132,0.207-6.265,0.381-9.394c0.025-0.447,0.495-0.855,0.692-1.31
c5.301-12.235,16.417-17.955,26.062-23.776c1.813,6.152,2.419,13.142,5.72,18.459
C390.358,165.529,403.626,171.666,420.306,169.803z M321.902,120.762c-3.005,6.832-0.699,13.239,5.592,19.249
c6.003,5.736,12.547,8.118,18.208,5.27C331.858,142.681,323.64,135.348,321.902,120.762z" />
<path class="st3" d="M451.277,102.442c-2.303,7.593-4.607,15.185-6.91,22.778c-4.785-10.23-12.159-17.149-23.565-19.649
c-10.863-2.382-21.303-2.352-31.654,3.989c0.4-10.332-2.847-18.109-10.234-24.164c-7.323-6.003-15.385-10.278-24.778-11.869
c2.794-3.327,5.651-6.602,8.355-10c1.481-1.86,2.705-3.926,4.043-5.894c3.622,0.072,7.247,0.256,10.868,0.186
c11.189-0.218,22.207,0.39,32.791,4.663c13.971,5.64,23.013,15.884,28.601,29.574C441.098,97.697,444.228,102.453,451.277,102.442
z" />
<path class="st1" d="M354.136,73.526c9.393,1.591,17.454,5.866,24.778,11.869c7.387,6.055,10.634,13.832,10.234,24.164
c10.351-6.341,20.792-6.371,31.654-3.989c11.406,2.501,18.78,9.419,23.565,19.649c5.717,17.63-4.202,39.23-24.061,44.586
c-16.679,1.86-29.948-4.277-38.681-18.345c-3.301-5.317-3.908-12.307-5.72-18.459c-9.645,5.821-20.761,11.541-26.062,23.776
c-0.197,0.455-0.667,0.863-0.692,1.31c-0.174,3.129-0.264,6.262-0.381,9.394c2.758-0.66,5.789-0.809,8.208-2.103
c3.486-1.864,6.504-4.594,9.77-6.885c1.381-0.969,2.884-1.764,4.331-2.638c0.378,0.478,0.756,0.955,1.134,1.433
c-2.422,2.2-4.648,4.684-7.315,6.531c-3.53,2.445-7.254,4.732-11.169,6.471c-5.658,2.514-10.657-1.155-8.962-7.079
c1.643-5.744,5.063-11.009,7.936-16.358c0.995-1.852,2.692-3.326,4.499-5.487c-16.117-1.743-28.707-7.953-34.021-24.097
c-4.176-20.886,4.558-34.407,21.324-41.924C347.404,74.046,350.91,74.098,354.136,73.526z M408.099,106.876
c-15.577-0.137-27.708,12.747-27.879,29.61c-0.16,15.703,15.878,30.585,33.187,30.796c15.503,0.189,29.508-14.488,29.568-30.986
C443.038,118.608,429.352,107.063,408.099,106.876z M325.253,106.738c-0.039,18.541,12.267,30.868,30.881,30.931
c14.261,0.048,30.185-16.635,30.138-31.575c-0.043-13.613-17.737-29.311-33.365-29.543
C340.809,76.372,324.258,91.227,325.253,106.738z" />
<path class="st3" d="M393.326,41.198c10.275-6.415,21.562-8.389,33.322-6.543c6.969,1.094,11.776,6.092,14.353,12.406
c3.785,9.275,6.91,18.826,10.086,28.336c0.6,1.796,0.121,3.951,0.14,5.94c-7.432-12.621-16.628-23.786-29.991-30.188
C412.377,46.905,402.66,44.452,393.326,41.198z" />
<path class="st1" d="M393.326,41.198c9.333,3.255,19.051,5.707,27.91,9.951c13.363,6.402,22.558,17.567,29.991,30.188
c0,0.001-0.003-0.079-0.002-0.079c0.006,0.32,0.09,0.617,0.253,0.892c0.782,5.235,1.79,10.452,2.2,15.716
c0.113,1.454-1.552,3.046-2.401,4.575c-7.049,0.011-10.179-4.744-12.481-10.386c-5.588-13.69-14.63-23.934-28.601-29.574
c-10.585-4.273-21.603-4.881-32.791-4.663c-3.621,0.07-7.247-0.114-10.868-0.186c-2.784-11.194,0.555-11.676,8.878-14.49
C380.968,41.264,387.327,41.763,393.326,41.198z M369.298,55.257c2.806-0.23,5.438-0.569,8.078-0.643
c30.918-0.872,52.931,8.94,64.704,37.219c0.697,1.673,1.467,3.476,2.705,4.717c1.163,1.166,2.992,1.669,4.529,2.463
c0.616-1.569,2.078-3.387,1.702-4.665c-1.715-5.83-2.968-12.134-6.163-17.132c-12.642-19.771-31.502-29.964-54.445-32.971
c-6.586-0.863-12.916,0.417-18.735,3.832C369.052,49.614,367.757,51.575,369.298,55.257z" />
<path class="st3" d="M375.79,40.582c-2.279-0.358-3.854-0.315-5.183-0.867c-4.999-2.074-5.079-3.964-1.472-7.92
c3.375-3.702,5.692-8.455,9.353-11.777c2.379-2.158,6.362-3.641,9.576-3.555c6.363,0.171,12.71,1.53,19.015,2.67
c1.173,0.212,2.796,1.586,2.971,2.631c0.174,1.042-0.943,2.684-1.953,3.481c-8.613,6.794-18.554,11.019-28.842,14.514
C377.914,40.217,376.486,40.421,375.79,40.582z" />
<path class="st1" d="M300.33,137.438c8.746-0.665,17.41-0.734,24.839,4.958c1.974,1.512,3.544,3.552,5.299,5.349
c-0.264,0.305-0.529,0.611-0.793,0.916c-2.104-1.205-4.286-2.293-6.299-3.636c-8.043-5.367-16.686-7.475-25.388-2.506
c-9.255,5.285-13.671,14.155-13.505,24.64c0.231,14.655,6.577,26.99,16.565,37.43c3.518,3.677,7.678,6.741,10.998,10.625
c-9.84-0.578-22.29-17.113-29.789-37.971C279.176,161.361,282.057,146.498,300.33,137.438z" />
<path class="st1" d="M413.695,198.142c-1.021-2.556-2.042-5.112-3.404-8.523c2.069,1.272,3.49,2.146,4.912,3.023
c2.325,7.027,6.066,13.928,6.699,21.102c1.598,18.12-14.919,35.623-33.481,36.347c-4.79,0.187-9.643-1.229-14.469-1.909
c0.115-0.335,0.232-0.669,0.348-1.004c0.363-0.299,0.725-0.598,1.088-0.897c0,0-0.005,0.032-0.005,0.031
c11.732,2.403,22.369,0.071,31.988-7.151C419.88,229.771,422.872,210.703,413.695,198.142z" />
<path class="st1" d="M418.292,181.93c-13.115,3.604-30.031-3.205-35.129-15.38c3.43,2.619,5.726,4.512,8.16,6.206
c8.6,5.989,17.47,10.526,28.022,4.528c1.186-0.212,2.372-0.424,3.558-0.637c0.209,0.342,0.419,0.683,0.629,1.025
C421.784,179.093,420.038,180.512,418.292,181.93z" />
<path class="st3" d="M233.598,560.964c4.293,4.903,4.711,10.265,2.366,15.674c-2.5,5.767-7.151,9.247-13.491,9.504
c-5.376,0.218-10.639-0.644-13.912-6.048c6.855,3.083,13.913,5.717,20.552,0.639C235.683,575.708,235.064,568.374,233.598,560.964
z" />
<path class="st3" d="M62.765,501.233c-9.827-4.259-13.528-11.521-10-19.475c2.724-6.142,10.071-10.915,21.045-7.118
c-7.791,0.931-14.804,1.336-18.618,8.417C50.607,491.571,58.963,494.875,62.765,501.233z" />
<path class="st3" d="M361.358,391.435c6.045,0.946,12.625,2.57,15.736-3.006c2.448-4.388,2.227-10.266,3.166-15.339
c4.078,4.375,2.878,12.941-2.789,18.505C372.654,396.324,366.579,396.469,361.358,391.435z" />
<path class="st3" d="M160.759,368.346c-4.608-3.145-6.137-7.277-4.704-11.635c1.594-4.848,5.541-7.243,11.652-6.963
c-3.104,2.464-7.435,4.299-8.727,7.4C157.81,359.956,159.956,364.146,160.759,368.346z" />
<path class="st3" d="M451.477,82.15c-0.162-0.275-0.247-0.572-0.253-0.892c0.187,0.188,0.383,0.369,0.546,0.575
C451.784,81.851,451.58,82.041,451.477,82.15z" />
<path class="st1" d="M372.332,241.332c-17.576-2.385-33.013-9.743-47.213-20.101c-7.901-5.764-16.524-10.559-22.291-18.924
c-6.921-10.039-11.741-20.819-13.079-33.015c-1.016-9.254,4.093-18.214,12.443-21.956c8.096-3.628,15.155-1.819,22.251,5.826
c3.621,3.901,7.404,7.702,10.611,11.929c7.899,10.412,17.612,15.89,31.24,16.335c16.946,0.553,31.986,7.211,43.798,19.983
c10.333,16.419-0.377,37.6-19.459,39.249C384.56,241.182,378.434,241.123,372.332,241.332z M357.642,204.592
c-0.508,0.595-1.015,1.19-1.523,1.786c1.926,1.282,3.747,2.772,5.797,3.81c9.621,4.873,13.587,13.172,14.564,23.401
c0.308,3.221,1.61,5.099,5.451,4.556c3.505-0.495,5.67-1.612,5.31-5.574c-0.15-1.652,0.012-3.33-0.034-4.994
C386.728,210.38,369.94,201.389,357.642,204.592z M337.402,171.574c-5.265,5.989-6.12,9.113-3.405,11.414
c2.577,2.184,5.907,0.641,10.103-5.335C341.979,175.728,339.706,173.665,337.402,171.574z M364.222,236.947
c0.52-0.434,1.04-0.869,1.56-1.303c-1.541-3.178-3.081-6.356-4.622-9.534c-2.793,2.036-5.585,4.072-8.378,6.108
c0.263,0.509,0.525,1.018,0.788,1.527C357.121,234.812,360.672,235.879,364.222,236.947z M336.866,225.525
c0.543-0.183,1.087-0.367,1.63-0.55c-0.7-3.588-1.399-7.176-2.099-10.764c-2.824,1.467-5.649,2.934-9.509,4.939
C331.155,221.877,334.01,223.701,336.866,225.525z M349.467,232.168c0.507-0.345,1.014-0.689,1.52-1.034
c-1.055-3.127-2.109-6.254-3.164-9.381c-2.711,1.418-5.423,2.835-9.374,4.901C343.12,228.991,346.294,230.579,349.467,232.168z
M325.438,217.52c0.406-0.241,0.812-0.483,1.218-0.724c-0.505-3.564-1.01-7.129-1.71-12.071c-3.613,2.948-5.94,4.847-8.754,7.144
C319.683,214.002,322.56,215.761,325.438,217.52z M335.31,169.513c-2.265-2.482-3.786-4.437-5.626-6.022
c-0.74-0.638-3.012-0.889-3.164-0.591c-0.921,1.808-2.154,3.965-1.814,5.721c0.214,1.101,2.944,2.194,4.647,2.387
C330.99,171.192,332.758,170.212,335.31,169.513z M367.55,184.023c-4.347-0.298-7.297-0.5-11.724-0.803
c1.842,3.966,3.1,6.673,4.871,10.486C363.327,189.99,364.992,187.638,367.55,184.023z M345.489,179.707
c-0.338,3.22-0.825,5.664-0.683,8.072c0.035,0.596,2.664,1.826,3.149,1.47c1.913-1.406,3.447-3.327,5.55-5.501
C350.572,182.269,348.703,181.327,345.489,179.707z M379.862,187.877c-0.161-0.482-0.323-0.964-0.484-1.447
c-3.143-0.652-6.286-1.303-9.429-1.955c-0.262,0.323-0.525,0.646-0.787,0.969c1.538,2.152,2.683,5.173,4.767,6.116
C375.11,192.094,377.833,189.217,379.862,187.877z M374.626,238.734c-0.837-3.213-1.461-5.611-2.085-8.01
c-0.481-0.125-0.963-0.249-1.444-0.374c-1.383,2.1-2.766,4.2-4.563,6.93C369.49,237.812,371.511,238.175,374.626,238.734z
M315.579,199.759c-3.356,1.723-5.432,2.789-7.094,3.642c1.978,2.44,3.708,4.573,6.284,7.75
C315.062,207.028,315.265,204.166,315.579,199.759z M305.86,201.742c0.858-6.945-0.341-8.877-6.073-9.799
C301.859,195.287,303.672,198.212,305.86,201.742z M324.056,158.844c0.184-0.561,0.367-1.122,0.551-1.683
c-1.508-1.482-3.015-2.964-4.523-4.447c-0.424,0.133-0.847,0.267-1.271,0.4c0.196,1.669-0.143,3.773,0.753,4.871
C320.305,158.891,322.504,158.603,324.056,158.844z" />
<path class="st2" d="M372.332,241.332c6.102-0.208,12.228-0.149,18.303-0.674c19.082-1.649,29.791-22.829,19.459-39.249
c1.198-1.088,2.398-2.177,3.599-3.266c9.179,12.561,6.187,31.628-6.322,41.02c-9.619,7.221-20.255,9.553-31.988,7.151
c0.225-1.174,0.449-2.349,0.701-3.672C375.085,242.293,373.708,241.812,372.332,241.332z" />
<path class="st1" d="M321.902,120.762c1.738,14.586,9.956,21.919,23.8,24.52c-5.661,2.848-12.205,0.465-18.208-5.27
C321.202,134.001,318.896,127.594,321.902,120.762z" />
<path class="st2" d="M375.388,246.282c-0.363,0.299-0.725,0.598-1.088,0.897C374.663,246.879,375.026,246.58,375.388,246.282z" />
<path class="st4" d="M408.099,106.876c21.253,0.187,34.939,11.732,34.875,29.42c-0.06,16.498-14.065,31.174-29.568,30.986
c-17.308-0.211-33.347-15.093-33.187-30.796C380.392,119.623,392.523,106.739,408.099,106.876z M408.973,134.55
c-0.054,0.722-0.108,1.444-0.162,2.166c1.943,0.898,3.885,1.796,5.828,2.694c0.737-2.372,1.473-4.743,2.209-7.115
c-0.427-0.267-0.854-0.535-1.281-0.802C413.369,132.512,411.171,133.531,408.973,134.55z" />
<path class="st4" d="M325.253,106.738c-0.995-15.511,15.556-30.366,27.655-30.187c15.628,0.231,33.322,15.93,33.365,29.543
c0.047,14.941-15.877,31.624-30.138,31.575C337.521,137.606,325.214,125.279,325.253,106.738z M347.462,99.073
c-1.694,4.654,1.564,4.813,4.356,5.801c0.564-1.691,1.06-3.181,1.756-5.269C351.191,99.397,349.321,99.235,347.462,99.073z" />
<path class="st4" d="M369.298,55.257c-1.541-3.681-0.246-5.643,2.375-7.181c5.819-3.415,12.149-4.695,18.735-3.832
c22.943,3.007,41.803,13.2,54.445,32.971c3.196,4.998,4.449,11.302,6.163,17.132c0.376,1.278-1.087,3.096-1.703,4.665
c-1.536-0.794-3.365-1.297-4.528-2.463c-1.238-1.241-2.008-3.044-2.705-4.717c-11.773-28.279-33.786-38.091-64.704-37.219
C374.736,54.688,372.104,55.027,369.298,55.257z" />
<path class="st2" d="M357.642,204.592c12.298-3.204,29.086,5.787,29.565,22.985c0.046,1.664-0.116,3.342,0.034,4.994
c0.36,3.962-1.805,5.079-5.31,5.574c-3.842,0.543-5.144-1.335-5.451-4.556c-0.977-10.229-4.943-18.528-14.564-23.401
c-2.05-1.038-3.871-2.528-5.797-3.81C356.627,205.783,357.134,205.188,357.642,204.592z" />
<path class="st4" d="M337.402,171.574c2.304,2.091,4.577,4.154,6.698,6.079c-4.196,5.976-7.525,7.519-10.103,5.335
C331.282,180.688,332.137,177.563,337.402,171.574z" />
<path class="st4" d="M364.222,236.947c-3.55-1.067-7.101-2.135-10.651-3.202c-0.263-0.509-0.525-1.018-0.788-1.527
c2.793-2.036,5.585-4.072,8.378-6.108c1.541,3.178,3.081,6.356,4.622,9.534C365.262,236.078,364.742,236.513,364.222,236.947z" />
<path class="st4" d="M336.866,225.525c-2.856-1.824-5.711-3.649-9.978-6.375c3.86-2.005,6.684-3.472,9.509-4.939
c0.7,3.588,1.399,7.176,2.099,10.764C337.953,225.159,337.409,225.342,336.866,225.525z" />
<path class="st4" d="M349.467,232.168c-3.174-1.588-6.347-3.177-11.017-5.514c3.951-2.066,6.662-3.483,9.374-4.901
c1.055,3.127,2.109,6.254,3.164,9.381C350.481,231.478,349.974,231.823,349.467,232.168z" />
<path class="st4" d="M325.438,217.52c-2.878-1.759-5.755-3.517-9.246-5.651c2.814-2.297,5.141-4.196,8.754-7.144
c0.7,4.942,1.205,8.507,1.71,12.071C326.25,217.037,325.844,217.278,325.438,217.52z" />
<path class="st4" d="M335.31,169.513c-2.552,0.699-4.32,1.679-5.956,1.494c-1.703-0.193-4.434-1.286-4.647-2.387
c-0.341-1.755,0.893-3.913,1.814-5.721c0.152-0.298,2.424-0.047,3.164,0.591C331.524,165.076,333.045,167.031,335.31,169.513z" />
<path class="st4" d="M367.55,184.023c-2.559,3.615-4.223,5.967-6.854,9.684c-1.771-3.814-3.029-6.52-4.871-10.486
C360.253,183.523,363.203,183.725,367.55,184.023z" />
<path class="st4" d="M345.489,179.707c3.214,1.62,5.083,2.563,8.016,4.041c-2.104,2.173-3.638,4.095-5.55,5.501
c-0.485,0.356-3.114-0.874-3.149-1.47C344.664,185.371,345.151,182.926,345.489,179.707z" />
<path class="st4" d="M379.862,187.877c-2.029,1.341-4.752,4.218-5.933,3.684c-2.085-0.943-3.229-3.965-4.767-6.116
c0.262-0.323,0.525-0.646,0.787-0.969c3.143,0.652,6.286,1.303,9.429,1.955C379.539,186.912,379.7,187.394,379.862,187.877z" />
<path class="st4" d="M374.626,238.734c-3.115-0.559-5.136-0.922-8.093-1.453c1.797-2.73,3.18-4.83,4.563-6.93
c0.481,0.125,0.963,0.249,1.444,0.374C373.165,233.123,373.79,235.521,374.626,238.734z" />
<path class="st4" d="M315.579,199.759c-0.313,4.407-0.516,7.269-0.809,11.392c-2.576-3.177-4.306-5.31-6.284-7.75
C310.147,202.548,312.223,201.482,315.579,199.759z" />
<path class="st4" d="M305.86,201.742c-2.188-3.53-4.001-6.456-6.073-9.799C305.518,192.865,306.717,194.797,305.86,201.742z" />
<path class="st4" d="M324.056,158.844c-1.552-0.241-3.752,0.046-4.49-0.859c-0.896-1.098-0.557-3.202-0.753-4.871
c0.424-0.133,0.847-0.267,1.271-0.4c1.508,1.482,3.015,2.964,4.523,4.447C324.424,157.722,324.24,158.283,324.056,158.844z" />
<path class="st1" d="M408.973,134.55c2.198-1.019,4.397-2.038,6.595-3.057c0.427,0.267,0.854,0.535,1.281,0.802
c-0.737,2.372-1.473,4.743-2.209,7.115c-1.943-0.898-3.885-1.796-5.828-2.694C408.865,135.994,408.919,135.272,408.973,134.55z" />
<path class="st1" d="M347.462,99.073c1.859,0.162,3.729,0.325,6.112,0.532c-0.696,2.089-1.193,3.578-1.756,5.269
C349.026,103.886,345.768,103.726,347.462,99.073z" />
</g>
</g>
</svg>
<svg id="swipe" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 514.366 679.479" style="enable-background:new 0 0 514.366 679.479;" xml:space="preserve">
<ellipse transform="matrix(0.1671 -0.9859 0.9859 0.1671 -117.3618 525.998)" class="st0" cx="252.647" cy="332.463" rx="305.411"
ry="138.486" />
</svg>
CSS Codes:
html,
body {
margin: 0;
padding: 0;
overflow: hidden;
color: #541bc1;
font-size: 18px;
font-family: "Nunito", sans-serif;
font-weight: 700;
}
body::after {
content: "";
background: url('https://ae01.alicdn.com/kf/HTB1I_FvOXXXXXXCaFXXq6xXFXXX7/Fuga-de-Rick-e-Morty-Hot-Anima-o-Dos-Desenhos-Animados-Poster-Retro-Do-Vintage-Da.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity: 0.4;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
.svgcontainer {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
width: 100%;
}
.topconvo {
font-size: 35px;
}
.topconvo span{
color: #a71dbf;
}
.bottomconvo{
padding-top: 15px;
}
.subcont {
width: 100%;
text-align: center;
height: 80vh;
}
.svgcontainer svg#fourohfour {
max-height: 320px;
height: 21vw;
min-height: 170px;
}
.svgcontainer svg#fourohfour g#tops path#leftfourtop {
transform-origin: center;
-webkit-animation: loboff1 4s 1s forwards;
animation: loboff1 4s 1s forwards;
}
.svgcontainer svg#fourohfour g#tops path#zerotop_3_.picklericked {
transform-origin: center;
-webkit-animation: loboff2 4s 1s forwards;
animation: loboff2 4s 1s forwards;
}
.svgcontainer svg#fourohfour g#tops path#rightfourtop.picklericked {
transform-origin: center;
-webkit-animation: loboff3 4s 1s forwards;
animation: loboff3 4s 1s forwards;
}
.svgcontainer svg#fourohfour .st0 {
fill: #a71dbf;
}
.svgcontainer svg#fourohfour .st1 {
fill: #541bc1;
}
.svgcontainer svg#fourohfour .st2 {
fill: #f0a9ff;
}
.backgroundfun {
position: absolute;
min-height: 100%;
}
.backgroundfun svg#rnmbg .st0 {
fill: #3f271a;
}
.backgroundfun svg#rnmbg .st1 {
fill: #e9ce33;
}
.backgroundfun svg#rnmbg .st2 {
fill: #834d21;
}
.backgroundfun svg#rnmbg .st3 {
fill: #eacb36;
}
.backgroundfun svg#rnmbg .st4 {
fill: #d28b3a;
}
.backgroundfun svg#rnmbg .st5 {
fill: #84a841;
}
.backgroundfun svg#rnmbg .st6 {
fill: #ca7f3f;
}
.backgroundfun svg#rnmbg .st7 {
fill: #e7ab43;
}
.backgroundfun svg#rnmbg .st8 {
fill: #ebc22d;
}
.backgroundfun svg#rnmbg .st9 {
fill: #b5c04c;
}
.backgroundfun svg#rnmbg .st10 {
fill: #ddb92d;
}
.backgroundfun svg#rnmbg .st11 {
fill: #e9c194;
}
.backgroundfun svg#rnmbg .st12 {
fill: #e3aa86;
}
.backgroundfun svg#rnmbg .st13 {
fill: #98702d;
}
.backgroundfun svg#rnmbg .st14 {
fill: #95b023;
}
.backgroundfun svg#rnmbg .st15 {
fill: #e2a175;
}
.backgroundfun svg#rnmbg .st16 {
fill: #c8672e;
}
.backgroundfun svg#rnmbg .st17 {
fill: #c06b73;
}
.backgroundfun svg#rnmbg .st18 {
fill: #728b47;
}
.backgroundfun svg#rnmbg .st19 {
fill: #da7d3d;
}
.backgroundfun svg#rnmbg .st20 {
fill: #db9345;
}
.backgroundfun svg#rnmbg .st21 {
fill: #d4713c;
}
.backgroundfun svg#rnmbg .st22 {
fill: #e1d47e;
}
.backgroundfun svg#rnmbg .st23 {
fill: #db9364;
}
.backgroundfun svg#rnmbg .st24 {
fill: #cc8cbc;
}
.backgroundfun svg#rnmbg .st25 {
fill: #e3b6bf;
}
.backgroundfun svg#rnmbg .st26 {
fill: #d1c295;
}
.backgroundfun svg#rnmbg .st27 {
fill: #b3996d;
}
.backgroundfun svg#rnmbg .st28 {
fill: #e8ba47;
}
.backgroundfun svg#rnmbg .st29 {
fill: #b45c36;
}
svg#swipe {
width: 300px;
position: absolute;
top: 30%;
left: -300px;
filter: blur(6px);
-webkit-animation: swipecut 0.1s linear 1s forwards;
animation: swipecut 0.1s linear 1s forwards;
}
svg#swipe .st0 {
fill: #4e8025;
}
svg#picklerick {
width: 300px;
position: absolute;
bottom: -400px;
right: 13%;
-webkit-animation: popup 1s 5s forwards;
animation: popup 1s 5s forwards;
}
svg#picklerick .st0 {
fill: #fefefe;
}
svg#picklerick .st1 {
fill: #0d130c;
}
svg#picklerick .st2 {
fill: #4e8025;
}
svg#picklerick .st3 {
fill: #669b2e;
}
svg#picklerick .st4 {
fill: #e5f8d3;
}
@-webkit-keyframes swipecut {
0% {
}
100% {
transform: translateX(calc(100vw + 300px));
}
}
@-webkit-keyframes loboff1 {
0% {
}
100% {
transform: translate(0px, 3px) rotate(27deg);
}
}
@-webkit-keyframes loboff2 {
0% {
}
100% {
transform: translate(10px, -27px) rotate(27deg);
}
}
@-webkit-keyframes loboff3 {
0% {
}
100% {
transform: translate(20px, -50px) rotate(28deg);
}
}
@-webkit-keyframes popup {
0% {
}
100% {
transform: translateY(-200px);
}
}
@media only screen and (max-height: 420px) {
.svgcontainer svg#fourohfour {
height: 180px;
}
.topconvo{
font-size: 25px;
}
.bottomconvo{
font-size: 13px;
}
svg#picklerick {
bottom: -420px;
right: 10vw;
}
}
@media only screen and (max-width: 600px) {
.topconvo{
font-size: 25px;
}
.bottomconvo{
font-size: 13px;
}
svg#picklerick {
width: 240px;
}
}
If you are looking for a different and creative, animated error page, take a look at this.
HTML Codes:
<div class="notfound">
<div class="centered"><span class="inverted"> </span> </div>
<div class="centered"><span class="inverted"> 4 0 4 </span><span class="shadow"> </span></div>
<div class="centered"><span class="inverted"> </span><span class="shadow"> </span></div>
<div class="centered"> <span class="shadow"> </span></div>
<div class="row"> </div>
<div class="row">A fatal exception 404 has occurred at C0DE:ABAD1DEA in 0xC0DEBA5E.</div>
<div class="row">The current request will be terminated.</div>
<div class="row"> </div>
<div class="row">* Press any key to return to the previous page.</div>
<div class="row">* Press CTRL+ALT+DEL to restart your computer. You will</div>
<div class="row"> lose any unsaved information in all applications.</div>
<div class="row"> </div>
<div class="centered">Press any key to continue...<span class="blink">█</span></div>
</div>
CSS Codes:
*, :after, :before, html {
box-sizing: border-box;
}
body {
margin: 10px;
background-color: #000084;
color: #bbb;
font-family: 'more_perfect_dos_vgaregular', 'Courier New', monospace;
font-size: 10px;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 600px) {
body {
font-size: 16px;
}
}
@media (min-width: 900px) {
body {
font-size: 24px;
font-weight: 400;
}
}
.notfound {
width: 70ch;
height: 25ch;
background-color: #000084;
}
.row {
text-align: left;
}
.centered {
text-align: center;
}
.inverted {
background-color: #bbb;
color: #000084;
}
.shadow {
background-color: #000;
color: #000084;
}
.blink {
animation: blinkingText .8s infinite;
}
@keyframes blinkingText {
0% {
opacity: 0;
}
49% {
opacity: 0;
}
50% {
opacity: 1;
}
}
/* Source TTF file from: http://laemeur.sdf.org/fonts/ */
/* converted to Webfont with: https://www.fontsquirrel.com/tools/webfont-generator */
@font-face {
font-family: 'more_perfect_dos_vgaregular';
src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),
url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
font-weight: normal;
font-style: normal;
}
Another very cute animated error page that I also use on my own website.
HTML Codes:
<head>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Arvo'>
</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="https://instagram.com/abol.codes" class="link_404">Go to Home</a>
</div>
</div>
</div>
</div>
</div>
</section>
CSS Codes:
.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;}
Another animated error page with creative black yellow theme.
HTML Codes:
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>market-wp.com</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
</head>
<body>
<div id='oopss'>
<div id='error-text'>
<img src="https://cdn.rawgit.com/ahmedhosna95/upload/1731955f/sad404.svg" alt="404">
<span>404 PAGE</span>
<p class="p-a">
. The page you were looking for could not be found</p>
<p class="p-b">
... Back to previous page
</p>
<a href='#' class="back">... Back to previous page</a>
</div>
</div>
</body>
</html>
CSS Codes:
#oopss {
background: linear-gradient(-45deg, #fff300, #efe400);
position: fixed;
left: 0px;
top: 0;
width: 100%;
height: 100%;
line-height: 1.5em;
z-index: 9999;
}
#oopss #error-text {
font-size: 40px;
display: flex;
flex-direction: column;
align-items: center;
font-family: 'Shabnam', Tahoma, sans-serif;
color: #000;
direction: rtl;
}
#oopss #error-text img {
margin: 85px auto 20px;
height: 342px;
}
#oopss #error-text span {
position: relative;
font-size: 3.3em;
font-weight: 900;
margin-bottom: 50px;
}
#oopss #error-text p.p-a {
font-size: 19px;
margin: 30px 0 15px 0;
}
#oopss #error-text p.p-b {
font-size: 15px;
}
#oopss #error-text .back {
background: #fff;
color: #000;
font-size: 30px;
text-decoration: none;
margin: 2em auto 0;
padding: .7em 2em;
border-radius: 500px;
box-shadow: 0 20px 70px 4px rgba(0, 0, 0, 0.1), inset 7px 33px 0 0px #fff300;
font-weight: 900;
transition: all 300ms ease;
}
#oopss #error-text .back:hover {
-webkit-transform: translateY(-13px);
transform: translateY(-13px);
box-shadow: 0 35px 90px 4px rgba(0, 0, 0, 0.3), inset 0px 0 0 3px #000;
}
@font-face {
font-family: Shabnam;
src: url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam-Bold.eot");
src: url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam-Bold.eot?#iefix") format("embedded-opentype"), url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam-Bold.woff") format("woff"), url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam-Bold.woff2") format("woff2"), url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam-Bold.ttf") format("truetype");
font-weight: bold;
}
@font-face {
font-family: Shabnam;
src: url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam.eot");
src: url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam.eot?#iefix") format("embedded-opentype"), url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam.woff") format("woff"), url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam.woff2") format("woff2"), url("https://cdn.rawgit.com/ahmedhosna95/upload/ba6564f8/fonts/Shabnam/Shabnam.ttf") format("truetype");
font-weight: normal;
}
If you want a coding-related error page this is the best animated error page.
HTML Codes:
<a href="https://codepen.io/ZonFire99/full/njdls/" class="viewFull" target="_parent">View in full it looks way better :)</a>
<div class="error">
<div class="wrap">
<div class="404">
<pre><code>
<span class="green"><!</span><span>DOCTYPE html</span><span class="green">></span>
<span class="orange"><html></span>
<span class="orange"><style></span>
* {
<span class="green">everything</span>:<span class="blue">awesome</span>;
}
<span class="orange"></style></span>
<span class="orange"><body></span>
ERROR 404!
FILE NOT FOUND!
<span class="comment"><!--The file you are looking for,
is not where you think it is.-->
</span>
<span class="orange"></span>
</div>
<br />
<span class="info">
<br />
<span class="orange"> </body></span>
<br/>
<span class="orange"></html></span>
</code></pre>
</div>
</div>
</span>
CSS Kodları:
@import url(https://fonts.googleapis.com/css?family=Gilda+Display);
html {
background-color:black;
color: white;
overflow: hidden;
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: medium;
}
.error {
text-align: center;
font-family: 'Gilda Display', serif;
text-align: center;
width: 100%;
height: 120px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: -60px;
right: 0;
-webkit-animation: noise-3 1s linear infinite;
animation: noise-3 1s linear infinite;
overflow: default;
}
body:after {
content: 'error 404';
font-family: OCR-A;
font-size: 100px;
text-align: center;
width: 550px;
margin: auto;
position: absolute;
top: 25%;
bottom: 0;
left: 0;
right: 35%;
opacity: 0;
color: white;
-webkit-animation: noise-1 .2s linear infinite;
animation: noise-1 .2s linear infinite;
}
body:before {
content: 'error 404';
font-family: OCR-A;
font-size: 100px;
text-align: center;
width: 550px;
margin: auto;
position: absolute;
top: 25%;
bottom: 0;
left: 0;
right: 35%;
opacity: 0;
color: white;
-webkit-animation: noise-2 .2s linear infinite;
animation: noise-2 .2s linear infinite;
}
.info {
text-align: center;
width: 200px;
height: 60px;
margin: auto;
position: absolute;
top: 280px;
bottom: 0;
left: 20px;
right: 0;
-webkit-animation: noise-3 1s linear infinite;
animation: noise-3 1s linear infinite;
}
.info:before {
content: 'file not found';
font-family: OCR-A;
font-size: 100px;
text-align: center;
width: 800px;
margin: auto;
position: absolute;
top: 20px;
bottom: 0;
left: 40px;
right: 100px;
opacity: 0;
color: white;
-webkit-animation: noise-2 .2s linear infinite;
animation: noise-2 .2s linear infinite;
}
.info:after {
content: 'file not found';
font-family: OCR-A;
font-size: 100px;
text-align: center;
width: 800px;
margin: auto;
position: absolute;
top: 20px;
bottom: 0;
left: 40px;
right: 0;
opacity: 0;
color: white;
-webkit-animation: noise-1 .2s linear infinite;
animation: noise-1 .2s linear infinite;
}
@-webkit-keyframes noise-1 {
0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
10% {opacity: .1;}
50% {opacity: .5; left: -6px;}
80% {opacity: .3;}
100% {opacity: .6; left: 2px;}
}
@keyframes noise-1 {
0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
10% {opacity: .1;}
50% {opacity: .5; left: -6px;}
80% {opacity: .3;}
100% {opacity: .6; left: 2px;}
}
@-webkit-keyframes noise-2 {
0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
10% {opacity: .1;}
50% {opacity: .5; left: 6px;}
80% {opacity: .3;}
100% {opacity: .6; left: -2px;}
}
@keyframes noise-2 {
0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
10% {opacity: .1;}
50% {opacity: .5; left: 6px;}
80% {opacity: .3;}
100% {opacity: .6; left: -2px;}
}
@-webkit-keyframes noise {
0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}
4.3% {opacity: 1; -webkit-transform: scaleY(1.7); transform: scaleY(1.7);}
43% {opacity: 1; -webkit-transform: scaleX(1.5); transform: scaleX(1.5);}
}
@keyframes noise {
0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}
4.3% {opacity: 1; -webkit-transform: scaleY(1.7); transform: scaleY(1.7);}
43% {opacity: 1; -webkit-transform: scaleX(1.5); transform: scaleX(1.5);}
}
@-webkit-keyframes noise-3 {
0%,3%,5%,42%,44%,100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}
4.3% {opacity: 1; -webkit-transform: scaleY(4); transform: scaleY(4);}
43% {opacity: 1; -webkit-transform: scaleX(10) rotate(60deg); transform: scaleX(10) rotate(60deg);}
}
@keyframes noise-3 {
0%,3%,5%,42%,44%,100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}
4.3% {opacity: 1; -webkit-transform: scaleY(4); transform: scaleY(4);}
43% {opacity: 1; -webkit-transform: scaleX(10) rotate(60deg); transform: scaleX(10) rotate(60deg);}
}
.wrap {
top: 30%;
left: 25%;
height: 200px;
margin-top: -100px;
position: absolute;
}
code {
color: white;
}
span.blue {
color: #48beef;
}
span.comment {
color: #7f8c8d;
}
span.orange {
color: #f39c12;
}
span.green {
color: #33cc33;
}
.viewFull {
font-family:OCR-A;
color:orange;
text-decoration:;
}
@font-face {
font-family: OCR-A;
src: url('data:font/woff;base64,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') format('woff');
}
@media only screen and (min-height: 500px) {
.viewFull{
display:none;
}
}
In this article I wrote about what the 404 error page is, why it is important, how it can be used, and I also showed you the 404 error pages that you can use for your own website, using only HTML and CSS, and shared their codes. I hope you liked my article. Don't forget to follow me to be informed about my next articles.