Skip to content

Instantly share code, notes, and snippets.

@jasonfesta

jasonfesta/background.html

Created May 7, 2019 14:01
Show Gist options
  • Save jasonfesta/08df6824d125f90a872acb1ffd8bbe15 to your computer and use it in GitHub Desktop.
Save jasonfesta/08df6824d125f90a872acb1ffd8bbe15 to your computer and use it in GitHub Desktop.
Download ZIP
Design Engine auto generated linted syntax v1
Raw
background.html
<!DOCTYPE html>
<html>
<head>
<meta name="generator" content=
"HTML Tidy for HTML5 for Linux version 5.6.0">
<style>
.grid-container {
display: grid;
grid-template-columns: auto auto auto;
grid-gap: 14px;
background-color: #0073FF;
}
.grid-container > div {
padding: 6px;
text-align: center;
vertical-align: middle;
}
.street {
font-family: "AvenirNext Bold", sans-serif;
font-weight: 700;
font-size: 25px;
color: #FFFFFF;
letter-spacing: 3.80px;
line-height: 33px;
text-align: center;
}
.city-state {
font-family: "AvenirNext DemiBold", sans-serif;
font-weight: 600;
font-size: 15px;
color: #FFFFFF;
letter-spacing: 0.00px;
line-height: 28px;
text-align: center;
}
</style>
<title></title>
</head>
<body>
<div class="grid-container">
<div class="grid-cell background"><img src=
"./images/3AEBB91C-8611-434C-AC15-B0DC5FC971A7@1x.png" alt=
"Background"></div>
<div class="grid-cell street">889 Market ave.</div>
<div class="grid-cell city-state">San Francisco, CA 94021</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment