Difference between revisions of "Team:IONIS-PARIS"

Line 1: Line 1:
 
{{ionis-paris-menu-template}}
 
{{ionis-paris-menu-template}}
 
<html>
 
<html>
−
<div>Heeeeeey</div>
+
 
 +
<style media="screen">
 +
 
 +
/* Vrac */
 +
 
 +
hr {
 +
  opacity: 1 !important;
 +
  margin: 0 !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: 20%;
 +
  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="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>
 +
  </body>
  
 
<script type="text/javascript" src="https://2017.igem.org/Template:Ionis-paris-javascript-template?
 
<script type="text/javascript" src="https://2017.igem.org/Template:Ionis-paris-javascript-template?

Revision as of 23:17, 1 November 2017

Back to top
logo softer shock

Biological thermo-responsive solution, that reduces the plant’s thermal stresses