Skip to content

Instantly share code, notes, and snippets.

@valmayaki

valmayaki/index.html

Forked from anonymous/index.html
Created October 16, 2016 22:01
Show Gist options
  • Save valmayaki/6854f2f640f7e5684e73182a78e15333 to your computer and use it in GitHub Desktop.
Save valmayaki/6854f2f640f7e5684e73182a78e15333 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/feyafiy
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<style>
.panel-body{
padding : 0;
}
.image-text{
display : block;
font-size: calc(0.4 * 80px);
padding-top: calc(0.2 * 80px);
}
.image-placeholder {
background-color: #4c6ef5;
color : #fff;
height: 80px;
padding-left: 10px;
padding-right:10px;
vertical-align : middle;
}
.image-placeholder:after{
content: '';
}
.desc{
padding: 10px;
}
</style>
</head>
<body>
<div class="panel panel-default">
<div class="panel-body">
<div class="image-placeholder">
<span class="image-text">Guardian newspaper Ads</span>
</div>
<div class="desc">
<p>Position: Full page</p>
<p>Size :114x84 inches</p>
<p>price: <span><b>NGN 1000</b></span></p>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment