"
Team:UCSF/Home1
From 2013.igem.org
<nav class="top-bar">
-
<a href="#"> Top Bar Title </a>
<section class="top-bar-section">
-
<a href="#">Main Item 1</a>
- <label>Section Name</label>
-
<a href="#" class="">Has Dropdown, Level 1</a>
- <a href="#">Dropdown Options</a>
- <a href="#">Dropdown Options</a>
- <a href="#">Level 2</a>
- <a href="#">Subdropdown Option</a>
- <a href="#">Subdropdown Option</a>
- <a href="#">Subdropdown Option</a>
- <a href="#">Dropdown Option</a>
- <a href="#">Dropdown Option</a>
- <label>Section Name</label>
- <a href="#">Dropdown Option</a>
- <a href="#">Dropdown Option</a>
- <a href="#">Dropdown Option</a>
- <a href="#">See all →</a>
- <a href="#">Main Item 2</a>
-
<a href="#">Main Item 3</a>
- <a href="#">Dropdown Option</a>
- <a href="#">Dropdown Option</a>
- <a href="#">Dropdown Option</a>
- <a href="#">See all →</a>
</section> </nav>
<img src="http://placehold.it/1200x700&text=Mobile Header">
Contents |
Upcoming Shows
<img src="http://placehold.it/50x50&text=[img]">
<a href="#">Venue Name</a>
Doors at 00:00pm
<img src="http://placehold.it/300x465&text=Image">
Blog
<a href="#">Post Title 1</a>
Risus ligula, aliquam nec fermentum vitae, sollicitudin eget urna. Suspendisse ultrices ornare tempor...
<a href="#">Read More »</a>
<a href="#" class="right">Go To Blog »</a>
<footer class="row">
© Copyright no one at all. Go to town.
- <a href="#">Link 1</a>
- <a href="#">Link 2</a>
- <a href="#">Link 3</a>
- <a href="#">Link 4</a>
</footer>
<script>
document.write('<script src=js/vendor/' +
('__proto__' in {} ? 'zepto' : 'jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
