Skip to content

Instantly share code, notes, and snippets.

@sumn2u

sumn2u/404.html

Last active June 1, 2022 18:48
Show Gist options
  • Save sumn2u/8acd4b653e37057e187d5e4a5836a7b1 to your computer and use it in GitHub Desktop.
Save sumn2u/8acd4b653e37057e187d5e4a5836a7b1 to your computer and use it in GitHub Desktop.
Download ZIP
An example of 404 using Yuno Design Kit
Raw
404.html
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Yuno 404</title>
<link rel='stylesheet' href='https://unpkg.com/[email protected]/build/style.1.1.8.css'>
</head>
<body>
<!-- partial:index.partial.html -->
<body class="background background--light background--dark container">
<section class="page_404 text-center">
<div class="row col-sm-offset-1 ">
<div class="four_zero_four_bg">
<img src='https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif' class='four_zero_four_bg_img' />
</div>
<div class="contant_box_404">
<h2>
Looks like you're lost 😕
</h2>
<p>The page you are looking for is not available!</p>
<button class="button button--tertiary button--small button--solid">
<a href="/" class="link_404">Go to Home </a>
</button>
</div>
</div>
</section>
</body>
<!-- partial -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment