Difference between revisions of "Team:Toulouse/Project/Strategy/overview"

 
(10 intermediate revisions by the same user not shown)
Line 18: Line 18:
 
     <nav id="mainav" class="fl_right">
 
     <nav id="mainav" class="fl_right">
 
       <ul class="clear">
 
       <ul class="clear">
−
         <li class="active"><a href="https://2015.igem.org/Team:Toulouse" style="color:rgb(0, 119, 105);"><b>Home</b></a></li>
+
         <li class="active"><a href="https://2015.igem.org/Team:Toulouse"><b>Home</b></a></li>
 
 
 
         <li><a class="drop" href="#"><b>Team</b></a>
 
         <li><a class="drop" href="#"><b>Team</b></a>
Line 28: Line 28:
 
         </li>
 
         </li>
 
 
−
         <li><a class="drop" href="#"><b>Project</b></a>
+
         <li><a class="drop" href="#" style="color:rgb(118, 119, 48);"><b>Project</b></a>
 
           <ul>
 
           <ul>
 
             <li><a href="https://2015.igem.org/Team:Toulouse/Project/context">Context</a></li>
 
             <li><a href="https://2015.igem.org/Team:Toulouse/Project/context">Context</a></li>
Line 84: Line 84:
 
   <div class="shout">  
 
   <div class="shout">  
 
   </div>
 
   </div>
−
</div>
 
  
  
  
−
 
+
<!-- ################################################################################################ -->
−
 
+
<!-- ################################################################################################ -->
−
 
+
<!-- ################################################################################################ -->
−
<div class="wrapper row2 bgded" style="background-image:url('../images/demo/backgrounds/2.png');">
+
 
   <div id="pageintro">  
 
   <div id="pageintro">  
−
    <!-- ################################################################################################ -->
 
−
    <div class="title">
 
−
      <h2>Sidebar Right</h2>
 
−
    </div>
 
 
     <div id="breadcrumb" class="clear">
 
     <div id="breadcrumb" class="clear">
 
       <ul>
 
       <ul>
−
         <li><a href="#">Home</a></li>
+
         <li><a href="#" style="color:white;"><b>Overview</b></a></li>
−
         <li><a href="#">Lorem</a></li>
+
         <li><a href="https://2015.igem.org/Team:Toulouse/Project/Strategy/attract">Attract</a></li>
−
         <li><a href="#">Ipsum</a></li>
+
         <li><a href="https://2015.igem.org/Team:Toulouse/Project/Strategy/eradicate">Eradicate</a></li>
−
         <li><a href="#">Dolor</a></li>
+
         <li><a href="https://2015.igem.org/Team:Toulouse/Project/Strategy/optimisation">Optimisation</a></li>
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
 
     <!-- ################################################################################################ -->
 
     <!-- ################################################################################################ -->
 
   </div>
 
   </div>
−
</div>
+
 
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<div class="wrapper row3">
+
−
  <main class="container clear">
+
−
    <!-- container body -->
+
−
    <!-- ################################################################################################ -->
+
−
    <div id="content" class="three_quarter first">
+
−
      <!-- ################################################################################################ -->
+
−
      <h1>&lt;h1&gt; to &lt;h6&gt; - Headline Colour and Size Are All The Same</h1>
+
−
      <img class="imgr borderedbox inspace-5" src="../images/demo/imgr.gif" alt="">
+
−
      <p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.</p>
+
−
      <p>Dapiensociis <a href="#">temper donec auctortortis cumsan</a> et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.</p>
+
−
      <img class="imgl borderedbox inspace-5" src="../images/demo/imgl.gif" alt="">
+
−
      <p>This is a W3C compliant free website template from <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. For full terms of use of this template please read our <a href="http://www.os-templates.com/template-terms">website template licence</a>.</p>
+
−
      <p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more website templates visit <a href="http://www.os-templates.com/">free website templates</a>.</p>
+
−
      <p>Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</p>
+
−
      <h1>Table(s)</h1>
+
−
      <table>
+
−
        <thead>
+
−
          <tr>
+
−
            <th>Header 1</th>
+
−
            <th>Header 2</th>
+
−
            <th>Header 3</th>
+
−
            <th>Header 4</th>
+
−
          </tr>
+
−
        </thead>
+
−
        <tbody>
+
−
          <tr>
+
−
            <td><a href="#">Value 1</a></td>
+
−
            <td>Value 2</td>
+
−
            <td>Value 3</td>
+
−
            <td>Value 4</td>
+
−
          </tr>
+
−
          <tr>
+
−
            <td>Value 5</td>
+
−
            <td>Value 6</td>
+
−
            <td>Value 7</td>
+
−
            <td><a href="#">Value 8</a></td>
+
−
          </tr>
+
−
          <tr>
+
−
            <td>Value 9</td>
+
−
            <td>Value 10</td>
+
−
            <td>Value 11</td>
+
−
            <td>Value 12</td>
+
−
          </tr>
+
−
          <tr>
+
−
            <td>Value 13</td>
+
−
            <td><a href="#">Value 14</a></td>
+
−
            <td>Value 15</td>
+
−
            <td>Value 16</td>
+
−
          </tr>
+
−
        </tbody>
+
−
      </table>
+
−
      <div id="comments">
+
−
        <h2>Comments</h2>
+
−
        <ul>
+
−
          <li>
+
−
            <article>
+
−
              <header>
+
−
                <figure class="avatar"><img src="../images/demo/avatar.png" alt=""></figure>
+
−
                <address>
+
−
                By <a href="#">A Name</a>
+
−
                </address>
+
−
                <time datetime="2045-04-06T08:15+00:00">Friday, 6<sup>th</sup> April 2045 @08:15:00</time>
+
−
              </header>
+
−
              <div class="comcont">
+
−
                <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
+
−
              </div>
+
−
            </article>
+
−
          </li>
+
−
          <li>
+
−
            <article>
+
−
              <header>
+
−
                <figure class="avatar"><img src="../images/demo/avatar.png" alt=""></figure>
+
−
                <address>
+
−
                By <a href="#">A Name</a>
+
−
                </address>
+
−
                <time datetime="2045-04-06T08:15+00:00">Friday, 6<sup>th</sup> April 2045 @08:15:00</time>
+
−
              </header>
+
−
              <div class="comcont">
+
−
                <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
+
−
              </div>
+
−
            </article>
+
−
          </li>
+
−
          <li>
+
−
            <article>
+
−
              <header>
+
−
                <figure class="avatar"><img src="../images/demo/avatar.png" alt=""></figure>
+
−
                <address>
+
−
                By <a href="#">A Name</a>
+
−
                </address>
+
−
                <time datetime="2045-04-06T08:15+00:00">Friday, 6<sup>th</sup> April 2045 @08:15:00</time>
+
−
              </header>
+
−
              <div class="comcont">
+
−
                <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
+
−
              </div>
+
−
            </article>
+
−
          </li>
+
−
        </ul>
+
−
        <h2>Write A Comment</h2>
+
−
        <form action="#" method="post">
+
−
          <div class="one_third first">
+
−
            <label for="name">Name <span>*</span></label>
+
−
            <input type="text" name="name" id="name" value="" size="22">
+
−
          </div>
+
−
          <div class="one_third">
+
−
            <label for="email">Mail <span>*</span></label>
+
−
            <input type="text" name="email" id="email" value="" size="22">
+
−
          </div>
+
−
          <div class="one_third">
+
−
            <label for="url">Website</label>
+
−
            <input type="text" name="url" id="url" value="" size="22">
+
−
          </div>
+
−
          <div class="block clear">
+
−
            <label for="comment">Your Comment</label>
+
−
            <textarea name="comment" id="comment" cols="25" rows="10"></textarea>
+
−
          </div>
+
−
          <div>
+
−
            <input name="submit" type="submit" value="Submit Form">
+
−
            &nbsp;
+
−
            <input name="reset" type="reset" value="Reset Form">
+
−
          </div>
+
−
        </form>
+
−
      </div>
+
−
      <!-- ################################################################################################ -->
+
−
    </div>
+
−
    <!-- ################################################################################################ -->
+
−
    <!-- ################################################################################################ -->
+
−
    <div class="sidebar one_quarter">
+
−
      <!-- ################################################################################################ -->
+
−
      <h6>Lorem ipsum dolor</h6>
+
−
      <nav class="sdb_holder">
+
−
        <ul>
+
−
          <li><a href="#">Navigation - Level 1</a></li>
+
−
          <li><a href="#">Navigation - Level 1</a>
+
−
            <ul>
+
−
              <li><a href="#">Navigation - Level 2</a></li>
+
−
              <li><a href="#">Navigation - Level 2</a></li>
+
−
            </ul>
+
−
          </li>
+
−
          <li><a href="#">Navigation - Level 1</a>
+
−
            <ul>
+
−
              <li><a href="#">Navigation - Level 2</a></li>
+
−
              <li><a href="#">Navigation - Level 2</a>
+
−
                <ul>
+
−
                  <li><a href="#">Navigation - Level 3</a></li>
+
−
                  <li><a href="#">Navigation - Level 3</a></li>
+
−
                </ul>
+
−
              </li>
+
−
            </ul>
+
−
          </li>
+
−
          <li><a href="#">Navigation - Level 1</a></li>
+
−
        </ul>
+
−
      </nav>
+
−
      <div class="sdb_holder">
+
−
        <h6>Lorem ipsum dolor</h6>
+
−
        <address>
+
−
        Full Name<br>
+
−
        Address Line 1<br>
+
−
        Address Line 2<br>
+
−
        Town/City<br>
+
−
        Postcode/Zip<br>
+
−
        <br>
+
−
        Tel: xxxx xxxx xxxxxx<br>
+
−
        Email: <a href="#">contact@domain.com</a>
+
−
        </address>
+
−
      </div>
+
−
      <div class="sdb_holder">
+
−
        <article>
+
−
          <h6>Lorem ipsum dolor</h6>
+
−
          <p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed.</p>
+
−
          <ul>
+
−
            <li><a href="#">Lorem ipsum dolor sit</a></li>
+
−
            <li>Etiam vel sapien et</li>
+
−
            <li><a href="#">Etiam vel sapien et</a></li>
+
−
          </ul>
+
−
          <p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed. Condimentumsantincidunt dui mattis magna intesque purus orci augue lor nibh.</p>
+
−
          <p class="more"><a href="#">Continue Reading &raquo;</a></p>
+
−
        </article>
+
−
      </div>
+
−
      <!-- ################################################################################################ -->
+
−
    </div>
+
−
    <!-- ################################################################################################ -->
+
−
    <!-- / container body -->
+
−
    <div class="clear"></div>
+
−
  </main>
+
 
</div>
 
</div>
  
  
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<!-- ################################################################################################ -->
 
−
<!-- ################################################################################################ -->
 
−
<!-- ################################################################################################ -->
 
 
<div class="wrapper row4">
 
<div class="wrapper row4">
−
  <figure class="clients">
 
−
    <!-- ################################################################################################ -->
 
−
    <ul class="clear">
 
−
  <li><a href="http://www.insa-toulouse.fr/fr/index.html" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/9/95/TLSE_INSA.png" alt=""></a></li>
 
−
  <li><a href="http://www.insa-toulouse.fr/fr/institution/fondation-insa-toulouse/soutenir-l-insa-toulouse.html" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/0/05/TLSE_INSAFondation.png" alt=""></a></li>
 
−
  <li><a href="http://www.univ-tlse3.fr/" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/9/98/TLSE_UPS.png" alt="" ></a></li>
 
−
  <li><a href="http://www.genotoul.fr/" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/5/56/TLSE_Genotoul.png" alt="" ></a></li>
 
−
  <li><a href="http://www.lisbp.fr/fr/index.html" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/1/17/TLSE_LISBP.png" alt="" ></a></li>
 
−
    </ul>
 
−
  </figure>
 
−
  <figure class="clients">
 
−
    <ul class="clear">
 
−
  <li><a href="http://www.univ-tlse3.fr/la-vie-etudiante-224240.kjsp?RH=1238398834558" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/d/d5/TLSE_DVE.png" alt="" ></a></li>
 
−
  <li><a href="http://www.solvay.fr/fr/index.html" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/5/59/TLSE_UFTMP.png" alt=""></a></li>
 
−
      <li><a href="http://www.consulfrance-losangeles.org/" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/8/86/TLSE_embassade.png" alt="" ></a></li>
 
−
      <li><a href="http://www.toulouse-white-biotechnology.com/" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/1/15/TLSE_TWB.png" alt=""></a></li>
 
−
      <li><a href="http://www.solvay.fr/fr/index.html" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/1/10/TLSE_Solvay.png" alt=""></a></li>
 
−
     
 
−
    </ul>
 
−
    <!-- ################################################################################################ -->
 
−
  </figure>
 
−
 
 
−
  <figure class="clients">
 
−
    <!-- ################################################################################################ -->
 
−
    <ul class="clear">
 
−
  <li><a href="http://www.adisseo.com/" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/e/e9/TLSE_Adisseo.png" alt="" ></a></li>
 
−
      <li><a href="http://www.beeopic.com/fr/" target="_blanc"><img src="https://static.igem.org/mediawiki/2015/c/c4/TLSE_Beeopic.png" alt=""></a></li>
 
−
     
 
−
      <li><a href="http://www.untoitpourlesabeilles.fr/"  target="_blanc"><img src="https://static.igem.org/mediawiki/2015/1/1e/TLSE_UnToitPourLesAbeilles.png" alt=""></a></li>
 
−
      <li><a href="http://www.labeilledecompagnie.fr/"  target="_blanc"><img src="https://static.igem.org/mediawiki/2015/f/fc/TLSE_AbeilleDeCompagnie.png" alt=""></a></li>
 
−
      <li><a href="#"><img src="" alt=""></a></li>
 
−
    </ul>
 
−
    <!-- ################################################################################################ -->
 
−
  </figure>
 
 
</div>
 
</div>
 
<!-- ################################################################################################ -->
 
<!-- ################################################################################################ -->
Line 351: Line 114:
 
     <!-- ################################################################################################ -->
 
     <!-- ################################################################################################ -->
 
     <div class="shout">  
 
     <div class="shout">  
−
      <!-- ################################################################################################ -->
 
−
      <div class="shout-content clear">
 
−
        <p class="fl_left"><center>Sponsoring - <a href="http://fr.ulule.com/apicoli-abeille/">Help us</a></center></p>
 
−
      </div>
 
−
      <!-- ################################################################################################ -->
 
 
     </div>
 
     </div>
 
     <!-- ################################################################################################ -->
 
     <!-- ################################################################################################ -->

Latest revision as of 16:01, 15 July 2015

iGEM Toulouse 2015