Bootstrap 3.3.0 Snippet by thecodinggame

<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</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Tips</a></li> <li><a href="#">Contact Us</a></li> <li><a href="#">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="#">JOIN</a></li> <li><a href="#">LOGIN</a></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <!-- End of Navbar --> <div> <img src="http://s504086436.initial-website.com/s/img/emotionheader.jpg?1395234939.940px.496px" width="100%" height="300px" /> </div> <div class="row1"> <div class="col-md-8"> <h3>Welcome To Donte's Automotive In Hatboro</h3> <!-- http://s504086436.initial-website.com/ www.dontesautomotive.com --> <p></p> <p> Looking for a reliable and trustworthy auto repair shop in the Hatboro, PA area? Look no further! Donte's Automotive Repair offers top of the line service for your car or truck at honest and reasonable rates. High quality replacement parts and repairs, qualified employees and fast turnaround time make us the auto repair shop you can trust and count on to have your car running great in no time. We know how important your car is to you and we will treat it as if it were our own. Learn more about the auto repair services we offer. </p> <p>Dontes Automotive Repair provides regular preventive maintenance services in addition to complete repair services. To save you money and future issues with your vehicle, we recommend adhering to your manufacturer's factory scheduled 30K/60K/90K mile maintenance schedule. </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

Questions / Comments: