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

Line 1: Line 1:
<!DOCTYPE html>
+
{{Toulouse}}
<!--
+
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">
<link href="../layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
+
<title>iGEM Toulouse 2015</title>
 +
<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 17: Line 11:
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
<div class="wrapper row0 fixed">
+
 
  <header id="header" class="clear">
+
</html>{{Toulouse/nav}}<html>
    <!-- ################################################################################################ -->
+
 
    <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 id="pageintro">
+
<div class="wrapper row0 bgded" style="background-image:url('https://static.igem.org/mediawiki/2015/0/03/TLSE_bakcground.png')">
    <!-- ################################################################################################ -->
+
<div class="shout">  
    <div class="title">
+
</div>
      <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 row3">
+
<div class="wrapper row4">
 
   <main class="container clear">  
 
   <main class="container clear">  
 
     <!-- container body -->
 
     <!-- container body -->
Line 84: Line 33:
 
         <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="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"><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 first"><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"><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 first"><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"><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>
 
         </ul>
 
         </ul>
 
         <figcaption>Gallery Description Goes Here</figcaption>
 
         <figcaption>Gallery Description Goes Here</figcaption>
Line 123: Line 72:
 
   </main>
 
   </main>
 
</div>
 
</div>
<!-- ################################################################################################ -->
+
 
<!-- ################################################################################################ -->
+
</html>{{Toulouse/footer}}<html>
<!-- ################################################################################################ -->
+
 
<div class="wrapper row4">
+
<script src="https://2015.igem.org/wiki/index.php?title=Template:Toulouse/js1&action=submit"></script>
  <figure class="clients">
+
<script src="https://2015.igem.org/wiki/index.php?title=Template:Toulouse/js2&action=submit"></script>
    <!-- ################################################################################################ -->
+
    <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:59, 5 August 2015

iGEM Toulouse 2015