Difference between revisions of "Team:IONIS-PARIS"

 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{IONIS-PARIS}}
 
 
{{ionis-paris-menu-template}}
 
{{ionis-paris-menu-template}}
 
<html>
 
<html>
 
<style>
 
  
.igem_2017_menu_wrapper {
+
<style media="screen">
    display: none;
+
}               
+
  
#sideMenu,
+
/* Vrac */
#top_title {
+
 
    display: none;
+
hr {
 +
  opacity: 1 !important;
 +
  margin: 0 !important;
 
}
 
}
  
#content {
+
.parallax-bandeau {
    width: 100vw;
+
  height: 250px !important;
    padding: 0px;
+
    border: none;
+
    color: black;
+
    margin-left: auto;
+
    margin-right: auto;
+
    background-color: #fff;
+
    position: relative;
+
 
}
 
}
  
#globalWrapper {
+
/* First page */
    font-size: inherit;
+
 
    padding-bottom: 0;
+
.first-page {
 +
  width: 100vw;
 +
  height: 100vh;
 +
  background: url('https://static.igem.org/mediawiki/2017/d/d9/Ionis-paris-feuille.png') no-repeat center center fixed;
 +
  background-size: contain;
 
}
 
}
  
#top_menu_under {
+
.first-page {
     height: 0px;
+
  color: #fff;
 +
  text-align: center;
 +
  background-size: cover;
 +
}
 +
 
 +
.logo-softer-shock {
 +
  display: block;
 +
  width: 180px;
 +
  text-align: center;
 +
  margin:auto;
 +
  padding-top: 12%;
 +
  margin-bottom: 70px;
 +
}
 +
 
 +
/* Second page */
 +
 
 +
.softer-shock-gif {
 +
  width: 100%;
 +
  filter: brightness(102%);
 +
}
 +
/* Third page */
 +
 
 +
.third-page, .third-page .links {
 +
  position: relative;
 +
}
 +
 
 +
.grape-img {
 +
  display: block;
 +
  width: 65%;
 +
  height: auto;
 +
  margin: auto;
 +
  padding: 5%;
 +
}
 +
 
 +
.link {
 +
  position: absolute;
 +
}
 +
 
 +
.link a {
 +
  font-size: 15px;
 +
  color: #fff;
 +
}
 +
 
 +
@media screen and (max-width: 1400px) {
 +
  .link a {
 +
     font-size: 12px;
 +
  }
 +
}
 +
 
 +
@media screen and (max-width: 1100px) {
 +
  .link a {
 +
    font-size: 10px;
 +
  }
 +
}
 +
 
 +
#link1 {
 +
  top: 19%;
 +
  left: 41%;
 +
}
 +
 
 +
#link2 {
 +
  top: 25%;
 +
  left: 50%;
 +
}
 +
 
 +
#link3 {
 +
  top: 29%;
 +
  left: 35%;
 +
}
 +
 
 +
#link4 {
 +
  top: 36%;
 +
  left: 38%;
 +
}
 +
 
 +
#link5 {
 +
  top: 40%;
 +
  left: 46.5%;
 +
}
 +
 
 +
#link6 {
 +
  top: 43%;
 +
  left: 56%;
 +
}
 +
 
 +
#link7 {
 +
  top: 53%;
 +
  left: 33%;
 +
}
 +
 
 +
#link8 {
 +
  top: 56%;
 +
  left: 48.5%;
 +
}
 +
 
 +
#link9 {
 +
  top: 61%;
 +
  left: 25%;
 +
}
 +
 
 +
#link10 {
 +
  top: 72%;
 +
  left: 39.5%;
 +
}
 +
 
 +
/* Fourth page */
 +
 
 +
.arbre {
 +
  width: 60%;
 +
  margin-left: 10%;
 +
  padding: 5%;
 +
}
 +
 
 +
.grape-link img {
 +
  position: absolute;
 +
  width: 64px;
 +
  height: auto;
 +
}
 +
 
 +
#grape1 {
 +
  top: 10%;
 +
  left: 50%;
 
}
 
}
  
 
</style>
 
</style>
 +
 +
<body>
 +
  <div class="index-container">
 +
    <div class="row">
 +
      <div class="col-md-12">
 +
        <div class="first-page">
 +
          <img class="logo-softer-shock" src="https://static.igem.org/mediawiki/2017/thumb/8/89/Ionis-paris-softer-shock-logo.png/300px-Ionis-paris-softer-shock-logo.png" alt="logo softer shock">
 +
          <div class="header-citation">
 +
            <h1>
 +
              <span class="orange-text">Biological thermo-responsive solution,</span>
 +
              <span class="blue-text">that reduces the plant’s thermal stresses</span>
 +
            </h1>
 +
          </div>
 +
        </div>
 +
        <div class="second-page">
 +
          <img class="softer-shock-gif centered" src="https://static.igem.org/mediawiki/2017/a/a2/Ionis-paris-softer-shock-gif.gif">
 +
        </div>
 +
        <hr>
 +
  <div class="parallax-bandeau" style="background-image: url('https://static.igem.org/mediawiki/2017/d/d9/Ionis-paris-2017-page_accueil_vignes.jpeg')"></div>
 +
<hr>
 +
        <div class="third-page centered">
 +
          <div class="links">
 +
            <img class="grape-img" src="https://static.igem.org/mediawiki/2017/f/fb/Ionis-paris-hp-team.jpg">
 +
            <p id="link1" class="link"><a href="https://2017.igem.org/Team:IONIS-PARIS/applied-design/overview"><b>Aplied Design</b><br>&<br>reports</a></p>
 +
            <p id="link2" class="link"><a href="https://2017.igem.org/Team:IONIS-PARIS/hp/society-law-gmos">Interactions<br>with<br><b>WINEMAKERS</b></a></p>
 +
            <p id="link3" class="link"><a href="https://2017.igem.org/Team:IONIS-PARIS/Modeling/dsbox-amilcp"><b>MODEL</b><br>analysis</a></p>
 +
            <p id="link4" class="link"><a href="https://softer-shock-map.herokuapp.com/index.html"><br><b>GLOBAL<br>GMO</b><br>perception</a></p>
 +
            <p id="link5" class="link"><a href="https://2017.igem.org/Team:IONIS-PARIS/hp/society-law-gmos">Interplay<br>with<br><b>EXPERTS</b></a></p>
 +
            <p id="link6" class="link"><a href="https://2017.igem.org/Team:IONIS-PARIS/applied-design/risk-assessment"><b>TOXIC<br>&<br>ECOTOXIC</b><br>studies</a></p>
 +
            <p id="link7" class="link"><a href="https://2017.igem.org/Team:IONIS-PARIS/hp/public-outreach">Scientific<br><b>VULGARISATION</b></a></p>
 +
            <p id="link8" class="link"><a href="https://2017.igem.org/Team:IONIS-PARIS/Entrepreneurship/perspectives">Work on a<br><b>CONFINE SYSTEM</b></a></p>
 +
            <p id="link9" class="link"><a href="https://2017.igem.org/Team:IONIS-PARIS/Entrepreneurship/overview"><b>ENTREPRENEURSHIP<br>approach</b></a></p>
 +
            <p id="link10" class="link"><a href="https://2017.igem.org/Team:IONIS-PARIS/applied-design/risk-avoidance"><b>SAFETY<br>issues</b></a></p-->
 +
            </div>
 +
          </div>                   
 +
        </div>
 +
      </div>
 +
    </div>
 +
  <div class="parallax-bandeau" style="background-image: url('https://static.igem.org/mediawiki/2017/d/d9/Ionis-paris-2017-page_accueil_vignes.jpeg')"></div>
 +
<div class="marged centered">
 +
<p class="marged colored-container" style="width: 80%"> This year we won the Gold Medal and we have been nominated for « Best food & nutrition project », « Best new composite part » and « Best education & public engagement ». </p>
 +
<img src="https://static.igem.org/mediawiki/2017/7/7e/23897319_10156260159773455_620536653_o.jpg" width="60%"/>  <img class="marged" src="https://static.igem.org/mediawiki/2017/a/aa/23559573_10156683206278368_8246229539405394992_n.jpg" width="60%"/> </div>
 +
  </body>
 +
 +
<script type="text/javascript" src="https://2017.igem.org/Template:Ionis-paris-javascript-template?action=raw&ctype=text/javascript"></script>
 +
 
</html>
 
</html>
 +
{{IONIS-PARIS-footer}}

Latest revision as of 23:19, 23 November 2017

Back to top

This year we won the Gold Medal and we have been nominated for « Best food & nutrition project », « Best new composite part » and « Best education & public engagement ».

Igem ionis

Is an association created by Sup’Biotech student in 2015. Since this first participation, two teams (2015 and 2016) won the gold medal and several nominations: « Best presentation », « Best applied design », and « Best environmental project ».
The strength of the IGEM IONIS comes from its multidisciplinarity and its complementarity.

This year we are 20 members from different schools:
18 students from Sup’Biotech
1 student from e-artsup
1 student from Epita
Read more …

Follow us



keep IN TOUCH

Location: 66 Rue Guy Môquet
94800 Villejuif, France

Email: igem.ionis@gmail.com