Skip to content

Instantly share code, notes, and snippets.

@camkidman

camkidman/index.html

Created September 18, 2013 16:25
Show Gist options
  • Save camkidman/6611704 to your computer and use it in GitHub Desktop.
Save camkidman/6611704 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap Practice
Raw
index.html
<html>
<head>
<title>Practice</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<div class="container">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<h2 style="float: left;">Layout 1</h2>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page1</a></li>
<li><a href="#">Page2</a></li>
<li><a href="#">Page3</a></li>
</ul>
<p class="small" style="float: right;">Welcome, user!</p>
<img src="http://lorempixel.com/50/50" style="float: right;" />
</div>
</div>
</div>
<br />
<div class="row">
<div class="span3">
<ul class="nav nav-list">
<li class="nav-header">What we are?</li>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Our Clients</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="span9">
<div id="hero-unit">
<h1>Testing!</h1>
<p>This is a paragraph I'm typing up while I stand here. I wish I had a standing desk, as tired as it would make me all the time</p>
</div>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="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