"Home Page"
Bootstrap 3.0.0 Snippet by Nandish UG

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 col-lg-12"> <div class="pull-left"> <a href="#"><img id="logo" src="http://placehold.it/189x69" alt="SECUREVIEW" class="img-responsive"></a> </div> <div class="pull-right"> <div id="phone">T: <strong>0123456789</strong><br /> <span>Hours: Mon-Fri 9am-5pm</span></div> </div> </div> <div class="row"> <nav class="navbar navbar-head"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="navbar"> <ul class="nav navbar-nav navbar-left"> <li class="active"><a href="/" title="Home" class="firstitem">Home</a></li> <li class="active"><a href="/why-choose-us/" title="Why choose us?">Why choose us?</a></li> <li><a href="/about-us/" title="About us">About us</a></li> <li><a href="/mortgage-choices/" title="Mortgage Choices">M Choices</a></li> <li><a href="/downloads/" title="Downloads">Downloads</a></li> <li><a href="/contact-us/" title="Contact us">Contact us</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Brokers <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="/brokers/">Introduction</a></li> <li><a href="/brokers/products/">Product overview</a></li> <li><a href="/brokers/fees-and-charges/">Fees and Charges</a></li> <li><a href="/brokers/how-to-enquire/">How to enquire</a></li> <li><a href="/brokers/applications/">Applications</a></li> </ul> </li> </ul> </div> </div> </nav> </div> <div class="row col-lg-12 banner"> <img src="http://placehold.it/1200x400" alt="banner" class="img-responsive"> </div> <div class="row col-lg-12"> <h2>Home Loans</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <p>The standard Lorem Ipsum passage, used since the 1500s</p> <p>Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</p> <p>1914 translation by H. Rackham</p> <P>Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC</p> </div> <div class="footer"> <div class="row col-lg-12"> <div class="col-lg-4 quicklinks"> <h4 class="">Quick links</h4> <a href="">Application form</a></br> <a href="">Additional application form</a></br> <a href="">Fees and charges</a></br> <a href="">Direct debit form</a> </div> <div class="col-lg-4 contact"> <h4 class="">Contact us</h4> <span>T:</span>&nbsp<span>0123456789</span></br> <span>E:</span>&nbsp<span>enquiry@gmail.com</span> </div> </div> <div class="row"> <div class="col-lg-12 links"> <a href="" class="col-lg-2">Cookies policy</a> <a href="" class="col-lg-2">Privacy policy</a> <a href="" class="col-lg-2">Terms and conditions</a> <a href="" class="col-lg-2">How to complain</a> </div> </div> <div class="row"> <div class="col-lg-12 security"> <p>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="col-lg-2"> <div class="copyright"><span class="glyphicon glyphicon-copyright-mark"></span> Property Loans</div> <div> <img id="logo" src="http://placehold.it/100x100" alt="SECUREVIEW" class="img-responsive"></div> </div> <div class="col-lg-8 info"> <p>Property Loans Limited is a company registered in the India company number 123456.</br> Registered office: #6 New Street, New Road, New Cross, Bangalore.</br> Property Loans Limited is providing good services and price. </p> </div> </div> </div> <div class="row col-lg-12"> <div class="footerline"> <p>We have placed cookies on your computer to help make this website better. </p> </div> </div> <div> </div> </div> </div>
#logo { height: 69px; width: 189px; } #phone { font-weight: 200; color: #333; line-height: 25px; font-size: 15px; text-align: right; } nav.navbar-head { background: #fff; border-bottom: 3px solid #fba014; } nav.navbar-head ul.navbar-nav a { color: #f14444; border-style: solid; border-width: 0 0 2px 0; border-color: #fff; } nav.navbar-head ul.navbar-nav a:hover, nav.navbar-head ul.navbar-nav a:visited, nav.navbar-head ul.navbar-nav a:focus, nav.navbar-head ul.navbar-nav a:active { background: #fff; } nav.navbar-head ul.navbar-nav a:hover { border-bottom: 3px solid #fba014; } nav.navbar-head button.navbar-toggle { background: #f14444; border-radius: 2px; } nav.navbar-head button.navbar-toggle:hover { background: #999; } nav.navbar-head button.navbar-toggle > span.icon-bar { background: #fff; } nav.navbar-head ul.dropdown-menu { border: 0; background: #fff; border-radius: 4px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; } nav.navbar-head ul.dropdown-menu > li > a { color: #444; } nav.navbar-head ul.dropdown-menu > li > a:hover { background: #f14444; color: #fff; } .banner { margin-top: -5%; width: 100%; } .footer { background-color: #403f3e; } .quicklinks h4{ color:#fff; font-weight: 800; } .quicklinks a{ color: #fba014 ; } .contact h4{ color:#fff; font-weight: 800; } .contact span{ color: #fba014 ; } .links { margin-top: 1%; margin-bottom: 1%; } .links a{ color: #fba014; } .security p{ color: #fff; margin: 1%; } .copyright { color: #fff; } .info p{ color: #fff; line-height: 25px; } .footerline { color: #fff; margin: 1%; } .try { background-color: #000; }

Related: See More


Questions / Comments: