Skip to content

Instantly share code, notes, and snippets.

@joseeight

joseeight/mykhovnightmare.html

Created June 4, 2019 02:49
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 joseeight/6f7207b305fb04d2e3be2f07f9d1add9 to your computer and use it in GitHub Desktop.
Save joseeight/6f7207b305fb04d2e3be2f07f9d1add9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
mykhovnightmare.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>#MyKHOVNightmare</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<style>
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #000;
}
body {
color: white;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
padding: 1em;
margin: 0;
width: calc(100% - 2em);
height: calc(100% - 2em);
text-align: center;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 1) 90%), url("https://i.ibb.co/F0rchrD/noth.png");
background-size: cover;
background-color: #000;
background-repeat: no-repeat;
}
h1 {
text-align: left;
}
.ig-button {
display: inline-block;
margin-top: 2em;
filter: brightness(0) invert(1);
}
.ig-button img {
width: 3em;
height: 3em;
}
@media screen and (min-width: 1024px) {
body {
background-size: 900px;
width: calc(900px - 2em);
}
}
</style>
</head>
<body>
<h1>Coming Soon: <br/> The story of how K. Hovnanian Homes (KHOV) turned my dream of home ownership at Nine on the Hudson into a never ending nightmare.</h1>
<footer>
<a class="ig-button" href="https://www.instagram.com/unit519/">
<img src="https://img.icons8.com/metro/104/000000/instagram-new.png">
</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment