"plan section"
Bootstrap 3.0.0 Snippet by jeevan123456

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <section id="plan" class="section_padding"> <div class="container"> <div class="row text-center"> <div class="col-sm-6 col-md-4"> <div class="plan"> <div class="plan-header"> <h4>BEGINER</h4> <p><sup>$</sup> <span>19</span> / month</p> </div> <ul> <li>5 Free Websites</li> <li>2 GB Storage</li> <li>Domain Name Inclided</li> <li>200 BG Email</li> <li>Unlimited Lifetime Support</li> </ul> <div id="plan_btn"> <a href="#" class="btn btn-default about_btn">Get Started</a> </div> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-4"> <div class="plan"> <div class="plan-header"> <h4>ADVANCED</h4> <p><sup>$</sup> <span>39</span> / month</p> </div> <ul> <li>5 Free Websites</li> <li>2 GB Storage</li> <li>Domain Name Inclided</li> <li>200 BG Email</li> <li>Unlimited Lifetime Support</li> </ul> <div id="plan_btn"> <a href="#" class="btn btn-default about_btn">Get Started</a> </div> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-4"> <div class="plan"> <div class="plan-header"> <h4>PROFESSIONAL</h4> <p><sup>$</sup> <span>59</span> / month</p> </div> <ul> <li>5 Free Websites</li> <li>2 GB Storage</li> <li>Domain Name Inclided</li> <li>200 BG Email</li> <li>Unlimited Lifetime Support</li> </ul> <div id="plan_btn"> <a href="#" class="btn btn-default about_btn">Get Started</a> </div> </div> </div> <!-- End Col --> </div> </div> </section>
.plan { background: #f9f9f9; padding: 50px 30px; margin-bottom: 30px; } .plan-header h4 { padding-bottom: 8px; text-transform: uppercase; color: #333; font-weight: 600; } .plan-header { font-weight: 700; } .plan-header span { color: #fe4819; font-size: 40px; } .plan li { padding-bottom: 15px; } .plan ul { padding-left: 0; margin-bottom: 15px; list-style: none; } .plan-header p { padding-header: 12px; padding-bottom: 15px; }

Related: See More


Questions / Comments: