Difference between revisions of "Team:INSA-UPS France"

Line 1: Line 1:
−
{{INSA-UPS_France/Links_new}}
 
−
{{INSA-UPS_France/Style_new}}
 
−
{{INSA-UPS_France/Header_new}}
 
−
 
 
<html>
 
<html>
  
−
<style>  
+
<style>
  
−
/* HOME SECTIONS */
+
.js-sticky {
−
.home_section {
+
   position: fixed;
−
   vertical-align: middle;
+
   display:block;
−
   box-sizing: border-box;
+
   left: 0;
−
   text-align: justify;
+
  right: 0;
−
   min-height: 100vh;
+
  top: 0;
 +
  bottom: auto;
 +
}
 +
.site-header {
 +
  background: #323537;
 +
   padding: 1.25em 0;
 +
  z-index:100;
 +
}
 +
.site-header > .container {
 +
  height:50px;
 
     display: -webkit-box;
 
     display: -webkit-box;
 
     display: -ms-flexbox;
 
     display: -ms-flexbox;
 
   display: flex;
 
   display: flex;
−
     -webkit-box-orient: vertical;
+
     -webkit-box-pack: justify;
−
    -webkit-box-direction: normal;
+
     -ms-flex-pack: justify;
−
     -ms-flex-direction: column;
+
   justify-content: space-between;
−
   flex-direction: column;
+
     -webkit-box-align: center;
−
     -webkit-box-pack: center;
+
     -ms-flex-align: center;
−
     -ms-flex-pack: center;
+
   align-items: center;
−
   justify-content: center;
+
 
}
 
}
−
.home_section h1{
+
 
−
   margin-left: 5%;
+
.site-header__title {
−
    font-family: 'Quicksand', sans-serif;
+
   vertical-align: middle;
−
    font-size: 30pt;
+
  margin: 0;
−
   }
+
  color: #eee;
−
.home {
+
   text-decoration: none;
−
   background: white url("https://static.igem.org/mediawiki/2017/archive/5/5c/20171002220813%21T--INSA-UPS_France--home.png") no-repeat 50% 50%;
+
   font: 700 1.5em/1.25 "Quicksand", sans-serif;
−
   background-size: cover;
+
   text-align: center;
 
}
 
}
−
.content_0 {
+
.site-header__logo{
−
   background: #f3ead7 no-repeat 50% 50%;
+
   margin-left:20px;
−
  background-size: cover;
+
 
}
 
}
−
.content_1 {
+
 
−
   background: #99c18e no-repeat 50% 50%;
+
.site-header__title:hover,
−
  background-size: cover;
+
.site-header__title:focus {
 +
   color: #99c18e;
 
}
 
}
−
.content_2 {
+
.site-menu__item {
−
   background: #f3ead7 no-repeat 50% 50%;
+
   color: #eee;
−
   background-size: cover;
+
  text-decoration: none;
 +
   font: 300 0.8em "Quicksand", sans-serif;
 +
  display:inline-block;
 
}
 
}
−
.content_3{
+
.cat_name{
−
   background: #99c18e no-repeat 50% 50%;
+
   text-transform: uppercase;
−
   background-size: cover;
+
   cursor: pointer;
 
}
 
}
−
.content_4{
+
.site-menu__item:hover,
−
   background: #323537 no-repeat 50% 50%;
+
.site-menu__item:focus {
−
   background-size: cover;
+
   color: #99c18e;
 +
}
 +
.site-menu__item{
 +
  display:none;
 +
  position:relative;
 +
  width:12%;
 +
}
 +
.site-menu__item#scroll_down{
 +
   display:inline-block;
 +
  text-align: center;
 +
}
 +
.js-sticky .site-menu__item{
 +
  display:inline-block;
 +
}
 +
.js-sticky .site-menu__item#scroll_down{
 +
  display:none;
 +
}
 +
.js-sticky nav.site-menu{
 +
  height:100%;
 +
  width:60%;
 
}
 
}
−
</style>
 
  
 +
.cat_name{
 +
  line-height: 50px;
 +
  height:50px;
 +
}
 +
.site-menu__item.no-subnav{
 +
  width:auto;
 +
}
  
−
   <main class="site-main">
+
ul.subnav{
 +
   position:absolute;
 +
  top:70px;
 +
  right:0px;
 +
  background:#323537;
 +
  width:100%;
 +
  max-height:0;
 +
  overflow: hidden;
 +
  transition: max-height 400ms ease;
 +
}
 +
ul.subnav li{
 +
  list-style-type: none;
 +
  padding:10px;
 +
}
 +
.site-menu__item a, .site-menu__item a:visited, .site-menu__item a:active{
 +
  text-decoration: none;
 +
  color:white;
 +
}
 +
.site-menu__item a:hover{
 +
  color: #99c18e;
 +
}
  
−
    <section class="home_section home" id="home" style="position:relative;">
+
/* HAMBURGER RESPONSIVE MENU */
−
      <div class="container">
+
  
−
      <!-- FIRST IMAGE TO ANIMATE -->
+
.hamburger{
−
      <div style="text-align: center;">
+
  display:none;
−
        <div style="width:100%;position:absolute; top:50pt;font-size:60pt;font-weight:700;">
+
  color:#eee;
−
        Croc'n Cholera
+
  cursor:pointer;
−
        </div>
+
}
−
        <div style="width:100%;position:absolute;font-size:40pt; color:#295a7f;top:120pt;">
+
.hamburger:hover, .hamburger:active, .hamburger:focus{
−
        A synthetic microbial consortium
+
  color:#99c18e;
−
        </div>
+
}
−
       </div>
+
.site-menu.show-nav{
 +
  display:block;
 +
  width:400px !important;
 +
  background:#323537;
 +
  position:fixed;
 +
  top:90px;
 +
  right:0;
 +
}
 +
.site-menu.show-nav .site-menu__item{
 +
  display:block;
 +
  width:100%;
 +
}
 +
.site-menu.show-nav .subnav{
 +
  display:block;
 +
  position:static;
 +
  max-height: 0px;
 +
}
 +
.site-menu.show-nav .subnav.show-subnav{
 +
  max-height:1000px;
 +
}
 +
 
 +
@media screen and (max-width: 1300px){
 +
  .hamburger{
 +
      display:block;
 +
      margin-right:20px;
 +
    }
 +
    .site-menu{
 +
       display: none;
 +
    }
 +
}
 +
</style>
  
−
      </div>
+
<header class="site-header js-sticky">  
−
    </section>
+
  
−
     <style>
+
     <div class="container" style="position:relative; ">
 +
    <a href="#" class="site-header__logo">
 +
      <img src="https://static.igem.org/mediawiki/2017/2/2a/T--INSA-UPS_France--Logo.png" alt="" style="width:70px;">
 +
    </a>
 +
    <div class="site-header__title">
 +
    Croc'n Cholera <br/>
 +
    <span style="font-size:12pt;">iGEM UPS-INSA Toulouse 2017</span>
 +
    </div>
  
−
      #progress-bar_container{
+
    <nav class="site-menu" style="text-align: center;">
−
        width:90%;
+
−
        height:200px;
+
−
        margin:0px auto;
+
−
        position:relative;
+
−
        margin-top:-200px;
+
−
      }
+
−
      #progress-bar{
+
−
        width:100%;
+
−
        height:50px;
+
−
        background: white;
+
−
        border-radius:40px;
+
−
        position:absolute;
+
−
        top:75px;
+
−
        z-index:0;
+
−
      }
+
−
      #progress-bar_inner{
+
−
        width:95%;
+
−
        height: 40px;
+
−
        background: #78b6cf;
+
−
        position:relative;
+
−
        top:5px;
+
−
        left:5px;
+
−
        border-radius: 40px;
+
−
        z-index:10;
+
−
      }
+
−
      .progress-point{
+
−
        width:50px;
+
−
        height:50px;
+
−
        border-radius:50px;
+
−
        background: #1f4861;
+
−
        z-index:20;
+
−
        position:absolute;
+
−
        top:0px;
+
−
        left:0px;
+
−
        font-size:20pt;
+
−
      }
+
−
      .progress-point.point-1{
+
−
        left:5px;
+
−
      }
+
−
      .progress-point.point-1:before{
+
−
        content:'1999';
+
−
        color:#1f4861;
+
−
        position:absolute;
+
−
        top:-40px;
+
−
        font-weight:bold;
+
−
        left:0px;
+
−
 
+
−
      }
+
−
      .progress-point.point-2{
+
−
        left:30%;
+
−
      }
+
−
      .progress-point.point-2:after{
+
−
        content:'2003';
+
−
        color:#1f4861;
+
−
        position:absolute;
+
−
        top:50px;
+
−
        font-weight:bold;
+
−
        left:0px;
+
−
      }
+
−
      .progress-point.point-3{
+
−
        left:60%;
+
−
      }
+
−
      .progress-point.point-3:after{
+
−
        content:'2010';
+
−
        color:#1f4861;
+
−
        position:absolute;
+
−
        top:-40px;
+
−
        font-weight:bold;
+
−
        left:0px;
+
−
      }
+
−
      .progress-point.point-4{
+
−
        left:90%;
+
−
      }
+
−
      .progress-point.point-4:after{
+
−
        content:'now';
+
−
        color:#1f4861;
+
−
        position:absolute;
+
−
        top:50px;
+
−
        font-weight:bold;
+
−
        left:0px;
+
−
      }
+
−
      .bubble{
+
−
        width:40%;
+
−
        height:180px;
+
−
        background: white;
+
−
        position:absolute;
+
−
        border-radius:10px;
+
−
        display:flex;
+
−
        justify-content:center;
+
−
        align-items:center;
+
−
      }
+
−
      .bubble p{
+
−
        text-align: center;
+
−
      }
+
−
      .bubble p, .bubble ul{
+
−
        margin:30px;
+
−
        font-family: 'Merriweather', serif;
+
−
        font-size:2.1vw;
+
−
 
+
−
      }
+
−
      @media screen and (min-width: 1000px) {
+
−
        .bubble p, .bubble ul {
+
−
          font-size: 18pt;
+
−
        }
+
−
      }
+
−
      .bubble ul li{
+
−
        list-style-position: inside;
+
−
      }
+
−
      #bubble-1{
+
−
        left:5px;
+
−
        bottom:-160px;
+
−
      }
+
−
      #bubble-1:after{
+
−
        content:'';
+
−
        border-left: 20px solid transparent;
+
−
        border-right: 20px solid transparent;
+
−
        border-bottom: 20px solid white;
+
−
        position:absolute;
+
−
        bottom:100%;
+
−
        left:4%;
+
−
        width:0;
+
−
        height:0;
+
−
      }
+
 
        
 
        
−
       #bubble-2{
+
       <div class="site-menu__item no-subnav">
−
        left:5%;
+
         <a href="https://2017.igem.org/Team:INSA-UPS_France"><i class="fa fa-home"></i></a>
−
        top:-160px;
+
      </div>
−
      }
+
      <div class="site-menu__item">
−
      #bubble-2:after{
+
        <div class="cat_name">Team <i class="fa fa-caret-down"></i></div>
−
        content:'';
+
        <ul class="subnav">
−
        border-left: 20px solid transparent;
+
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Team">Members</a></li>
−
        border-right: 20px solid transparent;
+
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Supports">Supports</a></li>
−
        border-top: 20px solid white;
+
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Attributions">Attributions</a></li>
−
        position:absolute;
+
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Collaborations">Collaborations</a></li>
−
        top:100%;
+
        </ul>
−
        left:65%;
+
      </div>
−
        width:0;
+
      <div class="site-menu__item">
−
        height:0;
+
         <div class="cat_name">Strategy <i class="fa fa-caret-down"></i></div>
−
      }
+
         <ul class="subnav">
−
      #bubble-3{
+
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Description">Description</a></li>
−
        left:50%;
+
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Design">Design</a></li>
−
        bottom:-160px;
+
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Parts">Parts</a></li>
−
      }
+
         </ul>
−
      #bubble-3:after{
+
−
        content:'';
+
−
        border-left: 20px solid transparent;
+
−
        border-right: 20px solid transparent;
+
−
        border-bottom: 20px solid white;
+
−
        position:absolute;
+
−
        bottom:100%;
+
−
        left:25%;
+
−
        width:0;
+
−
        height:0;
+
−
      }
+
−
      #bubble-4{
+
−
        right:0;
+
−
        top:-160px;
+
−
      }
+
−
      #bubble-4:after{
+
−
        content:'';
+
−
        border-left: 20px solid transparent;
+
−
        border-right: 20px solid transparent;
+
−
        border-top: 20px solid white;
+
−
        position:absolute;
+
−
        top:100%;
+
−
        right:15%;
+
−
        width:0;
+
−
        height:0;
+
−
      }
+
−
 
+
−
 
+
−
      #content_0{
+
−
        justify-content: space-around;
+
−
      }
+
−
    </style>
+
−
 
+
−
 
+
−
   
+
−
    <section class="home_section content_0" id="content_0">
+
−
 
+
−
         <div>
+
−
          <h1>Multiorganism approach: a new challenge for Synthetic Biology</h1>
+
−
        </div>
+
−
        <div id="progress-bar_container">
+
−
          <div id="progress-bar">
+
−
            <div id="progress-bar_inner">
+
−
              &nbsp;
+
−
            </div>
+
−
            <div class="progress-point point-1"></div>
+
−
            <div class="progress-point point-2"></div>
+
−
            <div class="progress-point point-3"></div>
+
−
            <div class="progress-point point-4"></div>
+
−
          </div>
+
−
          <div class="bubble" id="bubble-1">
+
−
            <p>First steps of synthetic biology</p>
+
−
           </div>
+
−
          <div class="bubble" id="bubble-2">
+
−
            <p>First edition of the iGEM competition</p>
+
−
           </div>
+
−
          <div class="bubble" id="bubble-3">
+
−
            <p>Boolean algebra in <i>E. coli</i></p>
+
−
           </div>
+
−
          <div class="bubble" id="bubble-4">
+
−
            <p style="margin-bottom: 0 !important;">Current challenges:</p>
+
−
            <ul style="margin-top: 0 !important;">
+
−
              <li>Cell-free</li>
+
−
              <li>De novo life</li>
+
−
              <li>Multi organisms</li>
+
−
              </ul>
+
−
          </div>
+
−
        </div>
+
−
 
+
−
    </section>
+
−
 
+
−
    <style>
+
−
      #content_1 table{
+
−
         width:90%;
+
−
        margin:0px auto;
+
−
        margin-top:100px;
+
−
      }
+
−
      #content_1 table tr td{
+
−
        text-align: center;
+
−
        padding:5px;
+
−
      }
+
−
      #content_1 table tr td img{
+
−
        width:100%;
+
−
        max-width: 270px;
+
−
      }
+
−
      #content_1 table tr td{
+
−
        font-family:'Merriweather', serif;
+
−
        font-size: 20pt;
+
−
      }
+
−
      #content_1 h1{
+
−
        margin-left:5%;
+
−
        font-family: 'Quicksand', sans-serif;
+
−
        font-size:30pt;
+
−
        margin:top:0;
+
−
      }
+
−
     
+
−
    </style>
+
−
 
+
−
 
+
−
    <section class="home_section content_1" id="content_1">
+
−
      <h1>Biodiversity entails a lot of possibilities...</h1>
+
−
      <table>
+
−
         <tr>
+
−
           <td><img src="https://static.igem.org/mediawiki/2017/a/af/T--INSA-UPS_France--home_quorum.png" alt=""></td>
+
−
           <td><img src="https://static.igem.org/mediawiki/2017/c/cd/T--INSA-UPS_France--home_light.png" alt=""></td>
+
−
          <td><img src="https://static.igem.org/mediawiki/2017/8/82/T--INSA-UPS_France--home_proteins.png" alt=""></td>
+
−
           <td><img src="https://static.igem.org/mediawiki/2017/0/01/T--INSA-UPS_France--home_thermo.png" alt=""></td>
+
−
        </tr>
+
−
         <tr>
+
−
          <td>Quorum sensing</td>
+
−
          <td>Light sensitive</td>
+
−
          <td>Proteins secretion</td>
+
−
          <td>High thermostability</td>
+
−
        </tr>
+
−
      </table>
+
−
    </section>
+
−
 
+
−
    <style>
+
−
      #content_2, #content_3{
+
−
        text-align: center;
+
−
        display:flex;
+
−
        flex-direction: row;
+
−
      }
+
−
      .block{
+
−
        width:50%;
+
−
        display:flex;
+
−
        justify-content:center;
+
−
        align-items:center;
+
−
      }
+
−
      .block img{
+
−
        width:90%;
+
−
        margin:0 auto;
+
−
        max-width: 600px;
+
−
      }
+
−
      .text_block h1{
+
−
        font-family: 'Quicksand', sans-serif;
+
−
        font-size:3.5vw;
+
−
        font-weight:700;
+
−
      }
+
−
      .text_block p{
+
−
        font-family:'Merriweather', serif;
+
−
        text-align: justify;
+
−
        font-size:2.2vw;
+
−
        margin:40px 40px;
+
−
      }
+
−
     
+
−
      @media screen and (min-width: 1000px) {
+
−
        .text_block p {
+
−
          font-size: 20px;
+
−
          margin:100px;
+
−
        }
+
−
        .text_block h1{
+
−
          font-size:38px;
+
−
        }
+
−
      }
+
−
 
+
−
    </style>
+
−
 
+
−
    <section class="home_section content_2" id="content_2">
+
−
      <div class="block">
+
−
      <div class="block_content">
+
−
        <img src="https://static.igem.org/mediawiki/2017/8/88/T--INSA-UPS_France--home_blupuriloop.png" alt="" class="img_home">
+
 
       </div>
 
       </div>
 +
      <div class="site-menu__item">
 +
        <div class="cat_name">Model <i class="fa fa-caret-down"></i></div>
 +
        <ul class="subnav">
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Model">Overview</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Model/Simulation">Simulation</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Model/Analysis">Analysis</a></li>
 +
<li><a href="https://2017.igem.org/Team:INSA-UPS_France/Model/Interface">Interface</a></li>
 +
        </ul>
 +
      </div>
 +
      <div class="site-menu__item">
 +
        <div class="cat_name">Realisation <i class="fa fa-caret-down"></i></div>
 +
        <ul class="subnav">
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Experiments">Overview</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Notebook">Notebook</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Experiments/Clonings">Clonings</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Results">Results</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Safety">Safety</a></li>
 +
        </ul>
 +
      </div>
 +
      <div class="site-menu__item">
 +
        <div class="cat_name">Outreach <i class="fa fa-caret-down"></i></div>
 +
        <ul class="subnav">
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Human_Practices">Human Practices</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Engagement">Public Engagement</a></li>
 +
         
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Microbioworld">Microbioworld</a></li>
 +
        </ul>
 
       </div>
 
       </div>
−
      <div class="block text_block">
 
−
      <div class="block_content">
 
−
        <h1>What if they could communicate?</h1>
 
−
        <p>
 
−
          The living world offers a lot of possibilities, but their use is still limited in synthetic biology.
 
−
        </p>
 
−
        <p>
 
−
          Our idea is about taking advantages of the characteristics of single microorganisms by making them communicate with each other to get the appropriate response.
 
−
        </p>
 
−
      </div> 
 
−
      </div> 
 
−
     
 
−
    </section>
 
  
 +
<div class="site-menu__item">
 +
        <div class="cat_name">Application <i class="fa fa-caret-down"></i></div>
 +
        <ul class="subnav">
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Applied_Design">Applied Design</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/HP/Silver">Silver</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/HP/Gold_Integrated">Ethics</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship">Entrepreneurship</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Testimonies">Testimonies</a></li>
 +
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Device">Device Conception</a></li>
 +
         
 +
        </ul>
 +
      </div>
  
  
−
    <section class="home_section content_3" id="content_3">
+
      <div class="site-menu__item no-subnav">
−
 
+
        <a href="achievements.html"><i class="fa fa-trophy"></i></a>
−
      <div class="block text_block">
+
−
      <div class="block_content">
+
−
        <h1>Our proof of concept : a fight against cholera</h1>
+
−
        <p>
+
−
          <i>V. cholerae</i> is responsible for cholera, a disease that contaminates water and affects people in developing countries, war zones and natural disaster zones.
+
−
        </p>
+
−
        <p>
+
−
        Our project is about creating a multi organisms system that is able to sense and wipe cholera out in contaminated water.
+
−
        </p>
+
−
      </div> 
+
−
      </div> 
+
−
 
+
−
      <div class="block">
+
−
      <div class="block_content">
+
−
        <img src="https://static.igem.org/mediawiki/2017/archive/b/bc/20171003092137%21T--INSA-UPS_France--home_blupuriloop_crocncholera.png" alt="" class="img_home">
+
 
       </div>
 
       </div>
−
      </div>
 
−
 
−
     
 
−
    </section>
 
−
 
−
    <style>
 
−
      #content_4 h1{
 
−
        color: #eee;
 
−
      }
 
−
      .icons_contact{ 
 
−
        display:inline-block;
 
−
        margin:40px 0;
 
−
        text-align: center;
 
−
      }
 
−
 
−
      .icons_contact > a{
 
−
        color:black;
 
−
        margin:10px;
 
−
        text-shadow:2px 2px 0px white;
 
−
      }
 
−
 
−
      #fbIcon:hover{
 
−
        color:#3b5998;
 
−
        text-shadow:2px 2px 0 #000000;
 
−
      }
 
−
 
−
      #twitterIcon:hover{
 
−
        color:#55acee;
 
−
        text-shadow:2px 2px 0 #000000;
 
−
      }
 
−
 
−
      #contactIcon:hover{
 
−
        color:#e5e5e5;
 
−
        text-shadow:2px 2px 0 #000000;
 
−
      }
 
−
      #instaIcon:hover{
 
−
        color:#8a3ab9;
 
−
        text-shadow:2px 2px 0 #000000;
 
−
      }
 
−
      .sponsors{
 
−
        text-align: center;
 
−
      }
 
−
      .sponsors img{
 
−
        max-height:70px;
 
−
        display:inline-block;
 
−
        margin:10px;
 
−
        opacity:0.5;
 
−
      }
 
−
      .sponsors img:hover{
 
−
        opacity:1;
 
−
      }
 
−
    </style>
 
−
 
−
 
−
    <section class="home_section content_4" id="content_4">
 
−
 
−
        <h1>Feel free to contact us or follow us on social media: </h1>
 
−
        <div class="icons_contact">
 
−
          <a id="fbIcon" href="https://www.facebook.com/IGEM-Toulouse-1604834019761538/?fref=ts"><i class="fa fa-facebook fa-4x"></i></a>
 
−
      <a id="twitterIcon" href="https://twitter.com/iGEM_Toulouse"><i class="fa fa-twitter fa-4x"></i></a>
 
−
      <a id="instaIcon" href="https://www.instagram.com/igem_toulouse/"><i class="fa fa-instagram fa-4x"></i></a>
 
−
      <a id="contactIcon" href="mailto:igem.toulouse@gmail.com"><i class="fa fa-envelope fa-4x"></i></a> 
 
−
        </div>
 
−
        <h1>We want to thank all our sponsors: </h1>
 
−
        <div class="sponsors">
 
−
          <a href="http://www.lisbp.fr/en/index.html"><img src="https://static.igem.org/mediawiki/2017/3/3e/T--INSA-UPS_France--Logo_lisbp.png" alt=""></a>
 
−
          <a href="http://www.toulouse-white-biotechnology.com/en/"><img src="https://static.igem.org/mediawiki/2017/5/56/T--INSA-UPS_France--Logo_twb.png" alt=""></a>
 
−
          <a href="http://fondation.insa-lyon.fr/"><img src="https://static.igem.org/mediawiki/2017/6/6d/T--INSA-UPS_France--Logo_fondationinsal.png" alt=""></a>
 
−
          <a href="https://fr-fr.facebook.com/insaadnconceptclub/"><img src="https://static.igem.org/mediawiki/2017/b/b7/T--INSA-UPS_France--Logo_ia2c.png" alt=""></a>
 
−
          <a href="http://www.biomerieux.com/en"><img src="https://static.igem.org/mediawiki/2017/8/83/T--INSA-UPS_France--Logo_biomerieux.png" alt=""></a>
 
−
          <a href="http://www.sunwaterlife.com/en/"><img src="https://static.igem.org/mediawiki/2017/0/09/T--INSA-UPS_France--Logo_sunwaterlife.png" style="width:150px;" alt=""></a>
 
−
          <a href="http://www.univ-tlse3.fr/home/home-page-en-379161.kjsp?RH=ACCUEIL"><img src="https://static.igem.org/mediawiki/2017/2/28/T--INSA-UPS_France--Logo_ups.png" alt=""></a>
 
−
          <a href="http://www.fsi.univ-tlse3.fr/"><img src="https://static.igem.org/mediawiki/2017/a/ab/T--INSA-UPS_France--Logo_fsi.png" alt=""></a>
 
−
          <a href="https://www.kbs-frb.be/"><img src="https://static.igem.org/mediawiki/2017/c/cf/T--INSA-UPS_France--Logo_ernestsolvay.png" alt=""></a>
 
−
          <a href="http://www.insa-toulouse.fr/fr/institution/fondation-insa-toulouse.html#"><img src="https://static.igem.org/mediawiki/2017/6/62/T--INSA-UPS_France--Logo_fondationinsat.png" alt=""></a>
 
−
      <a href="http://www.adisseo.com/en/"><img src="https://static.igem.org/mediawiki/2017/9/96/T--INSA-UPS_France--Logo_adisseo.png" alt=""></a>
 
−
      <a href="http://www.insa-toulouse.fr/fr/index.html"><img src="https://static.igem.org/mediawiki/2017/2/2d/T--INSA-UPS_France--Logo_insatoulouse.png" style="width:150px;" alt=""></a>
 
−
      <a href="https://www.veolia.com/en"><img src="https://static.igem.org/mediawiki/2017/9/91/T--INSA-UPS_France--Logo_veolia.png" alt=""></a>
 
−
      <a href="https://www.france-science.org/-Homepage-English-.html"><img src="https://static.igem.org/mediawiki/2017/1/1a/T--INSA-UPS_France--Logo_ambassade.jpg" alt=""></a>
 
−
      <a href="http://www.univ-tlse3.fr/associations-+/do-you-have-a-project--378066.kjsp?RH=1238417866394"><img src="https://static.igem.org/mediawiki/2017/5/5b/T--INSA-UPS_France--Logo_fsdie.png" alt=""></a>
 
−
      <a href="http://en.univ-toulouse.fr/our-strengths"><img src="https://static.igem.org/mediawiki/2017/9/93/T--INSA-UPS_France--Logo_fsie.jpg" alt=""></a>
 
−
 
−
 
−
      <a href="https://www.crous-toulouse.fr/english/"><img src="https://static.igem.org/mediawiki/2017/3/37/T--INSA-UPS_France--Logo_crous.png" alt=""></a>
 
−
        </div>
 
−
 
−
 
−
     
 
−
    </section>
 
  
 +
      </nav>
 +
      <i class="fa fa-navicon fa-2x icon hamburger"></i>
 +
    </div>
 +
  </header>
  
  
−
  </main>
 
  
−
<!-- C O N T E N T -->
 
  
 
</html>
 
</html>
−
{{INSA-UPS_France/General_script}}
 
−
{{INSA-UPS_France/Header_script}}
 

Revision as of 12:31, 27 October 2017

Croc'n Cholera
iGEM UPS-INSA Toulouse 2017