Difference between revisions of "Team:elan vital korea"

 
(6 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
// Cache the Window object
+
    // Cache the Window object
$window = $(window);
+
    $window = $(window);
 
                  
 
                  
 
   $('section[data-type="background"]').each(function(){
 
   $('section[data-type="background"]').each(function(){
Line 15: Line 15:
 
       $(window).scroll(function() {
 
       $(window).scroll(function() {
 
                      
 
                      
// Scroll the background at var speed
+
        // Scroll the background at var speed
// the yPos is a negative value because we're scrolling it UP!
+
        // the yPos is a negative value because we're scrolling it UP!                              
var yPos = -($window.scrollTop() / $bgobj.data('speed'));  
+
        var yPos = -($window.scrollTop() / $bgobj.data('speed'));
+
       
// Put together our final background position
+
        // Put together our final background position
var coords = '50% '+ yPos + 'px';
+
        var coords = '50% '+ yPos + 'px';
  
// Move the background
+
        // Move the background
$bgobj.css({ backgroundPosition: coords });
+
        $bgobj.css({ backgroundPosition: coords });
+
       
 
}); // window scroll Ends
 
}); // window scroll Ends
  
  });
+
  });  
  
});  
+
});
/*  
+
/*
 
  * Create HTML5 elements for IE's sake
 
  * Create HTML5 elements for IE's sake
 
  */
 
  */
Line 39: Line 39:
 
<style>
 
<style>
 
body{
 
body{
margin:0;
+
    margin:0;
padding:0;
+
    padding:0;
 
}
 
}
  
  
#home {  
+
#home {
background: url(https://static.igem.org/mediawiki/2015/archive/2/24/20150829203509!ElanVital_Bg.png) 50% 0 no-repeat fixed;  
+
    background: url(https://static.igem.org/mediawiki/2015/archive/2/24/20150829203509!ElanVital_Bg.png) 50% 0 no-repeat fixed;
height: 1000px;   
+
    height: 1000px;   
margin: 0 auto;  
+
    margin: 0 auto;
     width: 100%;  
+
     width: 100%;
     max-width: 1920px;  
+
     max-width: 1920px;
     position: relative;  
+
     position: relative;
 
     box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
     box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
}
 
}
#about {  
+
#about {
background: url(https://static.igem.org/mediawiki/2015/2/28/Elan_Vital_solidbg.JPG) 50% 0 no-repeat fixed;  
+
    background: url(https://static.igem.org/mediawiki/2015/2/28/Elan_Vital_solidbg.JPG) 50% 0 no-repeat fixed;
height: 1000px;
+
    height: 1000px;
margin: 0 auto;  
+
    margin: 0 auto;
     width: 100%;  
+
     width: 100%;
     max-width: 1920px;  
+
     max-width: 1920px;
     position: relative;  
+
     position: relative;
 
     box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
     box-shadow: 0 0 50px rgba(0,0,0,0.8);
 
}
 
}
Line 122: Line 122:
 
letter-spacing:1px;
 
letter-spacing:1px;
 
line-height:25px;
 
line-height:25px;
 +
}
 +
 +
 +
IMG.igem {
 +
float:right;
 +
width:5%;
 +
margin:20px;
 
}
 
}
  
Line 131: Line 138:
 
     <!-- Section #1 -->
 
     <!-- Section #1 -->
 
         <section id="home" data-speed="10" data-type="background">
 
         <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>
Line 146: Line 153:
  
 
                 <h4 style="text-align:center;">
 
                 <h4 style="text-align:center;">
                     TEAM <br> -MEMBERS-
+
                     HOME <br>
 
                 </h4>
 
                 </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>
+
 
           </div>
 
           </div>
 
     </section>
 
     </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>Suzi Lee</h2>
 
        <p>Lorem ipsum dolor sit amet...</p>
 
            </div>
 
</div>
 
 
</section>
 
  
 
<script>
 
<script>

Latest revision as of 09:13, 7 September 2015








HOME