Difference between revisions of "Team:Pasteur Paris/Meet-up"

Line 22: Line 22:
 
}
 
}
  
 +
.demo-2 {
 +
    position:relative;
 +
    width:40%;
 +
    height:300px;
 +
    overflow:hidden;
 +
    float:left;
 +
    margin-left:10%;
 +
    background-color:#DF5939 ;
 +
    list-style-type: none;
 +
     
 +
}
 +
.demo-2 p,.demo-2 h3 {
 +
    color:#fff;
 +
    padding:10px;
 +
    left:10%;
 +
    top:20px;
 +
    position:relative.
 +
 +
}
 +
.demo-2 p {
 +
    font-family:'Lato';
 +
    font-size:12px;
 +
    line-height:18px;
 +
    margin:0
 +
    list-style-type: none;
 +
}
 +
 +
.demo-2 h3 {
 +
    font-size:20px;
 +
    line-height:24px;
 +
    margin:0;
 +
    font-family:'Lato'
 +
}
 +
.effect img {
 +
    position:absolute;
 +
    left:0;
 +
    bottom:0;
 +
    cursor:pointer;
 +
    margin:-12px 0;
 +
    -webkit-transition:bottom .3s ease-in-out;
 +
    -moz-transition:bottom .3s ease-in-out;
 +
    -o-transition:bottom .3s ease-in-out;
 +
    transition:bottom .3s ease-in-out
 +
}
 +
.effect img.top:hover {
 +
    bottom:-80px;
 +
    padding-top:100px
 +
}
 +
h3.zero,p.zero {
 +
    margin:0;
 +
    padding:0;
 +
    display:block;
 +
    font-size: 30px;
 +
    font-family: 'Oswald', Arial, sans-serif;
 +
    color:#FFF;
 +
}
 +
 +
.demo-3 {
 +
    position:relative;
 +
    width:40%;
 +
    height:300px;
 +
    overflow:hidden;
 +
    float:left;
 +
    margin-left:10%;
 +
    background-color:#DF5939 ;
 +
    list-style-type: none;
 +
     
 +
}
 +
.demo-3 p,.demo-3 h4 {
 +
    color:#fff;
 +
    padding:10px;
 +
    left:10%;
 +
    top:20px;
 +
    position:relative
 +
}
 +
.demo-3 p {
 +
    font-family:'Lato';
 +
    font-size:12px;
 +
    line-height:18px;
 +
    margin:0
 +
}
 +
 +
.demo-3 h4 {
 +
    font-size:20px;
 +
    line-height:24px;
 +
    margin:0;
 +
    font-family:'Lato'
 +
}
 +
 +
 +
h4.zero {
 +
    margin:0;
 +
    padding:0;
 +
    display:block;
 +
    font-size: 30px;
 +
    font-family: 'Oswald', Arial, sans-serif;
 +
    color:#FFF;
 +
}
  
 
</style>
 
</style>
Line 28: Line 126:
 
<h1><B>Meet-up</B></h1>
 
<h1><B>Meet-up</B></h1>
 
   
 
   
 +
<ul class="demo-2 effect">
 +
    <li>
 +
      <h3 class="zero">Meet-up Ile-de-France</h3>
 +
    </li>
 +
    <li><img class="top" src="https://static.igem.org/mediawiki/2016/c/cd/IDF_groupe_Pasteur.jpg" width=100% alt=""/></li>
 +
 
 +
</ul>
 +
 +
<ul class="demo-3 effect">
 +
    <li>
 +
      <h4 class="zero">The European experience</h4>
 +
    </li>
 +
    <li><img class="top" src="https://static.igem.org/mediawiki/2016/1/1b/06.06_The_EE2.jpg" width=100% alt=""/></li>
 +
 
 +
</ul>
 +
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 23:03, 4 October 2016