A Sample Bootstrap 3 Responsive Theme:
//————————————————————-
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<!– Bootstrap –>
<link href=”css/bootstrap.min.css” rel=”stylesheet” media=”screen”>
</head>
<body>
<script src=”http://code.jquery.com/jquery.js”></script>
<script src=”js/bootstrap.min.js”></script>
<nav role=”navigation”>
<div>
<!– Brand and toggle get grouped for better mobile display –>
<div>
<button type=”button” data-toggle=”collapse” data-target=”.navbar-collapse”>
<span>Toggle navigation</span>
<span></span>
<span></span>
<span></span>
</button>
<a href=”#”>Vacation Rentals</a>
</div>
<!– Collect the nav links, forms, and other content for toggling –>
<div>
<ul>
<li><a href=”#”><span></span> Home</a></li>
<li><a href=”#”><span></span> Top Destinations</a></li>
<li>
<a href=”#” data-toggle=”dropdown”><span></span> About Us<b></b></a>
<ul>
<li><a href=”#”>Company Details</a></li>
<li><a href=”#”>Contact Us</a></li>
</ul>
</li>
</ul>
<form role=”search”>
<div>
<input type=”text” placeholder=”Search”/>
</div>
<button type=”submit”>Submit</button>
</form>
<ul>
<li><a href=”#”><span></span> Book Tickets</a></li>
<li>
<a href=”#” data-toggle=”dropdown”><span></span> Reservation<b></b></a>
<ul>
<li><a href=”#”>Cancel</a></li>
<li><a href=”#”>Confirm</a></li>
</ul>
</li>
</ul>
</div><!– /.navbar-collapse –>
</div>
</nav>
<div>
<div>
<h1>Best Vacation Rentals</h1>
<p>Sed placerat fringilla quam et.</p>
<a>Start Now!</a>
</div>
</div>
<div>
<div>
<div>
<a href=”#”><img src=”images/feat1.jpg”></a>
<h3>Type 1</h3>
<p>Dummy Text..</p>
<a href=”#”>Book Now @ $599</a>
</div>
<div>
<a href=”#”><img src=”images/feat2.jpg”></a>
<h3>Type 2</h3>
<p>Dummy Text..</p>
<a href=”#”>Book Now @ $899</a>
</div>
<div>
<a href=”#”><img src=”images/feat3.jpg”></a>
<h3>Type 3</h3>
<p>Dummy Text …</p>
<a href=”#”>Book Now @ $699</a>
</div>
</div>
</div>
<footer>
<div>
<div>
<div>© 2013</div>
<div>
<ul>
<li><a href=”#”>About Us</a></li>
<li><a href=”#”>Support 24×7</a></li>
<li><a href=”#”>Privacy Policy</a></li>
</ul>
</div>
<div>
<h3>Vacation Rentals</h3>
</div>
</div>
</div>
</footer>
</body>
</html>
//—————————————-
No Comments