Difference between revisions of "Team:elan vital korea/Members"

Line 5: Line 5:
  
 
<style>
 
<style>
−
#container {
+
.container {
−
margin: 0% auto;
+
    width: 80%;
−
boarder: 0px;
+
    margin: 30px auto;
−
padding: 0px;
+
    overflow: hidden;
−
float: left;
+
−
display: table-cell;
+
−
width: 100%;
+
−
position: relative;
+
 
}
 
}
  
−
.image_grid {
+
.galleryItem {
−
float:left;
+
    color: #797478;
−
overflow:hidden;
+
    font: 10px/1.5 Verdana, Helvetica, sans-serif;
−
width:100%;
+
    float: left;    
−
position:relative;
+
    width: 16%;
−
display: table-cell;
+
    margin: 2% 2% 50px 2%;  
−
boarder:0px;
+
−
margin: 0px;`
+
−
vertical-align: middle;
+
−
 
+
 
}
 
}
−
 
+
−
.image_grid li{
+
.galleryItem h3 {
−
float: left;
+
    text-transform: uppercase;
−
line-height: 17px;
+
−
color: #686f74;
+
−
list-style:none;
+
−
overflow:hidden;
+
−
text-align:center;
+
−
+
 
}
 
}
−
 
+
−
.list{
+
.galleryItem img {
−
float:left;
+
    max-width: 100%;
−
width:100%;
+
    -webkit-border-radius: 5px;
−
margin:0;
+
    -moz-border-radius: 5px;
−
padding:0;
+
    border-radius: 5px;
−
}
+
−
.list li{
+
−
display:inline;
+
−
margin-right:0px;
+
−
float:left;
+
−
margin-bottom:0px;
+
−
}
+
−
.list li.last{
+
−
margin-right:px;
+
−
}
+
−
/* Portolio Hover */
+
−
.da-thumbs li ,
+
−
.da-thumbs li  img {
+
−
display: block;
+
−
position: relative;
+
−
}
+
−
.da-thumbs li  {
+
−
overflow: hidden;
+
−
}
+
−
.da-thumbs li  article {
+
−
position: absolute;
+
−
background-image:url(images/image_hover.png);
+
−
background-repeat:repeat;
+
−
width: 100%;
+
−
height: 100%;
+
−
}
+
−
.da-thumbs li  article.da-animate {
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease-in-out;
+
−
-o-transition: all 0.4s ease-in-out;
+
−
-ms-transition: all 0.4s ease-in-out;
+
−
transition: all 0.4s ease-in-out;
+
 
}
 
}
  
Line 89: Line 43:
  
 
<div id="container">         
 
<div id="container">         
−
<div class="freshdesignweb">   
+
<div class="container">
−
<!-- Portfolio 4 Column start -->
+
     <div class="galleryItem">
−
     <div class="image_grid portfolio_4col">
+
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
−
    <ul style="height: 495px;" id="list" class="portfolio_list da-thumbs">
+
        <h3>Title</h3>
−
    <li> <img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt="img"> </li>
+
        <p>Lorem ipsum dolor sit amet...</p>
−
    <li> <img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt="img"> </li>
+
    </div>
−
    <li> <img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt="img"> </li>
+
−
    <li> <img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt="img"> </li>
+
    <div class="galleryItem">
−
    <li> <img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt="img"> </li>
+
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
−
    <li> <img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt="img"> </li>
+
        <h3>Title</h3>
−
</ul>
+
        <p>Lorem ipsum dolor sit amet...</p>
−
</div>
+
    </div>
 +
 
 +
    <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
 +
        <h3>Title</h3>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
    </div>
 +
 
 +
    <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
 +
        <h3>Title</h3>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
    </div>
 +
 
  
 
</html>
 
</html>

Revision as of 12:46, 27 August 2015

Title

Lorem ipsum dolor sit amet...

Title

Lorem ipsum dolor sit amet...

Title

Lorem ipsum dolor sit amet...

Title

Lorem ipsum dolor sit amet...