<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ---------->
<!--
Sticky footer example by Mr. M. - Confederation College - IMD Program
Based on tutorial from: http://www.coders-guide.com/watch.php?v=53
-->
<div class="navbar navbar-inverse navbar-static-top">
<div class="container">
<a href="#" class="navbar-brand">Mr. M.'s Sticky Footer Example </a> <button class="navbar-toggle"
data-toggle="collapse" data-target=".navHeaderCollapse"></button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Social Media</a>
<ul class="dropdown-menu">
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Google+</a></li>
<li><a href="#">Instagram</a></li>
</ul>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<h2>Mr. M.'s Sticky Footer Example</h2>
<div class="well well-sm">
<p>
<span class="label label-warning">Important Note</span>
<br>
To see this working, <strong>you must open JUST the file without Bootsnip's "View full screen" feature </strong>.
<br><br>
<a href="http://bootsnipp.com/iframe/V24R" target="_blank">http://bootsnipp.com/iframe/V24R</a>
</p>
</div>
<div class="row marketing">
<div class="col-lg-6">
<p>
<img src="http://farm9.staticflickr.com/8083/8430638774_f7a7e83b7f_n.jpg" alt="sticky bun flickr.com" class="img-responsive img-rounded center-block">
</p>
</div>
<div class="col-lg-6">
<h4>Subheading</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Etiam leo neque, hendrerit et magna ut, viverra consectetur augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</div>
<div class="navbar navbar-default navbar-fixed-bottom">
<div class="container">
<p class="navbar-text pull-left">© 2014 - Site Built By Mr. M.
<a href="http://tinyurl.com/tbvalid" target="_blank" >HTML 5 Validation</a>
</p>
<a href="http://youtu.be/zJahlKPCL9g" class="navbar-btn btn-danger btn pull-right">
<span class="glyphicon glyphicon-star"></span> Subscribe on YouTube</a>
</div>
</div>
