Team:Brown-Stanford/Templates/Main

From 2011.igem.org

(Difference between revisions)
Line 263: Line 263:
</style>
</style>
-
<div class="content">
 
-
<h1 class="title">Slide Down Box Menu with jQuery and CSS3</h1>
 
-
<ul id="sdt_menu" class="sdt_menu">
 
-
<li>
 
-
<a href="#">
 
-
<!--<img src="images/2.jpg" alt=""/>-->
 
-
<span class="sdt_active"></span>
 
-
<span class="sdt_wrap">
 
-
<span class="sdt_link">About me</span>
 
-
<span class="sdt_descr">Get to know me</span>
 
-
</span>
 
-
</a>
 
-
</li>
 
-
<li>
 
-
<a href="#">
 
-
<img src="images/1.jpg" alt=""/>
 
-
<span class="sdt_active"></span>
 
-
<span class="sdt_wrap">
 
-
<span class="sdt_link">Portfolio</span>
 
-
<span class="sdt_descr">My work</span>
 
-
</span>
 
-
</a>
 
-
<div class="sdt_box">
 
-
<a href="#">Websites</a>
 
-
<a href="#">Illustrations</a>
 
-
<a href="#">Photography</a>
 
-
</div>
 
-
</li>
 
-
<li>
 
-
<a href="#">
 
-
<img src="images/3.jpg" alt=""/>
 
-
<span class="sdt_active"></span>
 
-
<span class="sdt_wrap">
 
-
<span class="sdt_link">Inspiration</span>
 
-
<span class="sdt_descr">Where ideas get born</span>
 
-
</span>
 
-
</a>
 
-
</li>
 
-
<li>
 
-
<a href="#">
 
-
<img src="images/4.jpg" alt=""/>
 
-
<span class="sdt_active"></span>
 
-
<span class="sdt_wrap">
 
-
<span class="sdt_link">Photos</span>
 
-
<span class="sdt_descr">I like to photograph</span>
 
-
</span>
 
-
</a>
 
-
</li>
 
-
<li>
 
-
<a href="#">
 
-
<img src="images/5.jpg" alt=""/>
 
-
<span class="sdt_active"></span>
 
-
<span class="sdt_wrap">
 
-
<span class="sdt_link">Blog</span>
 
-
<span class="sdt_descr">I write about design</span>
 
-
</span>
 
-
</a>
 
-
</li>
 
-
<li>
 
-
<a href="#">
 
-
<img src="images/6.jpg" alt=""/>
 
-
<span class="sdt_active"></span>
 
-
<span class="sdt_wrap">
 
-
<span class="sdt_link">Projects</span>
 
-
<span class="sdt_descr">I like to code</span>
 
-
</span>
 
-
</a>
 
-
<div class="sdt_box">
 
-
<a href="#">Job Board Website</a>
 
-
<a href="#">Shopping Cart</a>
 
-
<a href="#">Interactive Maps</a>
 
-
</div>
 
-
</li>
 
-
</ul>
 
-
</div>
 
<div id="wrap">  
<div id="wrap">  

Revision as of 19:04, 6 June 2011