Skip to content

Instantly share code, notes, and snippets.

@dimak57
Created November 11, 2012 07:07
Show Gist options
  • Save dimak57/4054047 to your computer and use it in GitHub Desktop.
Save dimak57/4054047 to your computer and use it in GitHub Desktop.
mockup twitter bootstrap page for CI
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="<?=base_url('theme/css/bootstrap.min.css')?>" rel="stylesheet" media="screen">
<link href="<?=base_url('theme/css/site.css')?>" rel="stylesheet" media="screen">
</head>
<body>
<div id="wrap">
<div class="container-fluid">
<!-- start navbar-->
<div class="navbar navbar-inverse" style="margin-top: 10px;">
<div class="navbar-inner">
<a class="brand" href="#">Title</a>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
<!-- end navbar-->
<!-- start page title-->
<div class="row-fluid">
<h1 class="page-header pagination-centered">{elapsed_time}<br><small>Little description</small></h1>
</div>
<!-- end page title-->
<div class="row-fluid">
<!-- start lbar-->
<div class="span2"></div>
<!-- end lbar-->
<!-- start content-->
<div class="span8"></div>
<!-- end content-->
<!-- start rbar-->
<div class="span2"></div>
<!-- end rbar-->
</div>
<div id="push"></div>
<!--end container-->
</div>
<!--end wrap-->
</div>
<!--footer-->
<div id="footer" class="pagination-centered">
<div class="container">
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="<?=base_url('theme/js/bootstrap.min.js')?>"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment