Team:UCSF/Home1

From 2013.igem.org

Revision as of 18:28, 7 August 2013 by Wyjilily (Talk | contribs)


 <nav class="top-bar">
  • <a href="#"> Top Bar Title </a>

   <section class="top-bar-section">
  • <a href="#">Main Item 1</a>
  • <a href="#">Main Item 2</a>
  • <a href="#">Main Item 3</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/50x50&text=[img]">
<a href="#">Venue Name</a>

                   <img src="http://placehold.it/50x50&text=[img]">
<a href="#">Venue Name</a>

                   <img src="http://placehold.it/50x50&text=[img]">
<a href="#">Venue Name</a>


             <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="#">Post Title 2 »</a>
<a href="#">Post Title 3 »</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>