Difference between revisions of "Team:KoreaSonyeodul/Team"

m
Line 1: Line 1:
 
{{KoreaSonyeodul}}
 
{{KoreaSonyeodul}}
−
<html>
+
<html lang="en">
 +
  <head>
 +
    <style>
 +
      #wrap {width: 60%; margin: auto;}
 +
      body{
 +
      margin: 0;
 +
      background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png');
 +
      background-size: 100%;
 +
      background-repeat: no-repeat;
 +
      background-attachment: top;
 +
      }
 +
      <!--mainTitle-->
 +
      .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;}
 +
      .site {width: 100%}
 +
      .site h1 {
 +
      margin-top: 250px;
 +
      color: #ffffff;
 +
      text-decoration: none;
 +
      font-size: 80px;
 +
      height: 35px;
 +
      background-color: rgba(255, 255, 255, 0.0);}
 +
      .site h2 {margin-top: 0; position: relative; margin-bottom: 300px; padding-bottom: 100px;
 +
      font-size: 50px;
 +
      color: #ffffff;
 +
      height: 30px;
 +
      }
 +
<!--AlignCenterCode-->
 +
      .site {width: 1000px; margin-left: auto; margin-right: auto;}
  
 +
      <!--TitleBoxContent-->
 +
      .titleContent {height: auto; padding-top: 100px;}
 +
      .titleContent h1 {font-size: 30px;}
 +
      .titleContent p {font-size: 25px; font-family: Roboto;}
 +
      .titleContent2 {width: 680px; height: 460px; margin: auto; padding-top: 50px;}
 +
<!--Member-->
 +
      .member {clear: both;}
 +
      .memberImage {float: left; width: 50%; clear: left; height: 350px;}
 +
      .memberDescription {float: left; width: 50%;}
 +
      .memberDescription h1 {padding-left: 10px; border-left: solid 10px #c50018; font-size: 36px; font-family: Roboto; font-weight: Bold;}
 +
      <!--FadeIn-->
 +
      @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  
 +
      body {padding: 0; margin: 0; background-color: #333;}
  
−
<div class="column full_size" >
+
      .container {position: fixed; top: 25%; left: 25%;}
  
−
<h5>Resolutions of each team member</h5>
+
      @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 +
      @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 +
      @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  
 +
      .fade-in {
 +
      opacity:0;  /* make things invisible upon start */
 +
      -webkit-animation:fadeIn ease-in 1;
 +
      -moz-animation:fadeIn ease-in 1;
 +
      animation:fadeIn ease-in 1;
  
−
</div>
+
      -webkit-animation-fill-mode:forwards;
 +
      -moz-animation-fill-mode:forwards;
 +
      animation-fill-mode:forwards;
  
−
<div class="column half_size" >
+
      -webkit-animation-duration:1s;
−
<ul>
+
      -moz-animation-duration:1s;
−
<li>Heesun Sim: </li>
+
      animation-duration:1s;
−
<li>Jungeun Huh: </li>
+
      }
−
<li>Jimin Sun: </li>
+
−
<li>Seohyeon Kang: </li>
+
−
<li>Seunghee Han: </li>
+
−
<li>Soomin Lee: </li>
+
−
<li>Yemi Shin: </li>
+
−
</ul>
+
  
−
</div>
+
      .fade-in.one {
 +
      -webkit-animation-delay: 0.7s;
 +
      -moz-animation-delay: 0.7s;
 +
      animation-delay: 0.7s;
 +
      }
  
 +
      .fade-in.two {
 +
      -webkit-animation-delay: 1.2s;
 +
      -moz-animation-delay:1.2s;
 +
      animation-delay: 1.2s;
 +
      }
 +
      .fade-in.two.first {
 +
      -webkit-animation-delay: 1.5s;
 +
      -moz-animation-delay:1.5s;
 +
      animation-delay: 1.5s;
 +
      }
 +
      .fade-in.two.second {
 +
      -webkit-animation-delay: 1.8s;
 +
      -moz-animation-delay:1.8s;
 +
      animation-delay: 1.8s;
 +
      }
 +
      .fade-in.two.third {
 +
      -webkit-animation-delay: 2.1s;
 +
      -moz-animation-delay:2.1s;
 +
      animation-delay: 2.1s;
 +
      }
 +
      .fade-in.two.fourth {
 +
      -webkit-animation-delay: 2.4s;
 +
      -moz-animation-delay:2.4s;
 +
      animation-delay: 2.4s;
 +
      }
 +
      .fade-in.two.fifth {
 +
      -webkit-animation-delay: 2.7s;
 +
      -moz-animation-delay:2.7s;
 +
      animation-delay: 2.7s;
 +
      }
 +
      .fade-in.two.sixth {
 +
      -webkit-animation-delay: 3.0s;
 +
      -moz-animation-delay:3.0s;
 +
      animation-delay: 3.0s;
 +
      }
  
 +
      .fade-in.three {
 +
      -webkit-animation-delay: 3.5s;
 +
      -moz-animation-delay: 3.5s;
 +
      animation-delay: 3.5s;
 +
      }
  
 +
    </style>
 +
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link>
 +
  <!-- <link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet"></link> --> <!--일단잠금-->
 +
    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 +
      <meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
 +
    </link>
 +
  </head>
  
 +
  <body>
 +
 +
    <!--Title-->
 +
 +
    <div class="box fade-in one">
 +
      <div id="" align="center">
 +
        <div id="fontlight" class="site">
 +
          <h1>
 +
            <font face="Roboto" weight="200">TEAM</font>
 +
          </h1>
 +
          <h2>
 +
            <font face="Roboto">Main Subtitle</font>
 +
          </h2>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
 +
    <!--TitleBoxes-->
 +
    <div id="wrap">
 +
      <div class="box fade-in two">
 +
        <div class="BriefEx">
 +
          <h1>Team Ex</h1>
 +
          <p>
 +
            Explanation about our team
 +
          </p>
 +
        </div>
 +
       
 +
        <div class="TeamMembers">     
 +
          <div class="box fade-in two first">
 +
            <div class="member SoominLee">
 +
              <div class="memberImage">
 +
                <img src="https://static.igem.org/mediawiki/2016/6/69/T--KoreaSonyeodul--No_Image.png"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Soomin Lee</h1>
 +
              </div>
 +
            </div>
 +
          </div>
 +
 +
          <div class="box fade-in two second">
 +
            <div class="member HeesunSim">
 +
              <div class="memberImage">
 +
                <img src="https://static.igem.org/mediawiki/2016/6/69/T--KoreaSonyeodul--No_Image.png"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Heesun Sim</h1>
 +
              </div>
 +
            </div>
 +
          </div>
 +
 +
          <div class="box fade-in two third">
 +
            <div class="member JiminSun">
 +
              <div class="memberImage">
 +
                <img src="https://static.igem.org/mediawiki/2016/6/69/T--KoreaSonyeodul--No_Image.png"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Jimin Sun</h1>
 +
              </div>
 +
            </div>
 +
          </div>
 +
 +
          <div class="box fade-in two fourth">
 +
            <div class="member JungeunHuh">
 +
              <div class="memberImage">
 +
                <img src="https://static.igem.org/mediawiki/2016/6/69/T--KoreaSonyeodul--No_Image.png"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Jungeun Huh</h1>
 +
              </div>
 +
            </div>
 +
          </div>
 +
 +
          <div class="box fade-in two fifth">
 +
            <div class="member SeohyeonKang">
 +
              <div class="memberImage">
 +
                <img src="https://static.igem.org/mediawiki/2016/6/69/T--KoreaSonyeodul--No_Image.png"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Seohyeon Kang</h1>
 +
              </div>
 +
            </div>
 +
          </div>
 +
 +
          <div class="box fade-in two sixth">
 +
            <div class="member SeungheeHan">
 +
              <div class="memberImage">
 +
                <img src="https://static.igem.org/mediawiki/2016/6/69/T--KoreaSonyeodul--No_Image.png"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Seunghee Han</h1>
 +
              </div>
 +
            </div>
 +
          </div>
 +
 +
          <div class="box fade-in two-one">
 +
            <div class="member YemiShin">
 +
              <div class="memberImage">
 +
                <img src="https://static.igem.org/mediawiki/2016/6/69/T--KoreaSonyeodul--No_Image.png"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Yemi Shin</h1>
 +
              </div>
 +
            </div>
 +
          </div>
 +
         
 +
         
 +
        </div>
 +
       
 +
       
 +
      </div>
 +
 +
 +
      <!--OtherTitleBoxes-->
 +
      <div class="box fade-in three">
 +
 +
      </div>
 +
      <!--EndOfWrap-->
 +
      <!--Footer-->
 +
    </div>
 +
  </body>
 
</html>
 
</html>

Revision as of 07:01, 4 September 2016

TEAM

Main Subtitle

Team Ex

Explanation about our team

Soomin Lee

Heesun Sim

Jimin Sun

Jungeun Huh

Seohyeon Kang

Seunghee Han

Yemi Shin