From 626be4deb02567571ce35378d3423fa1d978e5b6 Mon Sep 17 00:00:00 2001
From: Will Spaetzel <will@spaetzel.com>
Date: Wed, 11 Apr 2012 21:52:08 -0400
Subject: [PATCH] move a links inside thubmnail

---
 index.html | 198 +++++++++++++++++++++++++++++------------------------
 1 file changed, 108 insertions(+), 90 deletions(-)

diff --git a/index.html b/index.html
index 03b49d2..a545853 100644
--- a/index.html
+++ b/index.html
@@ -14,103 +14,121 @@ <h1>Will Spaetzel</h1>
 <div class="row">
   <ul class="thumbnails">
     <li class="span3">
-      <a href="http://blog.spaetzel.com">
-        <div class="thumbnail">
+
+      <div class="thumbnail">
+        <a href="http://blog.spaetzel.com">
           <img src="http://placehold.it/260x180" alt="">
           <div class="caption">
             <h3>Personal Blog</h3>
             <p>Musings on all of my interests</p>
           </div>
-        </div>
-      </a>
-    </li>
-    <li class="span3">
-      <a href="http://blog.castroller.com">
-        <div class="thumbnail">
-          <img src="http://placehold.it/260x180" alt="">
-          <div class="caption">
-            <h3>CastRoller Blog & Podcast</h3>
-            <p>Talking about tech & podcasting news as well as developing CastRoller</p>
-          </div>
-        </div>
-      </a>
-    </li>
-    <li class="span3">
-      <a href="http://castroller.com">
-        <div class="thumbnail">
-          <img src="http://placehold.it/260x180" alt="">
-          <div class="caption">
-            <h3>CastRoller</h3>
-            <p>My startup for making it easy to find and enjoy the best podcasts on the web</p>
-          </div>
-        </div>
-      </a>
-    </li>
-    <li class="span3">
-      <a href="http://thegeekrunner.com/category/podcast">
-        <div class="thumbnail">
-          <img src="http://placehold.it/260x180" alt="">
-          <div class="caption">
-            <h3>The Geek Runner Podcast</h3>
-            <p>Joining friends to talk about our adventures running</p>
-          </div>
-        </div>
-      </a>
-    </li>
-    <li class="span3">
-      <a href="http://watcamp.com">
-        <div class="thumbnail">
-          <img src="http://placehold.it/260x180" alt="">
-          <div class="caption">
-            <h3>WatCamp.com</h3>
-            <p>A community curated calendar of tech events in Waterloo Region</p>
-          </div>
-        </div>
-      </a>
-    </li>
-    <li class="span3">
-      <a href="http://dailymile.com/people/spaetzel">
-        <div class="thumbnail">
-          <img src="http://placehold.it/260x180" alt="">
-          <div class="caption">
-            <h3>dailymile Profile</h3>
-            <p>Tracking my running habit</p>
-          </div>
-        </div>
-      </a>
-    </li>
-    <li class="span3">
-      <a href="http://flickr.com/photos/redune">
-        <div class="thumbnail">
-          <img src="http://placehold.it/260x180" alt="">
-          <div class="caption">
-            <h3>Flickr Photos</h3>
-            <p>Photographing the world around me</p>
-          </div>
-        </div>
-      </a>
-    </li>
-    <li class="span3">
-      <a href="http://github.com/spaetzel">
-        <div class="thumbnail">
-          <img src="http://placehold.it/260x180" alt="">
-          <div class="caption">
-            <h3>Github Profile</h3>
-            <p>Open source projects I have created a contributed to</p>
-          </div>
-        </div>
-      </a>
+        </a>
+      </div>
+      
     </li>
     <li class="span3">
-      <a href="http://twitter.com/spaetzel">
-        <div class="thumbnail">
-          <img src="http://placehold.it/260x180" alt="">
-          <div class="caption">
-            <h3>Twitter</h3>
-            <p>Short bursts of insight and news</p>
-          </div>
+
+      <div class="thumbnail">
+       <a href="http://blog.castroller.com">
+        <img src="http://placehold.it/260x180" alt="">
+        <div class="caption">
+          <h3>CastRoller Blog & Podcast</h3>
+          <p>Talking about tech & podcasting news as well as developing CastRoller</p>
         </div>
       </a>
-    </li>
-  </ul>
+    </div>
+
+  </li>
+  <li class="span3">
+
+    <div class="thumbnail">
+     <a href="http://castroller.com">
+      <img src="http://placehold.it/260x180" alt="">
+      <div class="caption">
+        <h3>CastRoller</h3>
+        <p>My startup for making it easy to find and enjoy the best podcasts on the web</p>
+      </div>
+    </a>
+  </div>
+
+</li>
+<li class="span3">
+
+    <div class="thumbnail">
+        <a href="http://thegeekrunner.com/category/podcast">
+      <img src="http://placehold.it/260x180" alt="">
+      <div class="caption">
+        <h3>The Geek Runner Podcast</h3>
+        <p>Joining friends to talk about our adventures running</p>
+      </div>
+       </a>
+    </div>
+ 
+</li>
+<li class="span3">
+
+    <div class="thumbnail">
+        <a href="http://watcamp.com">
+      <img src="http://placehold.it/260x180" alt="">
+      <div class="caption">
+        <h3>WatCamp.com</h3>
+        <p>A community curated calendar of tech events in Waterloo Region</p>
+      </div>
+       </a>
+    </div>
+ 
+</li>
+<li class="span3">
+
+    <div class="thumbnail">
+        <a href="http://dailymile.com/people/spaetzel">
+      <img src="http://placehold.it/260x180" alt="">
+      <div class="caption">
+        <h3>dailymile Profile</h3>
+        <p>Tracking my running habit</p>
+      </div>
+        </a>
+    </div>
+
+</li>
+<li class="span3">
+
+    <div class="thumbnail">
+        <a href="http://flickr.com/photos/redune">
+      <img src="http://placehold.it/260x180" alt="">
+      <div class="caption">
+        <h3>Flickr Photos</h3>
+        <p>Photographing the world around me</p>
+      </div>
+        </a>
+    </div>
+
+</li>
+<li class="span3">
+
+    <div class="thumbnail">
+        <a href="http://github.com/spaetzel">
+      <img src="http://placehold.it/260x180" alt="">
+      <div class="caption">
+        <h3>Github Profile</h3>
+        <p>Open source projects I have created a contributed to</p>
+      </div>
+        </a>
+    </div>
+
+</li>
+<li class="span3">
+
+    <div class="thumbnail">
+        <a href="http://twitter.com/spaetzel">
+      <img src="http://placehold.it/260x180" alt="">
+      <div class="caption">
+        <h3>Twitter</h3>
+        <p>Short bursts of insight and news</p>
+      </div>
+        </a>
+    </div>
+
+</li>
+</ul>
 </div>
\ No newline at end of file