"product page"
Bootstrap 3.3.0 Snippet by jeevan123456

<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> <div class="container"> <div class="row"> <div class="col-md-12 clearfix"> <div class="col-md-5 pull-right"> <button type="button" class="btn btn-primary btn-circle pull-right"><i class="fa fa-arrow-left"></i> Back</button> <div class="margin-b-5 clearfix"></div> </div> </div> <div class="col-md-12"> <div class="col-md-7"> <div class="product-image"> <img class="img-responsive"src="https://images.pexels.com/photos/249581/pexels-photo-249581.jpeg?w=940&h=650&auto=compress&cs=tinysrgb"> <ul class="download-photos list-inline"> <li><a href="#"><i class="fa fa-arrow-down"></i> Download Photos</a></li> </ul> </div> </div> <div class="col-md-5 bod-left"> <div class="product-body"> <div class="product-title"> <h4>Ford Figo 1.4 Duratec, Mfd.Year: 2013</h4> <h5><strong>Location: </strong> Thana Road, Aliroad, UP-220087 </h5> </div> <ul class="list-inline product-link"> <li><a href="#"><i class="fa fa-heart-o"></i> Add to Wishlist</a></li> <li><a href="#"><i class="fa fa-envelope-o"></i> Have a Question</a></li> </ul> <div class="product-timings"> <ul class="list-inline"> <li>Time Left: </li> <li><time id="demo"></p> </li> </ul> </div> <hr> <div class="product-features"> <ul> <li><strong>Mart ID :</strong> Gaadiexpert2456748</li> <li><strong>Type :</strong> Private</li> <li><strong>Fuel Type :</strong> Petrol</li> <li><strong>Registration No :</strong> HR 26456577</li> <li><strong>Owner:</strong> One</li> <li><strong>Color:</strong> Black</li> <li><strong>Superdari:</strong> NO</li> <li><strong>RC Status:</strong> YES</li> <li><strong>Manufacture Year :</strong> 2013</li> <li><strong>Tax Validity :</strong> N/a</li> <li><strong>Fitness Validity :</strong> N/a</li> <li><strong>Permit Validity :</strong> N/a</li> </ul> </div> <div class="price-bid-box clearfix "> <div class="col-md-4"> <label class="radio-inline"><input type="radio" name="optradio">With RC</label> <label class="radio-inline"><input type="radio" name="optradio">Wihout RC</label> </div> <div class="col-md-4"> <div class="form-group"> <input type="text" class="form-control" id=""> </div> </div> <div class="col-md-4"> <button type="button" class="btn btn-danger btn-block"><i class="fa fa-gavel"></i> BID NOW</button> </div> </div> <hr> <div class="product-terms"> <ul class="list-inline"> <li><strong>Condition :</strong></li> <li>Vehicle lifting is subject to approval status</li> </ul> </div> </div> </div> </div> </div> </div>
.price-bid-box {background:#f2f2f2; padding:20px;} .bod-left {border-left: 1px solid #e2e2e2;} .gap-30 {margin-bottom:30px;} .margin-b-5 {margin-bottom:5px;} .product-timings {padding:12px 0px 3px 8px;background:#f2f2f2;color:#696969; letter-spacing:1px;} .download-photos {margin-bottom:5px;} .product-link a {color:#dd0000;}
// Set the date we're counting down to var countDownDate = new Date("Sep 5, 2018 15:37:25").getTime(); // Update the count down every 1 second var x = setInterval(function() { // Get todays date and time var now = new Date().getTime(); // Find the distance between now an the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Output the result in an element with id="demo" document.getElementById("demo").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; // If the count down is over, write some text if (distance < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "EXPIRED"; } }, 1000);

Related: See More


Questions / Comments: