&nbsp;

&nbsp;

<script src="md5.js"></script>
<script src="app.js"></script>
<script src="appSpec.js"></script>
<script src="jasmineBootstrap.js"></script>
<!-- bootstraps Jasmine -->

&nbsp;
<div id="container">
<div class="navbar navbar-invers navbar-fixed-top">
<div class="navbar-inner">
<div class="container"><!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">



</a>
<!-- Be sure to leave the brand out there if you want it shown -->
<a class="brand" href="#">
<i class="icon-book icon-1x"></i> Address Book</a>
<!-- Everything you want hidden at 940px or less, place within here -->
<div class="nav-collapse collapse"><!-- .nav, .navbar-search, .navbar-form, etc -->
<ul class="nav">
 	<li><a href="#">View Contacts</a></li>
 	<li><a href="#">Add Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">

<i class="icon-spinner icon-spin icon-large"></i> Please wait while loading content..

<form class="form-search"><input class="span12 search-query" type="text" placeholder="Filter by name" /></form><!-- <i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...-->
<div class="contact well well-small clearfix"><a class="pull-left thumb" href="#">
<img class="media-object" />
</a>
<div class="media-body"><span class="pull-right hidden">
<i class="icon-twitter icon-1x"></i>
<i class="icon-instagram icon-1x"></i>
<i class="icon-facebook icon-1x"></i>
<i class="icon-github icon-1x"></i>
</span>
<h4 class="media-heading">{{item.name}} <small>UI Developer</small></h4>
<p class="meta"><i class="icon-phone"></i>
<i class="icon-envelope"></i>
<i class="icon-link"></i>
<i class="icon-github"></i></p>

</div>
</div>
</div>
</div>
</div>
&nbsp;

&nbsp;