Skip to content

Instantly share code, notes, and snippets.

/index.html

Created December 3, 2014 19:01
Show Gist options
  • Save anonymous/d0e389812ecc48f3697a to your computer and use it in GitHub Desktop.
Save anonymous/d0e389812ecc48f3697a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<style>
.holstee-notification{
display:block;
top:0;
right:50px;
position:absolute;
background-color:#fff;
border:2px solid #6ec5a6;
border-radius:5px;
width:300px;
padding:10px
}
.holstee-notification .header{
text-transform:uppercase;
}
.holstee-notification p{
margin:0;
padding:0;
padding-bottom:5px;
}
.holstee-notification .close{
position:absolute;
top:5px;
right:10px;
}
</style>
<div class="holstee-notification">
<p class="close"><i class="icon-remove"></i></p>
<p class="header">Free U.S. Shipping!</p>
<p class="time">
<i class="icon-time"></i>
<span class="string">3 days, 6 hours left!</span>
</p>
<p>All orders. One week only. Valid in the U.S.A.</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment