"Used car 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 ----------> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading"><h4>HR26-5545, Honda Civic, [2016] Karolbagh, New Delhi</h4></div> <div class="panel-body"> <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" href="#home">Car Details</a></li> <li><a data-toggle="tab" href="#menu1">Enquiry Details</a></li> <li><a data-toggle="tab" href="#menu2">Selling Status</a></li> <li><a data-toggle="tab" href="#menu3">Payment Status</a></li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active"> <div class="row pt-3"> <div class="col-md-3"> <img src="https://img.gaadicdn.com/images/mycar/large/audi/a5/marketing/Audi-A5.webp" class="img-rounded" alt="Cinque Terre"> <a href="#"> Edit Image</a> </div> <div class="col-md-3"> <ul> <li>Total Add of this user : </li> <li>User Name : </li> <li>Name : </li> <li>Email : </li> <li>Phone No. : </li> </ul> </div> <div class="col-md-3"> <ul> <li>Location : </li> <li>City : </li> <li>Pin Code : </li> <li>Ad Posting Date : </li> <li>Ad Expiry Date : </li> <li>Handled by: </li> </ul> </div> <div class="col-md-3"> <ul> <li>Expected Price : </li> <li>Km's Driven : </li> <li>Registration No. : </li> <li>Brand : </li> <li>Model : </li> <li>Transmission : </li> </ul> </div> </div> <hr> <div class="row"> <div class="col-md-12"> Description: Info posted by the user </div> </div> </div> <div id="menu1" class="tab-pane fade"> <h3>Menu 1</h3> <p>Some content in menu 1.</p> </div> <div id="menu2" class="tab-pane fade"> <h3>Menu 2</h3> <p>Some content in menu 2.</p> </div> <div id="menu3" class="tab-pane fade"> <h3>Menu 3</h3> <p>Some content in menu 2.</p> </div> </div> </div> </div> </div> </div> </div>
.pt-3{padding-top:20px;} img{width:100%;}

Related: See More


Questions / Comments: