"dt_auto_home"
Bootstrap 3.3.0 Snippet by snippetpi

Post to Facebook Tweet this

<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="//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 ----------> <!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes"> <!-- Bootstrap CSS --> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <title>Donte's Automotive & Towing</title> <style type="text/css"> .bs-example{ font-family: sans-serif; position: relative; margin: 50px; } .typeahead, .tt-query, .tt-hint { border: 2px solid #CCCCCC; border-radius: 8px; font-size: 14px; height: 30px; line-height: 30px; outline: medium none; padding: 8px 12px; width: 100%; } .typeahead { background-color: #FFFFFF; } .typeahead:focus { border: 2px solid #0097CF; } .tt-query { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .tt-hint { color: #999999; } .tt-dropdown-menu { background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin-top: 12px; padding: 8px 0; width: 100%; } .tt-suggestion { font-size: 14px; line-height: 24px; padding: 3px 20px; } .tt-suggestion.tt-is-under-cursor { background-color: #0097CF; color: #FFFFFF; } .tt-suggestion p { margin: 0; } </style> </head> <body> <!-- Start of Navbar --> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.php">Donte's Automotive & Towing</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="home.php">Home</a></li> </ul> <form class="navbar-form navbar-left"> <div class="form-group"> <input type="text" name="typeahead" class="typeahead tt-query form-control" placeholder="Search Artist, Fans, Radio Stations and more.." size="40" maxlength="42"> </div> </form> <ul class="nav navbar-nav navbar-right"> <li><a href="signup.php">UPGRADE</a></li> <li><a href="index.php">LOGOUT</a></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <!-- End of Navbar --> <div class="row1" style="margin-top:60px;"> <div class="col-md-8"> <h5>Garage Inventory</h5> <br /> <table width="100%" border="1"> <tr> <td width="9%">ID</td> <td width="22%">Image</td> <td width="19%">Make</td> <td width="17%">Model</td> <td width="17%">Year</td> <td width="16%">Type</td> </tr> <tr> <td>002315</td> <td><img name="" src="http://cdn.pinthiscars.com/images/nissan-murano-2006-black-wallpaper-1.jpg" width="271" height="152" alt=""></td> <td>Nissan</td> <td>Murano</td> <td>2006</td> <td>XL</td> </tr> </table> <br /> <a href="#" class="btn btn-primary">Specs</a> <a href="#" class="btn btn-primary">Repair Log</a> <a href="#" class="btn btn-primary">Book Appt</a> <a href="#" class="btn btn-primary">Wishlist</a> <a href="#" class="btn btn-primary">Engine Codes</a> <br /> <br /> <h4>Recomment Pending Repairs</h4> Left Fog Light Broke<br /> Tailgate Dash light Replace<br /> Tailgate Lift Stuts Replace<br /> Hood Lift Struts Replace<br /> <!-- http://s504086436.initial-website.com/ www.dontesautomotive.com --> <p></p> </div> <div class="col-md-4"> <div class="list-group-item"> Book Appointments Now </div> <div class="list-group-item" > <input type="submit" class="btn btn-primary" name="submit" > </div> <br /> <div class="list-group-item"> OPTION </div> </div> </div> <!-- Optional JavaScript --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script type="text/javascript"> </body> </html>

Related: See More

Rotating CSS Card

Questions / Comments: