Skip to content

Instantly share code, notes, and snippets.

@stanwmusic

stanwmusic/error.markdown

Created August 11, 2020 00:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save stanwmusic/43cf2230197536561f39948530c4bf0c to your computer and use it in GitHub Desktop.
Save stanwmusic/43cf2230197536561f39948530c4bf0c to your computer and use it in GitHub Desktop.
Download ZIP
Error
Raw
index.html
<head>
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
</head>
<body>
<div class="error">420</div>
<p>ERROR</p>
<p>
<i class="fab fa-canadian-maple-leaf"></i>
Sorry Weed is not available in your country!
<i class="fab fa-canadian-maple-leaf"></i>
</p>
</body>
Raw
style.css
body{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
background-image: url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80);
background-size: cover;
background-repeat: no-repeat;
}
.error{
font-size: 200px;
color: #fff;
font-family: 'Oswald', sans-serif;
line-height: 260px;
border-top: solid ;
border-bottom: solid ;
}
p{
font-size: 22px;
font-family: 'Lato', sans-serif;
color: #fff;
}
@stanwmusic
Copy link
Author

Demo or Fork: https://codepen.io/Stanssongs/pen/OJNyPpj

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment