"home-2"
Bootstrap 3.3.0 Snippet by pindipoluravikumar

<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 ----------> <div class="container"> <div class="row" style="background-image: url('http://lcc.dotcmscloud.com/images/NewHome1.png');"> <div style="margin-left: 18%;"> <p style="font-size: 28px;padding-top: 100px;font-family: calibri;">Check my watches value </p> <div><select style=" background: white;padding: 3px 10px;"> <option>Watch model</option> </select></div> <div style="margin-top: 125px;"> <button type="button" class="btn btn-default btn-m round"><a href="#/signup" style="text-decoration: none; color: black"> Get Certified </a></button> <button type="button" class="btn btn-default btn-m round" style="margin-left:5%"><a onclick="javascript:vidplay();" style="text-decoration: none; color: black"> Watch Video <a/></button> </div> </div> </div> <div class="row" style="background-color: #68ceee; height: 60px;"></div> <div class="row" style="margin-left:10%"> <div class="col-md-5 promo-border" style="margin-top:60px;"> <div class="promo-text"><img src="http://lcc.dotcmscloud.com/images/globe.png"></div> <p style="font-family: calibri; font-size: 20px; margin-top: 25px;"> WHY CERTIFY WITH LUXE? </p> <p style=" font-family: calibri; font-size: 14px; padding: 10px;">Retailers, Wholesalers and consumers can now submit a timepiece for grading and authentication and receive a certified report detailing the three most important criteria for a timepiece's assessment: authenticity, aesthetic condition and accuracy. Luxe Certified does not grade counterfeits or aftermarket watches or parts to insure onlu authenticated timepieces carry the Luxe Certified certification. By taking the fear of the unknown out of the used watch market we hope to maximize the transaction value of all our customers</p> </div> <div class="col-md-1 "></div> <div class="col-md-5 promo-border" style="margin-top:60px;"> <div class="promo-text"><img src="http://lcc.dotcmscloud.com/images/settings.png"></div> <p style="font-family: calibri; font-size: 20px; margin-top: 25px;"> HOW DOES IT WORK? </p> <p style=" font-family: calibri; font-size: 14px; padding: 10px;">Luxe Certified Customers submit their watches to one of our authorized Luxe Certified Retail Partners. Once inside our retail partner's salon one of their sales associates will assist you in completing the order process. Your timepiece will be insured and shipped to our secure facilities. Upon completion of grading and authentication Luxe certified will send you a copy of the certificate detailing the watch's authenticity, timekeeping accuracy and aesthetic condition.</p> </div> </div> </div> <div class="row"> <div class="join-class"> <span style="font-size: 40px;">Partner with us</span> <span style="font-size: 14px;">  Learn how a partnership with Luxe Certified can help enhance your pre-owned watch business. <a href="#/dealerRegistration" style="text-decoration : none"> <button type="button" class="btn btn-default btn-m round"> Join luxe</button> </a> </div> </div> <div class="row" style=" background-image: url('http://lcc.dotcmscloud.com/images/NewHome2.png');"> <p style="font-size: 27px;text-align: center; padding-top: 50px;">Check out our Videos</p> <p style="font-size: 13px;text-align: center;">To learn more about Luxe process and advantages of using our service, watch the videos below</p> <div style="padding-top: 50px;padding-bottom:50px" class="col-md-12"> <div class="col-md-2"></div> <div class="col-md-3 "> <div class="video-div"> <video class="videoCss" id="advideo" width="190" height="140"> <source src="http://lcc.dotcmscloud.com/staging/videos/ProcessNew.mp4" type="video/mp4"> </video> </div> <p class="video-text">Luxe Process</p> <div class="video-button"> <button type="button" class="btn btn-default btn-m round " onclick="vidplay();"> Watch Video</button> </div> </div> <div class="col-md-1"></div> <div class="col-md-3"> <div class="video-div"> <video class="videoCss" id="promovideo" width="190" height="140"> <source src="http://lcc.dotcmscloud.com/staging/videos/PromoNew.mp4" type="video/mp4"> </video> </div> <p class="video-text">Luxe Promo</p> <div class="video-button"> <button type="button" class="btn btn-default btn-m round" onclick="promoplay();"> Watch Video</button> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <h2 style="font-family : calibri; text-align: center;">Service Options</h2> </div> <div class="col-md-12"> <div class="col-md-2"></div> <div class="col-md-3"> <div class="db-wrapper"> <div class="db-pricing-eleven db-bk-color-one"> <div class="price"> <p class="plan-name">Basic</p> <span class="price-text">$</span>299 </div> <div class="plan-div"> <p class="plan-text"> The watch will be analyzed and graded by one of our professional watchmakers. Due to demand, completion of grading currently takes two to three weeks from receipt of the watch. </p> </div> <div class="pricing-footer"> <a href="#" class="btn db-button-color-square btn-m round">Select Plan</a> </div> </div> </div> </div> <div class="col-md-3"> <div class="db-wrapper"> <div class="db-pricing-eleven db-bk-color-one"> <div class="price"> <p class="plan-name">Premium</p> <span class="price-text">$</span>379 </div> <div class="plan-div"> <p class="plan-text"> Our premium package includes the services in our Basic Package as well as expedited fulfillment. Each watch is returned via overnight delivery and we guarantee completion of grading within 7 business days from receipt of the watch. </p> </div> <div class="pricing-footer"> <a href="#" class="btn db-button-color-square btn-m round">Select Plan</a> </div> </div> </div> </div> <div class="col-md-3"> <div class="db-wrapper"> <div class="db-pricing-eleven db-bk-color-one"> <div class="price"> <p class="plan-name">Luxe</p> <span class="price-text">$</span>499 </div> <div class="plan-div"> <p class="plan-text"> Our Luxe Package includes the services in our Premium Package as well as our Refinishing Service. Each watch is returned via overnight delivery and we guarantee completion of grading and polishing within 7 business days from receipt of the watch. </p> </div> <div class="pricing-footer"> <a href="#" class="btn db-button-color-square btn-m round">Select Plan</a> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="col-md-4"></div> <div class="col-md-3"> <div class="db-wrapper"> <div class="db-pricing-eleven db-bk-color-one"> <div class="price"> <p class="plan-name">Finishing</p> <span class="price-text">$</span><span style="font-size: 27px;">149</span> </div> <div class="plan-div"> <p class="plan-text"> Refinishing : Luxe Certified will refinish a users watch to improve its appearance if necessary. Luxe Certified will repair the movement if necessary. Crystal Replacement : Luxe Certified will repair or replace the crystal if necessary. </p> </div> <div class="pricing-footer"> <a href="#" class="btn db-button-color-square btn-m round">Select Plan</a> </div> </div> </div> </div> <div class="col-md-3"> <div class="db-wrapper"> <div class="db-pricing-eleven db-bk-color-one"> <div class="price"> <p class="plan-name">Basic</p> <span class="price-text">$</span>799 </div> <div class="plan-div"> <p class="plan-text"> Our Luxe Package includes the services in our Premium Package as well as our Refinishing Service. Each watch is returned via overnight delivery and we guarantee completion of grading and polishing within 7 business days from receipt of the watch. </p> </div> <div class="pricing-footer"> <a href="#" class="btn db-button-color-square btn-m round">Select Plan</a> </div> </div> </div> </div> </div> </div> <div class="row" style="background-color: #68ceee; height: 60px;"></div> <div class="row" style="background-image: url('http://lcc.dotcmscloud.com/images/NewHome3.png');"> <p style="font-family: Calibri; font-size: 27px;text-align: center; padding-top: 50px;padding-bottom: 30px;">What our customer say?</p> <div class="col-md-12"> <div class="col-md-2"></div> <div class="col-md-3 "> <div class="comment-box"> <p>"Aenean dapibus facilisis urna lacinia bibendum. Maeceans sit amet lacinia dui. Donec vitae egestas ipsum, sit amet egestas nulla. Maecenas consectetur est ac ipsum porta tincidunt."</p> </div> <div class="commnetor"> <p>John Doe</p> <a>Watch Collector</a> </div> </div> <div class="col-md-3"> <div class="comment-box"> <p>"Aenean dapibus facilisis urna lacinia bibendum. Maeceans sit amet lacinia dui. Donec vitae egestas ipsum, sit amet egestas nulla. Maecenas consectetur est ac ipsum porta tincidunt."</p> </div> <div class="commnetor"> <p>Jim Doe</p> <a>Jewelar</a> </div> </div> <div class="col-md-3 "> <div class="comment-box"> <p>"Aenean dapibus facilisis urna lacinia bibendum. Maeceans sit amet lacinia dui. Donec vitae egestas ipsum, sit amet egestas nulla. Maecenas consectetur est ac ipsum porta tincidunt."</p> </div> <div class="commnetor"> <p>Jahn Doe</p> <a>Watch Collector</a> </div> </div> </div> </div> <div class="row" style="background-color: #68ceee; height: 60px;"></div> <div class="footer"> <div class="footerLinks"> <span class="footer-title"><a href="#/howitworks">How It Works</a></span> <span class="footer-title"><a href="#/serviceoptions">Service Options</a></span> <span class="footer-title"><a>Get Certified</a></span> <span class="footer-title"><a href="#/luxevault">Luxe Vault</a></span> <span class="footer-title"><a href="#/join">Luxe Network</a></span> </div> <div class="footerLinks"> <span class="footer-title"><a href="#/aboutluxe">About Luxe</a></span> <span class="footer-title"><a href="#/faq">FAQ</a></span> <span class="footer-title"><a href="#/contactluxe">Contact Luxe</a></span> <span class="footer-title"><a href="#/privacypolicy">Privacy Policy</a></span> <span class="footer-title"><a href="#/termsofuse">Terms Of Use</a></span> </div> <div style="padding-top:5px"> <ul class="list-inline" style="text-align: center;"> <li class="social-icons"><a href="#"> <span class="fa-stack fa-s icon-facebook"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-facebook fa-stack-1x"></i> </span> </a></li> <li class="social-icons"><a href="#"> <span class="fa-stack fa-s icon-gplus"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-google-plus fa-stack-1x"></i> </span> </a></li> <li class="social-icons"><a href="#"> <span class="fa-stack fa-s icon-twitter"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-twitter fa-stack-1x"></i> </span> </a></li> <li class="social-icons"><a href="#"> <span class="fa-stack fa-s icon-linkedin"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-linkedin fa-stack-1x"></i> </span> </a></li> <li class="social-icons"><a href="#"> <span class="fa-stack fa-s icon-instagram"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-instagram fa-stack-1x"></i> </span> </a></li> <li class="social-icons"><a href="#"> <span class="fa-stack fa-s icon-flickr"> <i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-flickr fa-stack-1x"></i> </span> </a></li> </ul> </div> <div style="text-align: center; margin: 10px 0;"> <img src="http://lcc.dotcmscloud.com/images/luxe.png" style="width: 6%"> </div> <div style="text-align: center; font-family: Calibri; font-size: 12px;padding: 5px 0">@Luxe Certified Corp.</div> <div style="text-align: center; font-family: Calibri; font-size: 11px;">Luxe Certified is not affiliated with Rolex </div> </div> </div> </div>
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css); @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css); @import url(http://fonts.googleapis.com/css?family=Titillium+Web&subset=latin,latin-ext); .footer-title{ padding: 0 7px; font-family: Calibri; font-size: 16px; } .footerLinks{ text-align: center; padding: 5% 0 2% 0" } .footer{ padding-top: 20px; padding-bottom: 20px; background-color: white; bottom: 0; position: relative; width: 100%; } .fa-stack{ color:#00aced; } .footerLinks >span > a{ color:black;!important; } .icon-facebook { color:#3b5998; } .icon-twitter { color:#00aced; } .icon-gplus{ color:#dd4b39; } .fa-stack-1x { color:white; } .fa-s{ color:#00aced; } .list-inline>li{ padding-left:1px;!important; padding-right:1px;!important ; } .db-bk-color-one { background-color: #f8f8f8; } .commnetor { padding-left: 34%; padding-top: 19px; padding-bottom: 25px; } .video-text{ padding-left: 30%; padding-top: 10px; } .video-button{ padding-left: 23%; } .comment-box{ background: #e5e5e5; text-align: center; border-radius: 5px; border: 2px solid lightgrey; } .plan-text{ font-family: calibri; font-size: 13px; text-align: left; color:black; font-size:13px; } .plan-div{ padding:2%; height:130px; } .price-text{ font-size: 12px; } .promo-border{ border: 2px solid lightgrey; float: left; font-family: Calibri; text-align: center; padding: 10px; font-size: 12px; border-radius: 5px; } .promo-text{ background: #68ceee; color: white; border-radius: 30px; padding-top: 10px; margin-top: -40px; z-index: 1000; position: absolute; text-align: center; height:50px; width:50px; margin-left:40%; font-size: 20px; } .join-class{ background-color: #68ceee; color: white !important; font-family: calibri; text-align: center; padding: 10px; margin-top:70px; } .video-div{ border: 5px solid #e5e5e5; background: #f8f8f8; } .plan-name{ font-size:14px; margin-bottom:30px; } .db-padding-btm { padding-bottom: 10px; } .db-button-color-square { color: #fff; background-color: rgba(0, 0, 0, 0.50); border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } .db-button-color-square round:hover { color: #fff; background-color: rgba(0, 0, 0, 0.50); border: none; } .db-wrapper{ padding-left:8%; } .db-pricing-eleven { margin-bottom: 30px; margin-top: 50px; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, .5); color: #fff; line-height: 15px; } .round { border-radius: 24px; } .db-pricing-eleven .price { background-color: #68ceee; padding: 20px 20px 20px 20px; font-size: 30px; font-weight: 900; color: #FFFFFF; } .db-pricing-eleven .price small { color: #B8B8B8; display: block; font-size: 12px; margin-top: 22px; } .db-pricing-eleven .type { background-color: #52E89E; padding: 50px 20px; font-weight: 900; text-transform: uppercase; font-size: 30px; } .db-pricing-eleven .pricing-footer { padding: 20px; } .db-attached > .col-lg-4, .db-attached > .col-lg-3, .db-attached > .col-md-4, .db-attached > .col-md-3, .db-attached > .col-sm-4, .db-attached > .col-sm-3 { padding-left: 0; padding-right: 0; } .db-pricing-eleven.popular { margin-top: 10px; } .db-pricing-eleven.popular .price { padding-top: 80px; }

Related: See More


Questions / Comments: