Difference between revisions of "Team:Toulouse/test fr"

Line 1: Line 1:
−
{{Toulouse}}
+
<!DOCTYPE html>
 +
<!--
 +
Template Name: Fertile
 +
Author: <a href="http://www.os-templates.com/">OS Templates</a>
 +
Author URI: http://www.os-templates.com/
 +
Licence: Free to use under our free template licence terms
 +
Licence URI: http://www.os-templates.com/template-terms
 +
-->
 
<html>
 
<html>
 
<head>
 
<head>
 +
<title>Fertile | Pages | Gallery</title>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
−
<title>iGEM Toulouse 2015</title>
+
<link href="../layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
−
<link rel="icon" href="https://static.igem.org/mediawiki/2015/2/2e/TLSE_ApiColi.png" type="image/png" style="width:10%;"/>
+
−
 
+
 
</head>
 
</head>
 
<body id="top">
 
<body id="top">
Line 11: Line 17:
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
−
 
+
<div class="wrapper row0 fixed">
−
</html>{{Toulouse/nav}}<html>
+
  <header id="header" class="clear">
−
 
+
    <!-- ################################################################################################ -->
 +
    <div id="logo" class="fl_left">
 +
      <h1><a href="../index.html">Fertile</a></h1>
 +
    </div>
 +
    <!-- ################################################################################################ -->
 +
    <nav id="mainav" class="fl_right">
 +
      <ul class="clear">
 +
        <li><a href="../index.html">Home</a></li>
 +
        <li class="active"><a class="drop" href="#">Pages</a>
 +
          <ul>
 +
            <li class="active"><a href="gallery.html">Gallery</a></li>
 +
            <li><a href="full-width.html">Full Width</a></li>
 +
            <li><a href="sidebar-left.html">Sidebar Left</a></li>
 +
            <li><a href="sidebar-right.html">Sidebar Right</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a class="drop" href="#">Dropdown</a>
 +
          <ul>
 +
            <li><a href="#">Level 2</a></li>
 +
            <li><a class="drop" href="#">Level 2 + Drop</a>
 +
              <ul>
 +
                <li><a href="#">Level 3</a></li>
 +
                <li><a href="#">Level 3</a></li>
 +
              </ul>
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="#">Link Text</a></li>
 +
        <li><a href="#">Link Text</a></li>
 +
      </ul>
 +
    </nav>
 +
    <!-- ################################################################################################ -->
 +
  </header>
 +
</div>
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
−
 
+
<div class="wrapper row2 bgded" style="background-image:url('../images/demo/backgrounds/2.png');">
−
<div class="wrapper row0 bgded" style="background-image:url('https://static.igem.org/mediawiki/2015/0/03/TLSE_bakcground.png')">
+
  <div id="pageintro">
−
<div class="shout">  
+
    <!-- ################################################################################################ -->
−
</div>
+
    <div class="title">
 +
      <h2>Gallery</h2>
 +
    </div>
 +
    <div id="breadcrumb" class="clear">
 +
      <ul>
 +
        <li><a href="#">Home</a></li>
 +
        <li><a href="#">Lorem</a></li>
 +
        <li><a href="#">Ipsum</a></li>
 +
        <li><a href="#">Dolor</a></li>
 +
      </ul>
 +
    </div>
 +
    <!-- ################################################################################################ -->
 +
  </div>
 
</div>
 
</div>
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
−
<div class="wrapper row4">
+
<div class="wrapper row3">
 
   <main class="container clear">  
 
   <main class="container clear">  
 
     <!-- container body -->
 
     <!-- container body -->
Line 33: Line 84:
 
         <header class="heading">Gallery Title Goes Here</header>
 
         <header class="heading">Gallery Title Goes Here</header>
 
         <ul class="nospace clear">
 
         <ul class="nospace clear">
−
           <li class="one_quarter first"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter first"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter first"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter first"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter first"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter first"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
−
           <li class="one_quarter"><a href="#"><img src="../images/demo/gallery/1.png" alt=""></a></li>
+
           <li class="one_quarter"><a href="#"><img src="https://static.igem.org/mediawiki/2015/1/1b/TLSE_WIP.png" alt=""></a></li>
 
         </ul>
 
         </ul>
 
         <figcaption>Gallery Description Goes Here</figcaption>
 
         <figcaption>Gallery Description Goes Here</figcaption>
Line 72: Line 123:
 
   </main>
 
   </main>
 
</div>
 
</div>
−
 
+
<!-- ################################################################################################ -->
−
</html>{{Toulouse/footer}}<html>
+
<!-- ################################################################################################ -->
−
 
