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

Line 1: Line 1:
−
{{Elanvitalkorea}}
 
 
{{ElanVitalKoreaMWlook}}
 
{{ElanVitalKoreaMWlook}}
 +
{{ElanVitalKorea}}
  
 
<html>
 
<html>
−
 
+
<head>
 
<style>
 
<style>
 +
 +
 +
<!-- Member Thumbnail--!>
  
 
html, body, #container { height: 100%; }
 
html, body, #container { height: 100%; }
 
body > #container { height: auto; min-height: 100%; }
 
body > #container { height: auto; min-height: 100%; }
−
 
  
 
.container {
 
.container {
 
     width: 100%;
 
     width: 100%;
−
height:100%
+
    height:100%;
 
     margin: 0px auto;
 
     margin: 0px auto;
 
     overflow: hidden;
 
     overflow: hidden;
−
    background-color:#808080;
 
 
}
 
}
  
Line 23: Line 24:
 
     float: left;     
 
     float: left;     
 
     width: 16%;
 
     width: 16%;
−
     margin:  2% 2% 50px 2%;  
+
     margin:  2% 2% 50px 2%;
 
}
 
}
 
   
 
   
Line 44: Line 45:
 
  margin-top: -3em;
 
  margin-top: -3em;
 
}
 
}
 +
 +
 +
h6 {
 +
color:white;
 +
font-size:16px;
 +
line-height:22px;
 +
}
 +
 +
h3 {
 +
color:white;
 +
font-size:36px;
 +
text-transform: uppercase;
 +
letter-spacing: 1px;
 +
}
 +
 +
p {
 +
color:white;
 +
font-size: 12px;
 +
}
 +
 +
 +
#center {
 +
  /*Centering Method 2*/
 +
    margin: 0px auto;
 +
  left: 50%;
 +
  top: 50%;
 +
margin-top:10%;
 +
margin-bottom:5%;
 +
}
 +
 +
 +
img.displayed {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    height: auto;
 +
    width: auto;
 +
    max-width: 300px;
 +
    max-height: 300px;
 +
}
 +
 +
h4 {
 +
color:white;
 +
letter-spacing:2px;
 +
font-size: 24px;
 +
}
 +
 +
a:link {
 +
    text-decoration: none;
 +
}
 +
 +
a:visited {
 +
    text-decoration: none;
 +
}
 +
 +
a:hover {
 +
    text-decoration: none;
 +
}
 +
 +
a:active {
 +
    text-decoration: none;
 +
}
 +
 +
body {
 +
  /* Location of the image */
 +
  background-image: url(https://static.igem.org/mediawiki/2015/archive/2/24/20150829203509!ElanVital_Bg.png);
 +
  background-repeat: no-repeat; 
 +
  background-attachment: scroll; 
 +
  background-position: 0% 0%;
 +
  background-size: contain;
 +
    background-color:#808080;
 +
}
 +
 +
 +
  
 
</style>
 
</style>
 +
</head>
 +
<body>
 +
<div id="center">
 +
<a href=#"><img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d5/ElanVital_Logo.png"></a>
 +
 +
<br>
 +
<br>
 +
<br>
 +
<br><br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 +
<h4 style="text-align:center;">
 +
MEMBERS <br>
 +
</h4>
 +
 +
 +
<a href="#myAnchor" rel="" id="anchor1" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d2/Scroll_arrow.png" width="1.8%;" height="1.8%;" ></a>
 +
</div>
 +
 +
  
  
−
<script>
 
−
jQuery(document).ready(function(){
 
−
jQuery(function() {
 
−
jQuery('ul.da-thumbs > li').hoverdir();
 
−
});
 
−
});
 
−
</script>
 
  
  
Line 60: Line 152:
 
<div class="container">
 
<div class="container">
  
−
<h3 style="text-align: center;">
+
<a name="myAnchor" id="myAnchor"></a>
 +
<div id="footer"></div>
 +
 
 +
 
 +
<br><br><br>
 +
 
 +
<h3 style="text-align:center;">
 
Members
 
Members
 
</h3>
 
</h3>
 +
 +
<h6 style="text-align:center;">
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque ec eros laoreet, <br>
 +
mollis egestas urna fringilla. Cras tempus est nec ante interdum, eu iaculis ipstum.<br>
 +
Suspendisse sed tincidunt nulla, vel luctus neque. Pellentesque a augue et leo eget nisi. <br>
 +
Ut id sapien turpis. Aenean mi nunc, consectetur eu turpis vel, consequat lobort
 +
</h6>
 
     <div class="galleryItem">
 
     <div class="galleryItem">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/a/a1/Young_Chan_Kim.jpg" alt=""></a>
−
         <h2>Title</h2>
+
         <h2>Young Chan Kim</h2>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
     </div>
 
     </div>
 
   
 
   
 
     <div class="galleryItem">
 
     <div class="galleryItem">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c8/Jihoon_Kang.jpg" alt=""></a>
−
         <h2>Title</h2>
+
         <h2>Jihoon Kang</h2>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
     </div>
 
     </div>
  
 
     <div class="galleryItem">
 
     <div class="galleryItem">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/8/87/Hyunmin_Park.jpg" alt=""></a>
−
         <h2>Title</h2>
+
         <h2>Hyunmin Park</h2>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
     </div>
 
     </div>
  
 
     <div class="galleryItem">
 
     <div class="galleryItem">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/3/35/Brittany_Lee.jpg" alt=""></a>
−
         <h2>Title</h2>
+
         <h2>Brittany Lee</h2>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
     </div>
 
     </div>
  
 
     <div class="galleryItem">
 
     <div class="galleryItem">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/4/4d/Soojung_Lee.jpg" alt=""></a>
−
         <h2>Title</h2>
+
         <h2>Soojung Lee</h2>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
     </div>
 
     </div>
 
   
 
   
 
     <div class="galleryItem">
 
     <div class="galleryItem">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/f/fd/Seungmeen_choi.jpg" alt=""></a>
−
         <h2>Title</h2>
+
         <h2>Seungmeen Choi</h2>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
     </div>
 
     </div>
  
 
     <div class="galleryItem">
 
     <div class="galleryItem">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/9/9e/Nuri_Choi.jpg" alt=""></a>
−
         <h2>Title</h2>
+
         <h2>Nuri Choi</h2>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
     </div>
 
     </div>
  
 
     <div class="galleryItem">
 
     <div class="galleryItem">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/4/40/Songeun_Lee.jpg" alt=""></a>
−
         <h2>Title</h2>
+
         <h2>Songeun Lee</h2>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
     </div>
 
     </div>
  
 
     <div class="galleryItem">
 
     <div class="galleryItem">
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
         <a href="#"><img src="https://static.igem.org/mediawiki/2015/9/97/Suzi_Lee.jpg" alt=""></a>
−
         <h2>Title</h2>
+
         <h2>Suzi Lee</h2>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
         <p>Lorem ipsum dolor sit amet...</p>
 
     </div>
 
     </div>
  
−
    <div class="galleryItem">
+
</body>
−
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c5/Profile_01.JPG" alt=""></a>
+
−
        <h2>Title</h2>
+
−
        <p>Lorem ipsum dolor sit amet...</p>
+
−
    </div>
+
  
  
−
<div id="footer"></div>
 
  
 +
<script>
 +
$('a').click(function(){
 +
    $('html, body').animate({
 +
        scrollTop: $( $(this).attr('href') ).offset().top
 +
    }, 500);
 +
    return false;
 +
});
 +
</script>
  
 
</html>
 
</html>

Revision as of 11:18, 31 August 2015










MEMBERS




Members

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque ec eros laoreet,
mollis egestas urna fringilla. Cras tempus est nec ante interdum, eu iaculis ipstum.
Suspendisse sed tincidunt nulla, vel luctus neque. Pellentesque a augue et leo eget nisi.
Ut id sapien turpis. Aenean mi nunc, consectetur eu turpis vel, consequat lobort

Young Chan Kim

Lorem ipsum dolor sit amet...

Jihoon Kang

Lorem ipsum dolor sit amet...

Hyunmin Park

Lorem ipsum dolor sit amet...

Brittany Lee

Lorem ipsum dolor sit amet...

Soojung Lee

Lorem ipsum dolor sit amet...

Seungmeen Choi

Lorem ipsum dolor sit amet...

Nuri Choi

Lorem ipsum dolor sit amet...

Songeun Lee

Lorem ipsum dolor sit amet...

Suzi Lee

Lorem ipsum dolor sit amet...