cjdsie

<!-- Vertically centered on both sides -->

<div class="rslides_container">
  <ul class="rslides" id="slider1">
    <li><img src="http://placehold.it/1200x400" alt="" /></li>
    <li><img src="http://placehold.it/1200x400" alt="" /></li>
    <li><img src="http://placehold.it/1200x400" alt="" /></li>
  </ul>
</div>

cjdsie

<ul class="pager">
  <li class="previous"><a href="#">&larr; Older</a></li>
  <li class="next"><a href="#">Newer &rarr;</a></li>
</ul>

cjdsie

<div class="pagination">
  <ul>
    <li><a href="#">Prev</a></li>
    <li class="active"><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">Next</a></li>
  </ul>
</div>

cjdsie

<ul class="breadcrumb">  
  <li><a href="#">Home</a> <span class="divider">/</span></li>
  <li><a href="#">Library</a> <span class="divider">/</span></li>
  <li class="active">Data</li>
</ul>

cjdsie

<!-- Collapsing Menu -->

<nav class="menu1">
  <ul>
    <li><a href="#">Sample Page 1</a></li>
    <li><a href="#">Sample Page 2</a></li>
    <li><a href="#">Sample Page 3</a></li>
    <li><a href="#">Sample Page 4</a></li>
  <ul>
</nav>

cjdsie

<!-- The Basic Grid -->

<div class="one column">One</div>
<div class="two columns">Two</div>
<div class="three columns">Three</div>
<div class="four columns">Four</div>
<div class="five columns">Five</div>
<div class="six columns">Six</div>
<div class="seven columns">Seven</div>
<div class="eight columns">Eight</div>