Basic Page
by Vaibhav Deshwal
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.1.1/flatly/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<div>
<div>
<a href="#0.1_">Some text</a>
</div>
<div>
<ul>
<li><a href="#0.1_">Home <span>(current)</span></a></li>
<li><a href="#0.1_">Login/SignUp</a></li>
</ul>
<form target="_blank" onsubmit="return window.confirm("You are submitting information to an external page.\nAre you sure?");">
<div>
<input type="text">
</div>
<button type="submit">Search</button>
</form>
</div>
</div>
<div>
<h2>Talk to us!</h2>
<form target="_blank" onsubmit="return window.confirm("You are submitting information to an external page.\nAre you sure?");">
<div>
<div>
<input type="text">
</div>
</div>
<div>
<div>
<input type="email">
</div>
</div>
<div>
<div>
<input type="text">
</div>
</div>
<div>
<div>
<textarea rows="5"></textarea>
</div>
</div>
<div>
<div>
<button type="submit">Submit</button>
</div>
</div>
</form>
</div>
<div>
<div>
<p>Some Text</p>
<ul>
<li><a href="#0.1_">About us</a></li>
<li><a href="#0.1_">Contact us</a></li>
<li><a href="#0.1_">TnC</a></li>
</ul>
</div>
</div>
CSS
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 70px;
background-color: #f5f5f5;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.pos_centre{ position: relative; left: 160px;
}