+
<!-- ################################################################################################ -->
−
<script src="https://2015.igem.org/wiki/index.php?title=Template:Toulouse/js1&action=submit"></script>
+
<div class="wrapper row4">
−
<script src="https://2015.igem.org/wiki/index.php?title=Template:Toulouse/js2&action=submit"></script>
+
  <figure class="clients">
 +
    <!-- ################################################################################################ -->
 +
    <ul class="clear">
 +
      <li><a href="#"><img src="../images/demo/logos/1.png" alt=""></a></li>
 +
      <li><a href="#"><img src="../images/demo/logos/2.png" alt=""></a></li>
 +
      <li><a href="#"><img src="../images/demo/logos/1.png" alt=""></a></li>
 +
      <li><a href="#"><img src="../images/demo/logos/2.png" alt=""></a></li>
 +
      <li><a href="#"><img src="../images/demo/logos/1.png" alt=""></a></li>
 +
    </ul>
 +
    <!-- ################################################################################################ -->
 +
  </figure>
 +
</div>
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<div class="wrapper row5">
 +
  <footer id="footer" class="clear">
 +
    <!-- ################################################################################################ -->
 +
    <div class="shout">
 +
      <!-- ################################################################################################ -->
 +
      <div class="shout-content clear">
 +
        <p class="fl_left">Aenean semper elementum tellus ut placerat leo quisque vehicula</p>
 +
        <p class="fl_right"><a class="btn" href="#">Lorem Ipsum Dolor</a></p>
 +
      </div>
 +
      <!-- ################################################################################################ -->
 +
    </div>
 +
    <!-- ################################################################################################ -->
 +
    <div class="group">
 +
      <div class="one_quarter first">
 +
        <h6 class="title">Lorem ipsum dolor</h6>
 +
        <address class="btmspace-15">
 +
        Company Name<br>
 +
        Street Name &amp; Number<br>
 +
        Town<br>
 +
        Postcode/Zip
 +
        </address>
 +
        <ul class="nospace">
 +
          <li class="btmspace-10"><span class="fa fa-phone"></span> +00 (123) 456 7890</li>
 +
          <li><span class="fa fa-envelope-o"></span> info@domain.com</li>
 +
        </ul>
 +
      </div>
 +
      <div class="one_quarter">
 +
        <h6 class="title">Quick Links</h6>
 +
        <ul class="nospace linklist">
 +
          <li><a href="#">Home Page</a></li>
 +
          <li><a href="#">Blog</a></li>
 +
          <li><a href="#">Gallery</a></li>
 +
          <li><a href="#">Portfolio</a></li>
 +
          <li><a href="#">Contact Us</a></li>
 +
        </ul>
 +
      </div>
 +
      <div class="one_quarter">
 +
        <h6 class="title">From The Blog</h6>
 +
        <article>
 +
          <h2 class="nospace"><a href="#">Lorem ipsum dolor</a></h2>
 +
          <time class="smallfont" datetime="2045-04-06">Friday, 6<sup>th</sup> April 2045</time>
 +
          <p>Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed.</p>
 +
        </article>
 +
      </div>
 +
      <div class="one_quarter">
 +
        <h6 class="title">Keep In Touch</h6>
 +
        <form class="btmspace-30" method="post" action="#">
 +
          <fieldset>
 +
            <legend>Newsletter:</legend>
 +
            <input class="btmspace-15" type="text" value="" placeholder="Email">
 +
            <button type="submit" value="submit">Submit</button>
 +
          </fieldset>
 +
        </form>
 +
        <ul class="faico clear">
 +
          <li><a class="faicon-facebook" href="#"><i class="fa fa-facebook"></i></a></li>
 +
          <li><a class="faicon-twitter" href="#"><i class="fa fa-twitter"></i></a></li>
 +
          <li><a class="faicon-linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
 +
          <li><a class="faicon-google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
 +
          <li><a class="faicon-instagram" href="#"><i class="fa fa-instagram"></i></a></li>
 +
          <li><a class="faicon-tumblr" href="#"><i class="fa fa-tumblr"></i></a></li>
 +
        </ul>
 +
      </div>
 +
    </div>
 +
    <!-- ################################################################################################ -->
 +
  </footer>
 +
</div>
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<div class="wrapper row6">
 +
  <div id="copyright" class="clear">
 +
    <!-- ################################################################################################ -->
 +
    <p class="fl_left">Copyright &copy; 2014 - All Rights Reserved - <a href="#">Domain Name</a></p>
 +
    <p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
 +
    <!-- ################################################################################################ -->
 +
  </div>
 +
</div>
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<!-- ################################################################################################ -->
 +
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
 +
<script src="../layout/scripts/jquery.min.js"></script>
 +
<script src="../layout/scripts/jquery.backtotop.js"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:58, 5 August 2015

<!DOCTYPE html> Fertile | Pages | Gallery

Gallery

Aenean semper elementum tellus ut placerat leo quisque vehicula

Lorem Ipsum Dolor

Lorem ipsum dolor
Company Name
Street Name & Number
Town
Postcode/Zip
  • +00 (123) 456 7890
  • info@domain.com
Quick Links
From The Blog

Lorem ipsum dolor

Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed.

Keep In Touch
Newsletter: