"Home page"
Bootstrap 3.3.0 Snippet by fetheart

<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 ----------> <section class="call-to-action"> <div class="container"> <div class="row"> <h1>Sign Up and Choose a Membership Plan</h1> <p>Our most popular plan </p> </div> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> <div class="offer offer-default"> <div class="offer-content"> <h3 class="lead"> Standard <br>Free </h3> <p> The standard membership is free of cost. An ideal for non-regular shoppers. <br> NOTED: Your items will ship as it arrive to our warehouse. We don’t offer storage for this plan No package consolidation or repacking services No store pick up NO CREDIT CARD ARE REQUIRED </p> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> <div class="offer offer-default"> <div class="offer-content"> <h3 class="lead"> Premium Recommanded </h3> <p> An ideal for consistent shoppers who shop in multiple stores, in need of repacking & consolidation services to help save.We take care all the paper work including: the heavy lifting, Clearing and Freight Pay online or in office Pick up or request our delivery options. <br><br> Cancel Anytime! </p> </div> </div> </a> </div> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> <div class="offer offer-default"> <div class="offer-content"> <h3 class="lead"> Gold <br>Business </h3> <p> Ideal for those who shop in stores that require a membership like Sam’s club.This plan is for people or businesses who do high reordering, need help of buying or receiving merchandise. we’ll provide the tools such as “Pallets, Containers,est. <br><br><br>Cancel Anytime! </p> </div> </div> </a> </div> <div class="row"> <div class="col-md-4 col-sm-4 m-text-center"> <p>Insightly Delivers Results: See a payback with Insightly in 1-3 months or less</p> <a class="btn btn-white btn-lg">Take the Next Step</a> </div> </section>
Membership start here .shape{ border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px; -ms-transform:rotate(360deg); /* IE 9 */ -o-transform: rotate(360deg); /* Opera 10.5 */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ transform:rotate(360deg); } .offer{ background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden; color: #555; } .offer:hover { } .shape { border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0); } .offer-radius{ border-radius:7px; } .offer-danger { border-color: #d9534f; } .offer-danger .shape{ border-color: transparent #d9534f transparent transparent; } .offer-success { border-color: #5cb85c; } .offer-success .shape{ border-color: transparent #5cb85c transparent transparent; } .offer-default { border-color: #999999; } .offer-default .shape{ border-color: transparent #999999 transparent transparent; } .offer-primary { border-color: #428bca; } .offer-primary .shape{ border-color: transparent #428bca transparent transparent; } .offer-info { border-color: #5bc0de; } .offer-info .shape{ border-color: transparent #5bc0de transparent transparent; } .offer-warning { border-color: #f0ad4e; } .offer-warning .shape{ border-color: transparent #f0ad4e transparent transparent; } .shape-text{ color:#fff; font-size:12px; font-weight:bold; position:relative; right:-40px; top:2px; white-space: nowrap; -ms-transform:rotate(30deg); /* IE 9 */ -o-transform: rotate(360deg); /* Opera 10.5 */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ transform:rotate(30deg); } .offer-content{ padding:0 20px 10px; } @media (min-width: 487px) { .container { max-width: 750px; } .col-sm-6 { width: 50%; } } @media (min-width: 900px) { .container { max-width: 970px; } .col-md-4 { width: 33.33333333333333%; } } @media (min-width: 1200px) { .container { max-width: 1170px; } .col-lg-3 { width: 25%; } } }

Related: See More


Questions / Comments: