fotoalbum

<link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>

<center>

<div class="sp-slideshow">
           
  <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
  <label for="button-1" class="button-label-1"></label>
   
  <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" />
  <label for="button-2" class="button-label-2"></label>
   
  <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" />
  <label for="button-3" class="button-label-3"></label>

  <input id="button-4" type="radio" name="radio-set" class="sp-selector-4" />
  <label for="button-4" class="button-label-4"></label>
  
  <input id="button-5" type="radio" name="radio-set" class="sp-selector-5" />
  <label for="button-5" class="button-label-5"></label>
  
  <input id="button-6" type="radio" name="radio-set" class="sp-selector-6" />
  <label for="button-6" class="button-label-6"></label>
  
  <input id="button-7" type="radio" name="radio-set" class="sp-selector-7" />
  <label for="button-7" class="button-label-7"></label>
  
  <input id="button-8" type="radio" name="radio-set" class="sp-selector-8" />
  <label for="button-8" class="button-label-8"></label>
  
  <input id="button-9" type="radio" name="radio-set" class="sp-selector-9" />
  <label for="button-9" class="button-label-9"></label>
   
  <label for="button-1" class="sp-arrow sp-a1"></label>
  <label for="button-2" class="sp-arrow sp-a2"></label>
  <label for="button-3" class="sp-arrow sp-a3"></label>
  <label for="button-4" class="sp-arrow sp-a4"></label>
  <label for="button-5" class="sp-arrow sp-a5"></label>
  <label for="button-6" class="sp-arrow sp-a6"></label>
  <label for="button-7" class="sp-arrow sp-a7"></label>
  <label for="button-8" class="sp-arrow sp-a8"></label>
  <label for="button-9" class="sp-arrow sp-a9"></label>
  
  <div class="sp-content">
      <div class="sp-parallax-bg"></div>
      <ul class="sp-slider clearfix">


<li><div class="slideone">
<div class="covbkgd">
<div class="covfont">
memories<p>
family<br>
scapebook
</div>
</div>
<div class="tcredits"><a href="http://tympanus.net/codrops/2012/04/30/fluid-css3-slideshow-with-parallax-effect">carousal code by ring wang</a><br>
<a href="http://upstate.b1.jcink.com">photo album by travvy</a></div>
</div></li>

<li><div class="slidetwo">
<table><tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
<tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
</table>
</div></li>

<li><div class="slidethree">
<table><tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
<tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
</table>
</div></li>

<li><div class="slidefour">
<table><tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
<tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
</table>
</div></li>

<li><div class="slidefive">
<table><tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
<tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
</table>
</div></li>

<li><div class="slidesix">
<table><tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
<tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
</table>
</div></li>

<li><div class="slideseven">
<table><tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
<tr><td>
<div id="photo4">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td><td>
<div id="photo5">
<div class="picfont">blah blah blah</div>  
<div style="width: 163px; height: 165px; position: relative; top: -6px; left: 24px; background-image:url(http://placehold.it/165x165);"></div>
</div>
</td></tr>
</table>