HTML markup:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<div class="ct-productBox"> <div class="ct-u-displayTableVertical"> <div class="ct-u-displayTableCell ct-productBox-cart ct-u-colorWhite"> <div class="row"> <div class="col-md-12 col-lg-8 col-md-offset-2"> <h3 class="ct-fw-100 ct-u-fontType-2 ct-u-paddingBottom30">$350</h3> <p class="ct-u-colorFaint"> No one would have believed in the last years of the nine- teenth century that this world was being watched keenly and closely by </p> <p class="ct-u-colorFaint ct-u-paddingBoth20">Select Size</p> <div class="btn-group ct-btn--full ct-btn-group--rounded ct-dropdown ct-dropdown--borderOff ct-u-colorWhite"> <a class="btn ct-btn--transparent uppercase dropdown-toggle-target"> XL </a> <a class="btn ct-btn--transparent uppercase dropdown-toggle" data-toggle="dropdown"><i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu" role="menu"> <li><a class="btn">XL</a></li> <li><a class="btn">L</a></li> <li><a class="btn">M</a></li> <li><a class="btn">S</a></li> </ul> </div> <p class="ct-u-colorFaint ct-u-paddingBottom20 ct-u-paddingTop30">Add Quantity</p> <div class="input-group spinner spinner-lg spinner-rounded ct-u-marginBottom30"> <input type="text" class="form-control-4" value="1"> <div class="input-group-btn-vertical"> <button class="btn ct-btn--transparent"><i class="fa fa-angle-up"></i></button> <button class="btn ct-btn--transparent"><i class="fa fa-angle-down"></i></button> </div> <a class="btn ct-btn--transparent" href="#">Add to Cart</a> </div> </div> </div> </div> <div class="ct-u-displayTableCell ct-productBox-product"> <div class="row"> <div class="col-md-12 col-lg-12"> <img src="assets/images/product-1-lg.jpg" alt=""/> </div> </div> </div> </div> </div> |