<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ---------->
<div class="container">
<div class="row">
<h1>CSS TABS</h1>
<ul class=tabs>
<li>
<input type=radio name=tabs id=tab1 checked>
<label for=tab1>Tab1</label>
<div id=tab-content1 class=tab-content>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est
laborum.
</p>
</div>
</li>
<li>
<input type=radio name=tabs id=tab2 checked>
<label for=tab2>Tab2</label>
<div id=tab-content2 class=tab-content>
<p>
In faucibus ullamcorper vulputate. Fusce massa ex,
posuere sit amet felis eu, ullamcorper pharetra nulla.
Morbi fringilla arcu accumsan, consequat sem vitae,
congue risus. Ut sit amet lobortis leo. Aenean erat
lectus, egestas vel rutrum eu, mattis vel est. In nec
nulla non turpis ornare mollis eu sit amet nulla.
Aliquam leo tortor, dictum in facilisis eu, viverra a
magna. Sed viverra euismod diam sed luctus.
</p>
</div>
</li>
</ul>
<br style=clear:both;>
</div>
</div>
