<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<head>
<title>Bootstrap Coupons</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<div class="container">
<div class="row"><h1 class="text-center">WHOIS BULK DOWNLOAD</h1>
<p class="text-center">Subscribe and download daily fresh millions of WHOIS data. Demo available</p>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="panel panel-default coupon">
<div class="panel-heading" id="head">
<div class="panel-title" id="title">
<img src="https://www.znetlive.com/img/whois-icon.png">
<span class="hidden-xs">BULK WHOIS DOWNLOADER</span>
<span class="visible-xs">BULK WHOIS DOWNLOADER</span>
</div>
</div>
<div class="panel-body">
<img src="http://freewebmentor.com/wp-content/uploads/2014/10/whois-600.jpg" class="coupon-img img-rounded">
<div class="col-md-9">
<ul class="items">
<li>Unlimited WHOIS data bulk download</li>
<li>Data for Multiple Extension</li>
<li>More than 50 column data per domain</li>
<li>API Integration</li>
</ul>
</div>
<div class="col-md-3">
<div class="offer">
<span class="usd"><sup>$</sup></span>
<span class="number">49</span>
<span class="cents"><sup>99</sup></span>
</div>
</div>
<div class="col-md-12">
<p class="disclosure">
<span style="
color: #1e1f23;
font-weight: bold;
">DEMO AVAILABLE</span> <br>
Before order, you are requested to access our demo site with the following demo credentials <br>
<a href="http://demo.whois-data-dir.previewtechnologies.info">http://demo.whois-data-dir.previewtechnologies.info</a> <br>
Demo Username: demo <br>
Demo Password: whoisdemo123 <br><br>
For any kinds of query, please write us email at sales@previewtechs.com
</p>
</div>
</div>
<div class="panel-footer">
<div class="coupon-code">
Code: GBWO2
<span class="print">
<a href="#" class="btn btn-link"><i class="fa fa-lg fa-print"></i> Print Coupon</a>
</span>
</div>
<div class="exp">Expires: Sep 30, 2016</div>
</div>
</div>
</div>
</div>
<p class="text-center"><a href="#" class="btn btn-default">Back to top <i class="fa fa-chevron-up"></i></a></p>
</div>
.coupon {
border: 3px dashed #bcbcbc;
border-radius: 10px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}
.coupon #head {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
min-height: 56px;
}
.coupon #footer {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#title .visible-xs {
font-size: 12px;
}
.coupon #title img {
font-size: 30px;
height: 30px;
margin-top: 5px;
}
@media screen and (max-width: 500px) {
.coupon #title img {
height: 15px;
}
}
.coupon #title span {
float: right;
margin-top: 5px;
font-weight: 700;
text-transform: uppercase;
}
.coupon-img {
width: 100%;
margin-bottom: 15px;
padding: 0;
}
.items {
margin: 15px 0;
}
.usd, .cents {
font-size: 20px;
}
.number {
font-size: 40px;
font-weight: 700;
}
sup {
top: -15px;
}
#business-info ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#business-info ul li {
display: inline;
text-align: center;
}
#business-info ul li span {
text-decoration: none;
padding: .2em 1em;
}
#business-info ul li span i {
padding-right: 5px;
}
.disclosure {
padding-top: 15px;
font-size: 11px;
color: #bcbcbc;
text-align: center;
}
.coupon-code {
color: #333333;
font-size: 11px;
}
.exp {
color: #f34235;
}
.print {
font-size: 14px;
float: right;
}
/*------------------dont copy these lines----------------------*/
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}
.row {
margin: 30px 0;
}
#quicknav ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#quicknav ul li {
display: inline;
}
#quicknav ul li a {
text-decoration: none;
padding: .2em 1em;
}
.btn-danger,
.btn-success,
.btn-info,
.btn-warning,
.btn-primary {
width: 105px;
}
.btn-default {
margin-bottom: 40px;
}
/*-------------------------------------------------------------*/
