Skip to content

Instantly share code, notes, and snippets.

@rareyman

rareyman/index.html

Forked from anonymous/index.html
Created October 11, 2012 17:49
Show Gist options
  • Save rareyman/3874265 to your computer and use it in GitHub Desktop.
Save rareyman/3874265 to your computer and use it in GitHub Desktop.
Download ZIP
html file
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ROB DEENE | illustrator | designer</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<script type="text/javascript" src="script.js"></script>
<!--[if lte IE7]>
<style type="text/css">
ul li{
display:inline;
/*float:left*/
}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header"><img src="images/banner.png" width="950" height="140" alt="" /></div>
<div id="tabs">
<ul>
<li><a class="webButton" href=""><img src="images/tab_web.png" width="195" height="52" alt="interface_web" /></a></li>
etc.
<a class="webButton" href=""><img src="images/tab_web.png" width="195" height="52" alt="interface_web" /></a>
<a class="graphicButton" href=""><img src="images/tab_graphic.png" width="" height="52" alt="interface_graphic" /></a>
<a class="illButton" href=""><img src="images/tab_illustration.png" width="" height="52" alt="interface_illustration" /></a>
<a class="intButton" href=""><img src="images/tab_interactive.png" width="" height="52" alt="interface_interactive" /></a>
<a class="sketchButton" href=""><img src="images/tab_sketch.png" width="" height="52" alt="interface_sketch" /></a>
</div>
<div id="webgallery">
<div id="slides">
<div class="slide"><img src="images/fairy.jpg" width="950" height="500" alt="slide" /></div>
<div class="slide"><img src="images/placeholder2.jpg" width="950" height="500" alt="slide" /></div>
<div class="slide"><img src="images/placeholder3.jpg" width="950" height="500" alt="slide" /></div>
<div class="slide"><img src="images/placeholder4.jpg" width="950" height="500" alt="slide" /></div>
<div class="slide"><img src="images/placeholder5.jpg" width="950" height="500" alt="slide" /></div>
</div>
<div id="thumb">
<ul>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="thumb" /></li>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="thumb" /></li>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="thumb" /></li>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="thumb" /></li>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="thumb" /></li>
</ul>
</div>
</div>
<!--<div id="graphicgallery">
<div id="slides">
<div class="graphicslide"><img src="images/placeholder6.jpg" width="950" height="500" /></div>
<div class="graphicslide"><img src="images/placeholder7.jpg" width="950" height="500" /></div>
<div class="graphicslide"><img src="images/placeholder8.jpg" width="950" height="500" /></div>
<div class="graphicslide"><img src="images/placeholder9.jpg" width="950" height="500" /></div>
<div class="graphicslide"><img src="images/placeholder10.jpg" width="950" height="500" /></div>
</div>
<div id="thumb">
<ul>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="fairy thumb" /></li>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="fairy thumb" /></li>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="fairy thumb" /></li>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="fairy thumb" /></li>
<li class="thumbItem"><img src="images/thumb1.jpg" width="175" height="68" alt="fairy thumb" /></li>
</ul>
</div>
</div>
<div id="illustrationgallery">
<div id="slides">
<div class="illustrationslide"><img src="" width="950" height="500" /></div>
<div class="illustrationslide"><img src="" width="950" height="500" /></div>
<div class="illustrationslide"><img src="" width="950" height="500" /></div>
<div class="illustrationslide"><img src="" width="950" height="500" /></div>
<div class="illustrationslide"><img src="" width="950" height="500" /></div>
</div>
<div id="thumb">
<ul>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
</ul>
</div>
</div>
<div id="interactivegallery">
<div id="slides">
<div class="interactiveslide"><img src="" width="950" height="500" /></div>
<div class="interactiveslide"><img src="" width="950" height="500" /></div>
<div class="interactiveslide"><img src="" width="950" height="500" /></div>
<div class="interactiveslide"><img src="" width="950" height="500" /></div>
<div class="interactiveslide"><img src="" width="950" height="500" /></div>
</div>
<div id="thumb">
<ul>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
</ul>
</div>
</div>
<div id="sketchgallery">
<div id="slides">
<div class="sketchslide"><img src="" width="950" height="500" /></div>
<div class="sketchslide"><img src="" width="950" height="500" /></div>
<div class="sketchslide"><img src="" width="950" height="500" /></div>
<div class="sketchslide"><img src="" width="950" height="500" /></div>
<div class="sketchslide"><img src="" width="950" height="500" /></div>
</div>
<div id="thumb">
<ul>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
<li class="thumbItem"></li>
</ul>
</div>
</div>-->
</div>
<div id="footer"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment