Created
August 15, 2009 01:54
-
-
Save miketierney/168184 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="imageholder"> | |
<div class="thumb_dark"></div> | |
<div class="thumb_med"> | |
<a href="images/portfolio/electricpink.jpg" class="colorbox" title="ElectricPink Wallpaper Design" onmouseover="image1.src='images/thumbs/electricpink_down.jpg';" onmouseout="image1.src='images/thumbs/electricpink_up.jpg';" title="Electric Pink"> | |
<img name="image1" src="images/thumbs/electricpink_up.jpg" alt="Electric Pink Type Poster" /> | |
</a> | |
</div> | |
<div class="thumb_light"></div> | |
<div class="thumb_dark"> | |
<a href="images/portfolio/fairy.jpg" class="colorbox" title="Vector Fairy Illustration" onmouseover="image2.src='images/thumbs/fairy_down.jpg';" onmouseout="image2.src='images/thumbs/fairy_up.jpg';" title="Vector Fairy"> | |
<img name="image2" src="images/thumbs/fairy_up.jpg" alt="Vector Fairy" /> | |
</a> | |
</div> | |
<div class="thumb_dark"> | |
<a href="http://www.electricpinkstudio.com" class="iframe" title="Electricpink Studio - My Old Portfolio Website" onmouseover="image3.src='images/thumbs/studio_down.jpg';" onmouseout="image3.src='images/thumbs/studio_up.jpg';" title="Electric Pink Studio Website"> | |
<img name="image3" src="images/thumbs/studio_up.jpg" alt="Electric Pink Studio Website - My Old Portfolio" /> | |
</a> | |
</div> | |
<div class="thumb_med"></div> | |
<!-- had to close second and third a tag's first half --> | |
<div class="thumb_light"> | |
<a href="images/portfolio/christmas_01.jpg" rel="christmasroom" title="3D Christmas Scene" onmouseover="image4.src='images/thumbs/christmas_01_down.jpg';" onmouseout="image4.src='images/thumbs/christmas_01_up.jpg';" title="3D Christmas Scene"> | |
<img name="image4" src="images/thumbs/christmas_01_up.jpg" alt="3D Render of Christmas Livingroom" /> | |
</a> | |
<a href="images/portfolio/christmas_02.jpg" rel="christmasroom" title="3D Christmas Scene"></a> | |
<a href="images/portfolio/christmas_03.jpg" rel="christmasroom" title="3D Christmas Scene"></a> | |
</div> | |
<!-- image tag wasn't closed at all --> | |
<div class="thumb_light"> | |
<a href="images/portfolio/room_01.jpg" rel="room" title="3D Livingroom Scene" onmouseover="image5.src='images/thumbs/room_01_down.jpg';" onmouseout="image5.src='images/thumbs/room_01_up.jpg';" title="3D Livingroom"> | |
<img name="image5" src="images/thumbs/room_01_up.jpg" alt="3D Render of Livingroom" /> | |
</a> | |
<a href="images/portfolio/room_02.jpg" rel="room" title="3D Livingroom Scene"></a> | |
</div> | |
<div class="thumb_med"></div> | |
<div class="thumb_med"> | |
<a href="images/portfolio/snowboard.jpg" class="colorbox" title="Snowboard Photoshop Composition" onmouseover="image6.src='images/thumbs/snowboard_down.jpg';" onmouseout="image6.src='images/thumbs/snowboard_up.jpg';" title="Snowboard Poster"> | |
<img name="image6" src="images/thumbs/snowboard_up.jpg" alt="Snowboarding Photoshop Composition" /> | |
</a> | |
</div> | |
<div class="thumb_light"></div> | |
<div class="thumb_dark"></div> | |
<div class="thumb_light"> | |
<a href="images/portfolio/snow.jpg" class="colorbox" title="3D Snow Scene" onmouseover="image7.src='images/thumbs/snow_down.jpg';" onmouseout="image7.src='images/thumbs/snow_up.jpg';" title="3D Snow Scene"> | |
<img name="image7" src="images/thumbs/snow_up.jpg" alt="3D Render of cottage in the snow" /> | |
</a> | |
</div> | |
<div class="thumb_med"> | |
<a href="images/portfolio/aztec.jpg" class="colorbox" title="Brochure designed for Aztec Metals" onmouseover="image8.src='images/thumbs/aztec_down.jpg';" onmouseout="image8.src='images/thumbs/aztec_up.jpg';" title="Aztec Metals Brochure"> | |
<img name="image8" src="images/thumbs/aztec_up.jpg" alt="Brochure smaples for Aztec Metals" /> | |
</a> | |
</div> | |
<div class="thumb_med"></div> | |
<div class="thumb_dark"></div> | |
<!-- had to close image tag, 4 extra images too --> | |
<div class="thumb_med"> | |
<a href="images/portfolio/factory_01.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment" onmouseover="image16.src='images/thumbs/factory_01_down.jpg';" onmouseout="image16.src='images/thumbs/factory_01_up.jpg';" title="3D Factory Scene from short film Enlightenment"> | |
<img name="image16" src="images/thumbs/factory_01_up.jpg" alt="3D Factory Scene from short film Enlightenment" /> | |
</a> | |
<a href="images/portfolio/factory_02.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment"></a> | |
<a href="images/portfolio/factory_03.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment"></a> | |
<a href="images/portfolio/factory_04.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment"></a> | |
<a href="images/portfolio/factory_05.jpg" rel="factory" title="3D Factory Scene from short film Enlightenment"></a> | |
</div> | |
<div class="thumb_light"> | |
<a href="images/portfolio/expose.jpg" class="colorbox" title="Flyer for Expose Fashion Show" onmouseover="image9.src='images/thumbs/expose_down.jpg';" onmouseout="image9.src='images/thumbs/expose_up.jpg';" title="Expose Flyer"> | |
<img name="image9" src="images/thumbs/expose_up.jpg" alt="Flyer for Expose Fashoin Show" /> | |
</a> | |
</div> | |
<div class="thumb_med"></div> | |
<div class="thumb_light"> | |
<a href="images/portfolio/audrey.jpg" class="colorbox" title="Vector Girl Illustration" onmouseover="image11.src='images/thumbs/audrey_down.jpg';" onmouseout="image11.src='images/thumbs/audrey_up.jpg';" title="Vector Girl"> | |
<img name="image11" src="images/thumbs/audrey_up.jpg" alt="Vector Illustration of Girl" /> | |
</a> | |
</div> | |
<div class="thumb_med"></div> | |
<div class="thumb_dark"> | |
<a href="images/portfolio/enlightenment_dvd.jpg" class="colorbox" title="DVD Cover for short film Enlightenment" onmouseover="image12.src='images/thumbs/enlightenment_dvd_down.jpg';" onmouseout="image12.src='images/thumbs/enlightenment_dvd_up.jpg';" title="Enlightenment DVD"> | |
<img name="image12" src="images/thumbs/enlightenment_dvd_up.jpg" alt="DVD Cover for short film Enlightenment" /> | |
</a> | |
</div> | |
<div class="thumb_dark"></div> | |
<div class="thumb_light"></div> | |
<!-- had to close second a tag --> | |
<div class="thumb_med"> | |
<a href="images/portfolio/motorcycle_01.jpg" rel="moto" title="3D Render of Motorcycle" onmouseover="image13.src='images/thumbs/motorcycle_01_down.jpg';" onmouseout="image13.src='images/thumbs/motorcycle_01_up.jpg';" title="3D Motorcycle"> | |
<img name="image13" src="images/thumbs/motorcycle_01_up.jpg" alt="3D Render of Motorcycle" /> | |
</a> | |
<a href="images/portfolio/motorcycle_02.jpg" rel="moto" title="3D Render of Motorcycle"></a> | |
</div> | |
<div class="thumb_light"> | |
<a href="images/portfolio/weatherdial.jpg" class="colorbox" title="Advert for Met Eireann's Weatherdial Service" onmouseover="image14.src='images/thumbs/weatherdial_down.jpg';" onmouseout="image14.src='images/thumbs/weatherdial_up.jpg';" title="Weatherdial Advertisment"> | |
<img name="image14" src="images/thumbs/weatherdial_up.jpg" alt="Advertisement for Met Eireann's Weatherdial service" /> | |
</a> | |
</div> | |
<div class="thumb_med"></div> | |
<div class="thumb_dark"> | |
<a href="images/portfolio/interrobang.jpg" class="colorbox" title="Interrobang Website Design Concept" onmouseover="image15.src='images/thumbs/interrobang_down.jpg';" onmouseout="image15.src='images/thumbs/interrobang_up.jpg';" title="Interrobang Website Mockup"> | |
<img name="image15" src="images/thumbs/interrobang_up.jpg" alt="Mockup for Screen-Pritning website, Interrobang" /> | |
</a> | |
</div> | |
<div class="thumb_light"></div> | |
<div class="thumb_dark"> | |
<a href="images/portfolio/velvetlounge.jpg" class="colorbox" title="Velvet Lounge Poster" onmouseover="image10.src='images/thumbs/velvetlounge_down.jpg';" onmouseout="image10.src='images/thumbs/velvetlounge_up.jpg';" title="Velvet Lounge Poster"> | |
<img name="image10" src="images/thumbs/velvetlounge_up.jpg" alt="Poster fo Jazz Bar, Velvet Lounge" /> | |
</a> | |
</div> | |
<div class="thumb_med"></div> | |
<div class="thumb_dark"></div> | |
<div class="thumb_light"> | |
<a href="images/portfolio/fulfillment.jpg" class="colorbox" title="Fulfillment Type Treatment" onmouseover="image17.src='images/thumbs/fulfillment_down.jpg';" onmouseout="image17.src='images/thumbs/fulfillment_up.jpg';" title="Fulmillment"> | |
<img name="image17" src="images/thumbs/fulfillment_up.jpg" alt="Fulfillment Text Treatment" /> | |
</a> | |
</div> | |
<div class="thumb_dark"></div> | |
<!-- each of the "extra" tags had to have the first half of the pair closed, and then removed an extra closing tag --> | |
<div class="thumb_light"> | |
<a href="images/portfolio/city_01.jpg" rel="city" title="3D City Scene from short film Enlightenment" onmouseover="image18.src='images/thumbs/city_01_down.jpg';" onmouseout="image18.src='images/thumbs/city_01_up.jpg';" title="3D City Scene"> | |
<img name="image18" src="images/thumbs/city_01_up.jpg" alt="3D Render of City" /> | |
</a> | |
<a href="images/portfolio/city_02.jpg" rel="city" title="3D City Scene from short film Enlightenment"></a> | |
<a href="images/portfolio/city_03.jpg" rel="city" title="3D City Scene from short film Enlightenment"></a> | |
<a href="images/portfolio/city_04.jpg" rel="city" title="3D City Scene from short film Enlightenment"></a> | |
<a href="images/portfolio/city_05.jpg" rel="city" title="3D City Scene from short film Enlightenment"></a> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment