(24 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{ionis-paris-menu-template}} |
<html> | <html> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <style media="screen"> | |
− | + | ||
− | + | /* Vrac */ | |
− | + | ||
− | + | hr { | |
− | + | opacity: 1 !important; | |
− | + | margin: 0 !important; | |
− | + | } | |
− | + | ||
− | + | .parallax-bandeau { | |
− | + | height: 250px !important; | |
− | + | } | |
− | + | ||
− | + | /* First page */ | |
− | + | ||
− | + | .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; | |
− | + | } | |
− | + | ||
− | + | .first-page { | |
− | + | 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> | ||
+ | |||
+ | <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
Biological thermo-responsive solution, that reduces the plant’s thermal stresses
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’Biotech1 student from e-artsup1 student from EpitaRead more …
keep IN TOUCH
Location: 66 Rue Guy Môquet94800 Villejuif, France
Email: igem.ionis@gmail.com