Difference between revisions of "Team:KoreaSonyeodul"

Line 1: Line 1:
 
{{KoreaSonyeodul}}
 
{{KoreaSonyeodul}}
−
 
  
 
<html lang="en">
 
<html lang="en">
Line 30: Line 29:
  
 
       .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;}
 
       .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;}
−
     
+
 
−
<!--TitlePageSummaryBox-->
+
      <!--TitlePageSummaryBox-->
 
       .summary {padding-top: 200px; margin-bottom: 20px;}
 
       .summary {padding-top: 200px; margin-bottom: 20px;}
 
       .summary h1 {margin-top:0; margin-botton:5px; margin-left: 15px; margin-right: 15px; font-size: 22px; font-family: Roboto;}
 
       .summary h1 {margin-top:0; margin-botton:5px; margin-left: 15px; margin-right: 15px; font-size: 22px; font-family: Roboto;}
Line 45: Line 44:
 
       .smallBox2 {float: left; height: 10%; width: 32%; margin-right: 2%;}
 
       .smallBox2 {float: left; height: 10%; width: 32%; margin-right: 2%;}
 
       .smallBox3 {float: left; height: 10%; width: 32%;}
 
       .smallBox3 {float: left; height: 10%; width: 32%;}
−
<!--TitleBoxContent-->
+
     
−
       .titleContent h1 {font-size:24px; font-family: Roboto;}
+
      <!--TitleBoxContent-->
−
       .titleContent p {font-size: 14px; font-family: Roboto;}
+
       .titleContent {height: 400px; padding-top: 100px;}
−
<!--Animation-->
+
      .titleContent h1 {font-size: 30px;}
 +
       .titleContent p {font-size: 18px; font-family: Roboto;}
 +
      .titleContent2 {width: 680px; height: 460px; margin: auto; padding-top: 50px;}
 +
 
 +
      <!--Animation-->
 
       .conent1 {
 
       .conent1 {
 
       position: relative;
 
       position: relative;
Line 76: Line 79:
  
 
       .content3 {position: relative; top:20px; right: -50px; float: right}
 
       .content3 {position: relative; top:20px; right: -50px; float: right}
−
     
+
 
−
<!--FadeIn-->
+
      <!--FadeIn-->
 
       @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
 
       @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  
Line 90: Line 93:
 
       .fade-in {
 
       .fade-in {
 
       opacity:0;  /* make things invisible upon start */
 
       opacity:0;  /* make things invisible upon start */
−
       -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
+
       -webkit-animation:fadeIn ease-in 1;  
 
       -moz-animation:fadeIn ease-in 1;
 
       -moz-animation:fadeIn ease-in 1;
 
       animation:fadeIn ease-in 1;
 
       animation:fadeIn ease-in 1;
  
−
       -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
+
       -webkit-animation-fill-mode:forwards;   
 
       -moz-animation-fill-mode:forwards;
 
       -moz-animation-fill-mode:forwards;
 
       animation-fill-mode:forwards;
 
       animation-fill-mode:forwards;
Line 120: Line 123:
 
       animation-delay: 1.6s;
 
       animation-delay: 1.6s;
 
       }
 
       }
−
 
+
<!--Footer-->
 +
      #footer {position: fixed; bottom: 0; left: 0; right: 0; height: 30px; background: gray;}
 +
      .footer p {font-family: Roboto; color: #ffffff; font-size: 10px;}
 
     </style>
 
     </style>
 +
    <link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet"></link>
 
     <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
       <meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
 
       <meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
Line 131: Line 137:
 
     <!--Title-->
 
     <!--Title-->
  
−
      <div class="box fade-in one">
+
    <div class="box fade-in one">
−
        <div id="" align="center">
+
      <div id="" align="center">
−
          <div id="fontlight" class="site">
+
        <div id="fontlight" class="site">
−
            <h1>
+
          <h1>
−
              <font face="Roboto" weight="200">KOREASONYEODUL</font>
+
            <font face="Roboto" weight="200">KOREASONYEODUL</font>
−
            </h1>
+
          </h1>
−
            <h2>
+
          <h2>
−
              <font face="Roboto">Main Subtitle</font>
+
            <font face="Roboto">Main Subtitle</font>
−
            </h2>
+
          </h2>
−
          </div>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
    </div>
  
  
Line 169: Line 175:
 
           </div>
 
           </div>
 
           <div class="content3">
 
           <div class="content3">
−
  <img align="right" src="https://static.igem.org/mediawiki/2016/8/87/T--KoreaSonyeodul--Worm.png" width="70%"></img>
+
            <img align="right" src="https://static.igem.org/mediawiki/2016/8/87/T--KoreaSonyeodul--Worm.png" width="70%"></img>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 176: Line 182:
 
       <!--TitleContent-->
 
       <!--TitleContent-->
 
       <div class="titleContent">
 
       <div class="titleContent">
−
         <h1>Title</h1>
+
         <h1>
−
         <p>Contents</p>
+
          <font face="Roboto"> Our Research Focuses on...</font>
 +
        </h1>
 +
         <p>
 +
          &nbsp;&nbsp;&nbsp;Bacteria is a vital decomposer in our everyday lives. It decomposes and recycles things that can be reused in the nature. Our team came to think that this beneficial bacterium might be a solution to the problem regarding increasing trash in the Earth. Of all projects attempting to solve trash problems, research about plastic degrading bacteria is the most popular. However, our team felt that the research has not been efficient enough and fast enough to solve the fundamental problem. Through this research, as a student, we hope to dedicate to what our society is facing.
 +
        <br/>&nbsp;&nbsp;&nbsp;The fundamental purpose of the research is to generate a more efficient and fast plastic degrading process through the plastic degrading bacteria and make plastic bacteria practically usable. The current bacteria are slow in degrading speed and low in degrading quantity, so our research hopes to find better solution for efficiency.
 +
        </p>
 +
      </div>
 +
 
 +
      <!--TitleContent-->
 +
      <div class="titleContent2">
 +
        <video controls="controls" width="640" height="360" class="video-js vjs-default-skin" data-setup="{}">
 +
          <source src="" type="video/mp4" />
 +
        </video>
 
       </div>
 
       </div>
  
Line 219: Line 237:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
−
     <!--Wrap-->
+
     <!--EndOfWrap-->
 +
    <!--Footer-->
 +
 
 
   </body>
 
   </body>
 
</html>
 
</html>

Revision as of 15:40, 3 September 2016

KOREASONYEODUL

Main Subtitle

Our Research Focuses on...

   Bacteria is a vital decomposer in our everyday lives. It decomposes and recycles things that can be reused in the nature. Our team came to think that this beneficial bacterium might be a solution to the problem regarding increasing trash in the Earth. Of all projects attempting to solve trash problems, research about plastic degrading bacteria is the most popular. However, our team felt that the research has not been efficient enough and fast enough to solve the fundamental problem. Through this research, as a student, we hope to dedicate to what our society is facing.
   The fundamental purpose of the research is to generate a more efficient and fast plastic degrading process through the plastic degrading bacteria and make plastic bacteria practically usable. The current bacteria are slow in degrading speed and low in degrading quantity, so our research hopes to find better solution for efficiency.