Skip to content

Instantly share code, notes, and snippets.

@sodacrackers
Created March 5, 2019 17:29
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 sodacrackers/aaa8ccb600d2ab1c4062aa14cccef6b2 to your computer and use it in GitHub Desktop.
Save sodacrackers/aaa8ccb600d2ab1c4062aa14cccef6b2 to your computer and use it in GitHub Desktop.
GeNggd
<div class="container text-center">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="row justify-content-center">
<div class="col-8 col-lg-4 p-4 card">
<h3>To reach <i>ML/g</i> Merriment Learning</h3>
<br>
<p>This clean, neat handwriting font has a feminine feel with nice rounded edges and curves.</p>
<p>888-333-4444 <a href="mailto:#">emailemail@nngroup.com</a> | Crime | Action | SciFi</p>
<p>The horizon is the level of the spectator on a hillside and the car is in the middle of an immense dark sphere, whose upper half is in ruddy light in the grass.</p>
</div>
</div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
@import url('https://fonts.googleapis.com/css?family=Lato|Shadows+Into+Light');
html, body {
font-family: 'Lato', sans-serif;
font-size: 12px;
background: #f8f8f8;
}
h3 {
font-family: 'Shadows Into Light', cursive, sans-serif;
font-size: 40px;
}
h3 i {
color: #c00;
font-style: normal;
}
.card {
background: #fff;
border-radius: 2px;
display: inline-block;
min-height: 300px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
border: 1px solid #999;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment