Difference between revisions of "Team:Toulouse/Gallery"

Line 13: Line 13:
  
 
</html>{{Toulouse/nav}}<html>
 
</html>{{Toulouse/nav}}<html>
 
 
 
 
    <!-- ################################################################################################
 
 
    <!-- ################################################################################################ -->
 
 
 
  
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
Line 28: Line 20:
 
    
 
    
  
 
 
 
 
 
   <div class="shout">  
 
   <div class="shout">  
 
      
 
      
Line 42: Line 32:
 
   </div>
 
   </div>
 
    
 
    
 
 
 
 
</div>
 
</div>
Line 48: Line 37:
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
+
<div class="wrapper row3">
 +
  <main class="container clear">
 +
    <!-- container body -->
 +
    <!-- ################################################################################################ -->
 +
    <div id="gallery">
 +
      <figure class="overlay">
 +
        <header class="heading">At the beginning</header>
 +
        <ul class="nospace clear">
 +
          <li class="one_quarter first"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter first"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter first"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter"><a href="#"><img src="" alt=""></a></li>
 +
          <li class="one_quarter"><a href="#"><img src="" alt=""></a></li>
 +
        </ul>
 +
        <figcaption>Gallery Description Goes Here</figcaption>
 +
      </figure>
 +
    </div>
 +
    <!-- ################################################################################################ -->
 +
    <!-- ################################################################################################ -->
 +
    <nav class="pagination">
 +
      <ul>
 +
        <li><a href="#">&laquo; Previous</a></li>
 +
        <li><a href="#">1</a></li>
 +
        <li><a href="#">2</a></li>
 +
        <li><strong>&hellip;</strong></li>
 +
        <li><a href="#">6</a></li>
 +
        <li class="current"><strong>7</strong></li>
 +
        <li><a href="#">8</a></li>
 +
        <li><a href="#">9</a></li>
 +
        <li><strong>&hellip;</strong></li>
 +
        <li><a href="#">14</a></li>
 +
        <li><a href="#">15</a></li>
 +
        <li><a href="#">Next &raquo;</a></li>
 +
      </ul>
 +
    </nav>
 +
  </main>
 +
</div>
 
<div class="wrapper row3">
 
<div class="wrapper row3">
  

Revision as of 18:52, 18 September 2015

iGEM Toulouse 2015

Gallery