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

(Replaced content with "{{ElanVitalKoreaMWlook}} {{ElanVitalKorea}}")
m
Line 1: Line 1:
 
{{ElanVitalKoreaMWlook}}
 
{{ElanVitalKoreaMWlook}}
 
{{ElanVitalKorea}}
 
{{ElanVitalKorea}}
 +
 +
<html>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
    // Cache the Window object
 +
    $window = $(window);
 +
               
 +
  $('section[data-type="background"]').each(function(){
 +
    var $bgobj = $(this); // assigning the object
 +
                   
 +
      $(window).scroll(function() {
 +
                   
 +
        // Scroll the background at var speed
 +
        // the yPos is a negative value because we're scrolling it UP!                               
 +
        var yPos = -($window.scrollTop() / $bgobj.data('speed'));
 +
       
 +
        // Put together our final background position
 +
        var coords = '50% '+ yPos + 'px';
 +
 +
        // Move the background
 +
        $bgobj.css({ backgroundPosition: coords });
 +
       
 +
}); // window scroll Ends
 +
 +
});   
 +
 +
});
 +
/*
 +
* Create HTML5 elements for IE's sake
 +
*/
 +
 +
document.createElement("article");
 +
document.createElement("section");
 +
</script>
 +
<style>
 +
 +
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
 +
 +
body{
 +
    margin:0;
 +
    padding:0;
 +
font-family: 'Open Sans', sans-serif;
 +
}
 +
 +
 +
#home {
 +
    background: url(https://static.igem.org/mediawiki/2015/2/22/TeamBG.png) 50% 0 no-repeat fixed;
 +
    height: 1000px; 
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 +
}
 +
#about {
 +
    background: url(https://static.igem.org/mediawiki/2015/1/1a/ExperimentalBG3.PNG) 50% 0 no-repeat fixed;
 +
    height: 1000px;
 +
    margin: 0 auto;
 +
    width: 100%;
 +
    max-width: 1920px;
 +
    position: relative;
 +
    box-shadow: 0 0 50px rgba(0,0,0,0.8);
 +
}
 +
 +
/* Introduction */
 +
 +
#home article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 +
 +
#about article { background: url("#") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
 +
 +
 +
 +
 +
.galleryItem {
 +
    color: #797478;
 +
    font: 10px/1.5 Verdana, Helvetica, sans-serif;
 +
    float: left;   
 +
    width: 16%;
 +
    margin:  2% 2% 50px 2%;
 +
}
 +
 +
.galleryItem h2 {
 +
    text-transform: uppercase;
 +
}
 +
 +
.galleryItem img {
 +
    max-width: 100%;
 +
    -webkit-border-radius: 5px;
 +
    -moz-border-radius: 5px;
 +
    border-radius: 5px;
 +
}
 +
 +
 +
 +
.center {
 +
  position: absolute;
 +
  margin: auto;
 +
  top: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  left: 0;
 +
  width: 100px;
 +
  height: 100px;
 +
  border-radius: 3px;
 +
}
 +
 +
IMG.displayed {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto; }
 +
 +
h4 {
 +
color:white;
 +
font-size: 24px;
 +
letter-spacing:1px;
 +
line-height:25px;
 +
}
 +
 +
h5{
 +
text-decoration:none;
 +
font-size: 24px;
 +
letter-spacing:1px;
 +
line-height:25px;
 +
}
 +
 +
IMG.igem {
 +
float:right;
 +
width:5%;
 +
margin:20px;
 +
}
 +
 +
</style>
 +
 +
</head>
 +
 +
<body>
 +
    <!-- Section #1 -->
 +
        <section id="home" data-speed="10" data-type="background">
 +
<a href="#"> <img class="igem" src="https://static.igem.org/mediawiki/2015/7/70/IGEM_Logo.gif"></a>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
            <br>
 +
<div class="center;">
 +
                <a href="https://2015.igem.org/Team:elan_vital_korea">
 +
                    <img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d5/ElanVital_Logo.png">
 +
                </a>
 +
 +
                <h4 style="text-align:center;">
 +
                    TEAM <br> -Members-
 +
                </h4>
 +
                    <a href="#myAnchor" rel="" id="anchor1" class="anchorLink"><img class="displayed" src="https://static.igem.org/mediawiki/2015/d/d2/Scroll_arrow.png"></a>
 +
          </div>
 +
          </div>
 +
    </section>
 +
 +
    <!-- Section #2 -->
 +
        <section id="about" data-speed="4" data-type="background">
 +
<h5 style="text-align:center;">
 +
<a name="myAnchor" id="myAnchor"></a><br><br><br>MEMBERS
 +
</h5>
 +
<P style="text-align:center;">
 +
Our team is a small number of people with complementary skills who are committed to <br>
 +
a common purpose, performance goals, and approach for which they hold themselves mutually accountable.
 +
</p>
 +
            <div class="galleryItem">
 +
                <a href="#">
 +
                    <img src="https://static.igem.org/mediawiki/2015/a/a1/Young_Chan_Kim.jpg" alt="">
 +
                </a>
 +
                <h2>Young Chan Kim</h2>
 +
                    <p>Lorem ipsum dolor sit amet...</p>
 +
            </div>
 +
 +
            <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/c/c8/Jihoon_Kang.jpg" alt=""></a>
 +
        <h2>Jihoon Kang</h2>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
            </div>
 +
 +
            <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/8/87/Hyunmin_Park.jpg" alt=""></a>
 +
        <h2>Hyunmin Park</h2>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
            </div>
 +
 +
            <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/3/35/Brittany_Lee.jpg" alt=""></a>
 +
        <h2>Brittany Lee</h2>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
            </div>
 +
 +
            <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/4/4d/Soojung_Lee.jpg" alt=""></a>
 +
        <h2>Soojung Lee</h2>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
            </div>
 +
 +
            <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/f/fd/Seungmeen_choi.jpg" alt=""></a>
 +
        <h2>Seungmeen Choi</h2>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
            </div>
 +
 +
            <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/9/9e/Nuri_Choi.jpg" alt=""></a>
 +
        <h2>Nuri Choi</h2>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
            </div>
 +
 +
            <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/4/40/Songeun_Lee.jpg" alt=""></a>
 +
        <h2>Songeun Lee</h2>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
            </div>
 +
 +
            <div class="galleryItem">
 +
        <a href="#"><img src="https://static.igem.org/mediawiki/2015/9/97/Suzi_Lee.jpg" alt=""></a>
 +
        <h2>Sooji Lee</h2>
 +
        <p>Lorem ipsum dolor sit amet...</p>
 +
            </div>
 +
</div>
 +
 +
</section>
 +
 +
<script>
 +
$('a').click(function(){
 +
    $('html, body').animate({
 +
        scrollTop: $( $(this).attr('href') ).offset().top
 +
    }, 500);
 +
    return false;
 +
});
 +
</script>
 +
 +
</body>
 +
 +
</html>

Revision as of 09:14, 7 September 2015








TEAM
-Members-




MEMBERS

Our team is a small number of people with complementary skills who are committed to
a common purpose, performance goals, and approach for which they hold themselves mutually accountable.

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...

Sooji Lee

Lorem ipsum dolor sit amet...