Skip to content

Instantly share code, notes, and snippets.

@ekumachidi
Last active July 15, 2016 14:42
Show Gist options
  • Save ekumachidi/ac8a99e3f61b6ff0c2e3d319ca7707c9 to your computer and use it in GitHub Desktop.
Save ekumachidi/ac8a99e3f61b6ff0c2e3d319ca7707c9 to your computer and use it in GitHub Desktop.
<div class="row ">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="db-wrapper">
<div class="db-pricing-seven">
<ul>
<li class="price">
<i class="glyphicon glyphicon-qrcode"></i>
STARTER - $0 / month
</li>
<li>Storefront.</li>
<li>15 Products Listing.</li>
</ul>
<div class="pricing-footer">
<a href="#" class="btn btn-default btn-lg">BUY <i class="glyphicon glyphicon-play-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="db-wrapper">
<div class="db-pricing-seven">
<ul>
<li class="price">
<i class="glyphicon glyphicon-indent-right"></i>
PREMIUM - $ 25 / month
</li>
<li>Unlimited products listing</li>
<li>Subdomain</li>
<li>Shop Analytics</li>
<li>Promotions</li>
</ul>
<div class="pricing-footer">
<a href="#" class="btn btn-default btn-lg">BUY<i class="glyphicon glyphicon-play-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<div class="db-wrapper">
<div class="db-pricing-seven">
<ul>
<li class="price">
<i class="glyphicon glyphicon-list-alt"></i>
ENTERPRISE - $
</li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
<div class="pricing-footer">
<a href="#" class="btn btn-default btn-lg">BUY <i class="glyphicon glyphicon-play-circle"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
.db-pricing-seven {
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
border: 1px solid #C5C2C2;
background-color: #EDEDED;
}
.db-pricing-seven:hover {
margin-top: 5px;
-moz-transition: margin-top 0.25s ease 0s;
-ms-transition: margin-top 0.25s ease 0s;
transition: margin-top 0.25s ease 0s;
}
.db-pricing-seven ul {
list-style: none;
margin: 0;
text-align: center;
padding-left: 0px;
}
.db-pricing-seven ul li {
border-bottom: solid 1px #D8D8D8;
padding-top: 20px;
padding-bottom: 20px;
cursor: pointer;
text-transform: uppercase;
}
.db-pricing-seven ul li.price {
background-color: #fff;
padding: 40px 20px 20px 20px;
font-size: 20px;
font-weight: 900;
color: #353c3e;
font-weight: 900;
}
.db-pricing-seven ul li.price i {
padding: 30px;
font-size: 50px;
display: block;
}
.db-pricing-seven .pricing-footer {
padding: 20px;
}
.db-pricing-seven .pricing-footer a i {
margin: 5px;
top: 3px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment