Difference between revisions of "Template:KoreaSonyeodul"

Line 1: Line 1:
−
<html>
+
{{KoreaSonyeodul}}<html lang="en">
−
<head>
+
  <head>
 +
    <style>
 +
      #wrap {width: 50%; 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;}
  
−
<style type="text/css">
+
      <!--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-->
 +
      .wrap img {display:block; margin: auto;}
 +
.TeamPic {margin-bottom:50px;}
 +
      .BriefEx p {!important; font-size: 15px;}
 +
.BriefEx h1 {
 +
font-weight: bold; font-size: 30px; line-height: 1.3em;
 +
}
 +
.BriefEx h2 {
 +
font-weight: normal; font-size: 25px; line-height: 1.3em;
 +
}
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #sideMenu, #top_title,#table,
+
      .member {clear: both;}
−
#HQ_page_logo, .printfooter, .firstHeading, .visualClear {
+
      .memberImage {float: left; width: 50%; clear: left; height: 350px;}
−
display: none;
+
      .memberdescription {float: left; width: 50%;}
−
}
+
      .memberdescription h1 {padding-left: 20px; border-left: solid 20px #c50018; font-size: 36px; font-family: Roboto; font-weight: normal; height: 20px;}
−
#wrapper {width: 25%; margin: auto;}
+
      <!--FadeIn-->
−
#top-section {
+
      @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
−
border: 0 none;
+
−
height: 10px;
+
−
z-index: 100;
+
−
top: 0;
+
−
position: fixed;
+
−
width: 975px;
+
−
left: 50%;
+
−
margin-left: -487px;
+
−
}
+
  
−
#globalWrapper, #content {
+
      body {padding: 0; margin: 0; background-color: #333;}
−
width: 100%;
+
−
height: 100%;
+
−
border: 0px;
+
−
background-color: transparent;
+
−
margin: 0;
+
−
padding: 0px;
+
−
font-size: 100%;
+
−
}
+
−
* {margin:0; padding:0;}
+
−
html, body, .wrapper {
+
−
width: 100%;
+
−
height: 100%;
+
−
background-color: transparent;
+
−
}
+
  
 +
      .container {position: fixed; top: 25%; left: 25%;}
  
−
<head>
+
      @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
−
<style type="text/css">
+
      @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 +
      @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  
−
<!--navigation-->
+
       .fade-in {
−
.navigation {margin:0;
+
       opacity:0; /* make things invisible upon start */
−
padding:0;
+
       -webkit-animation:fadeIn ease-in 1;
−
list-style-type:none;}
+
       -moz-animation:fadeIn ease-in 1;
−
.navigationBackground {width:100%; height: 60px; background: rgba(255,255,255,0.2); position: fixed; top: 25px; left:0; right:0; z-index:999}
+
       animation:fadeIn ease-in 1;
−
       .navigation ul {
+
−
z-index:1000;
+
−
      position: fixed;
+
−
top: 25px;
+
−
      list-style:none;
+
−
      }
+
−
      .navigation li a {display: block;
+
−
       padding: 10px;
+
−
       color: #ffffff;
+
−
      font-size: 20px;
+
−
      text-decoration: none;
+
−
text-shadow: 1px 1px 10px gray;
+
−
       }
+
−
      .navigation ul li {list-style: none;}
+
−
      .navigation li a:hover {background-color: #eeeeee}
+
−
      .navigation ul:after {content:"";
+
−
       display: block;
+
−
      clear: both}
+
−
      .navigation li {display:block;
+
−
width:200px;/
+
−
height:30px;
+
−
line-height:30px;
+
  
−
text-decoration:none;
+
      -webkit-animation-fill-mode:forwards;
−
text-indent:100px;
+
      -moz-animation-fill-mode:forwards;
 +
      animation-fill-mode:forwards;
 +
 
 +
      -webkit-animation-duration:1s;
 +
      -moz-animation-duration:1s;
 +
      animation-duration:1s;
 
       }
 
       }
−
      .navigation ul ul {display: none;
 
−
 
  
 +
      .fade-in.one {
 +
      -webkit-animation-delay: 0.7s;
 +
      -moz-animation-delay: 0.7s;
 +
      animation-delay: 0.7s;
 
       }
 
       }
−
      .navigation>ul>li:hover ul{
 
−
      display:block; width:auto; height:auto; color: #ffffff;
 
−
      position: absolute; left:0; top:30px; list-style: none;
 
  
 +
      .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;
 
       }
 
       }
−
      .navigation li li a {float: left; }
 
−
      .navigation li li{width:auto; height:auto; background-color:none; text-align:center;}
 
  
−
       body{
+
       .fade-in.three {
−
       margin: 0;
+
       -webkit-animation-delay: 3.5s;
−
      background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png');
+
       -moz-animation-delay: 3.5s;
−
       background-size: 100%;
+
       animation-delay: 3.5s;
−
      background-repeat: no-repeat;
+
−
       background-attachment: top;
+
 
       }
 
       }
  
−
</style>
+
    </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="TeamPic">
 +
          <img src="https://static.igem.org/mediawiki/2016/6/66/T--KoreaSonyeodul--TMG3.jpg" width="950"></img>
 +
        </div>
 +
        <div class="BriefEx">
 +
          <h1>HAFS is...</h1>
 +
          <h2>
 +
            &nbsp;&nbsp;&nbsp;Hankuk Academy of Foreign Studies is a private boarding school located in the northern part of Yongin, South Korea, and is the first Korean high school formed by a collaboration between the government and the university. It is one of the most prestigious boarding schools in Korea, renowned for its high academic level and successful college admission results.<br/><br/><br/><br/>
 +
          </h2>
 +
        </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/7/7d/T--KoreaSonyeodul--TM4.png" width="300px" height="300px"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Soomin Lee</h1>
 +
<h2>Team Manager/Lab participant</h2>
 +
              </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/e/e7/T--KoreaSonyeodul--TM2.png" width="300px" height="300px"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Heesun Sim</h1>
 +
<h2>Wiki/Design manager</h2>
 +
              </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/1/1b/T--KoreaSonyeodul--TM7.png" width="300px" height="300px"></img>
 +
              </div>
 +
              <div class="memberdescription">
 +
                <h1>Jimin Sun</h1>
 +
<h2>Fundraise manager/Mealworm observer<br/><br/>
 +
I will try to passionately involve in the research and experiment. I will actively engage in not only the planning stage, but also in demonstrating the experiment. Also, I will deliberately review and plan the experiment in order to have an achieved result with active collaboration between our team members.</h2>
  
 +
              </div>
 +
            </div>
 +
          </div>
  
−
<meta name= "viewport" content = "initial-scale=1.0, width= device-width">
+
          <div class="box fade-in two fourth">
−
</head>
+
            <div class="member JungeunHuh">
−
<body>
+
              <div class="memberImage">
−
<div class="navigationBackground">
+
                <img src="https://static.igem.org/mediawiki/2016/thumb/6/66/T--KoreaSonyeodul--TM1.png/600px-T--KoreaSonyeodul--TM1.png" width="300px" height="300px"></img>
−
<!--navigation url-->
+
              </div>
−
<div id="wrapper">
+
              <div class="memberdescription">
−
<nav class="navigation">
+
                <h1>Jungeun Huh</h1>
−
<ul>
+
<h2>Dry lab manager(Archive manage, Data analyze)/Mealworm observer</h2>
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul"><img src="https://static.igem.org/mediawiki/2016/a/ab/Home-icon-silhouette.png" width="30" height="30" align="middle"></a></li>
+
              </div>
 +
            </div>
 +
          </div>
  
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Team"><img src="https://static.igem.org/mediawiki/2016/c/c0/Networking.png" width="30" height="30" align="middle"></a>
+
          <div class="box fade-in two fifth">
−
<ul>
+
            <div class="member SeohyeonKang">
−
<br>
+
              <div class="memberImage">
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaborations">COLLABORATIONS</a></li>
+
                <img src="https://static.igem.org/mediawiki/2016/7/78/T--KoreaSonyeodul--TM3.png" width="300px" height="300px"></img>
−
</ul>
+
              </div>
−
</li>
+
              <div class="memberdescription">
 +
                <h1>Seohyeon Kang</h1>
 +
<h2>Fundraise manager/Mealworm observer/Wiki co-manager<br/><br/>
 +
I will try to prevent financial issue of conducting the experiments through active funding. Also, I will try to precisely research and systematically conduct the experiment to gain better result for our project. Moreover, I will try to prevent the world from suffering the overloading plastic problem. This will enhance the future into a better experiment.</h2>
 +
              </div>
 +
            </div>
 +
          </div>
  
−
<li><a href=""><img src="https://static.igem.org/mediawiki/2016/5/5a/Businessman-in-apresentation-with-a-graphic-on-a-board_%281%29.png" width="30" height="30" align="middle"></a>
+
          <div class="box fade-in two sixth">
−
<ul><br>
+
            <div class="member SeungheeHan">
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Description">COLLABORATIONS</a></li>
+
              <div class="memberImage">
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Design">DESIGN</a></li>
+
                <img src="https://static.igem.org/mediawiki/2016/4/4c/T--KoreaSonyeodul--TM5.png" width="300px" height="300px"></img>
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Experiments">EXPERIMENTS</a></li>
+
              </div>
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Proof">PROOF</a></li>
+
              <div class="memberdescription">
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Demonstrate">DEMONSTRATE</a></li>
+
                <h1>Seunghee Han</h1>
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Results">RESULTS</a></li>
+
<h2>Lab participant/Scheduler/Maid<br/><br/>
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Notebook">NOTEBOOK</a></li>
+
I will destroy every plastic in the world!</h2>
−
</ul>
+
              </div>
−
</li>
+
            </div>
 +
          </div>
  
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Parts"><img src="https://static.igem.org/mediawiki/2016/0/0f/Molecule.png" width="30" height="30" align="middle"></a>
+
          <div class="box fade-in two sixth">
−
<ul><br>
+
            <div class="member YemiShin">
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Parts">COLLABORATIONS</a></li>
+
              <div class="memberImage">
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Basic_Part">BASIC</a></li>
+
                <img src="https://static.igem.org/mediawiki/2016/b/bb/T--KoreaSonyeodul--TM6.png" width="300px" height="300px"></img>
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Composite_Part">COMPOSITE</a></li>
+
              </div>
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Part_Collection">COLLECTION</a></li>
+
              <div class="memberdescription">
−
</ul>
+
                <h1>Yemi Shin</h1>
−
</li>
+
<h2>Wet lab manager/Contact manager/Lab participant<br/><br/>As a student actively engaged in science, I am always concerned in environmental issues and have passion in science. Since this project is related to my future major, I will actively participate in this project.
 +
</h2>
 +
              </div>
 +
            </div>
 +
          </div>
  
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Safety"><img src="https://static.igem.org/mediawiki/2016/0/0b/Safe-shield-protection.png" width="30" height="30" align="middle"></a></li>
 
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Attributions"><img src="https://static.igem.org/mediawiki/2016/e/e0/Attribution.png" width="30" height="30" align="middle"></a></li>
 
  
−
<li><a href=""><img src="https://static.igem.org/mediawiki/2016/6/69/Two-stick-man-variants-shaking-hands.png" width="30" height="30" align="middle"></a>
+
        </div>
−
<ul><br>
+
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Public_Outreach">PUBLIC&nbsp;OUTREACH</a></li>
+
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Ethics">ETHICS</a></li>
+
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaboration">COLLABORATION</a></li>
+
−
</ul>
+
−
</li>
+
  
−
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Credits"><img src="https://static.igem.org/mediawiki/2016/4/44/Creative-commons.png" width="30" height="30" align="middle"></a>
 
−
</li>
 
−
</nav>
 
−
</div>
 
−
</div>
 
  
 +
      </div>
  
  
−
</body>
+
      <!--OtherTitleBoxes-->
 +
      <div class="box fade-in three">
  
 +
      </div>
 +
      <!--EndOfWrap-->
 +
      <!--Footer-->
 +
    </div>
 +
  </body>
 
</html>
 
</html>

Revision as of 17:35, 3 October 2016

TEAM

Main Subtitle

HAFS is...

   Hankuk Academy of Foreign Studies is a private boarding school located in the northern part of Yongin, South Korea, and is the first Korean high school formed by a collaboration between the government and the university. It is one of the most prestigious boarding schools in Korea, renowned for its high academic level and successful college admission results.



Soomin Lee

Team Manager/Lab participant

Heesun Sim

Wiki/Design manager

Jimin Sun

Fundraise manager/Mealworm observer

I will try to passionately involve in the research and experiment. I will actively engage in not only the planning stage, but also in demonstrating the experiment. Also, I will deliberately review and plan the experiment in order to have an achieved result with active collaboration between our team members.

Jungeun Huh

Dry lab manager(Archive manage, Data analyze)/Mealworm observer

Seohyeon Kang

Fundraise manager/Mealworm observer/Wiki co-manager

I will try to prevent financial issue of conducting the experiments through active funding. Also, I will try to precisely research and systematically conduct the experiment to gain better result for our project. Moreover, I will try to prevent the world from suffering the overloading plastic problem. This will enhance the future into a better experiment.

Seunghee Han

Lab participant/Scheduler/Maid

I will destroy every plastic in the world!

Yemi Shin

Wet lab manager/Contact manager/Lab participant

As a student actively engaged in science, I am always concerned in environmental issues and have passion in science. Since this project is related to my future major, I will actively participate in this project.