Difference between revisions of "Team:NYU Shanghai/Composite Parts"

 
(124 intermediate revisions by the same user not shown)
Line 32: Line 32:
 
     position: fixed;
 
     position: fixed;
 
     margin: -0.5% auto;   
 
     margin: -0.5% auto;   
 +
    z-index: +50;
 
   }
 
   }
 
   #navbar span {
 
   #navbar span {
Line 65: Line 66:
 
   }
 
   }
 
   #navbar ul li:hover a {
 
   #navbar ul li:hover a {
−
     color: purple;
+
     color: #57068c;
 
   }
 
   }
 
   #navbar div {
 
   #navbar div {
Line 103: Line 104:
 
     height: 650px;
 
     height: 650px;
 
     margin: 0 auto;
 
     margin: 0 auto;
 +
    background-color: white;
 
   }
 
   }
 
   #frame2image {
 
   #frame2image {
 
     position: absolute;
 
     position: absolute;
−
     width: 600px;
+
     width: 100%;
−
     margin: 0 auto;
+
    height: 650px;
 +
     margin-left: -100px;
 
   }
 
   }
 
   #frame2image img {
 
   #frame2image img {
−
     margin-top: 75px;
+
     height: 650px;
−
    width: 600px;
+
 
   }
 
   }
 
   #frame2text {
 
   #frame2text {
 
     position: absolute;
 
     position: absolute;
−
     background-color: #bc6bef;
+
     height: 200px;
−
     border-radius: 15px;
+
    width: 625px;
−
     padding: 5px;
+
    margin-left: 43%;
−
     margin-top: 120px;
+
     margin-top: 200px;
−
     width: 500px;
+
    font-size: 16px;
 +
     padding: 0;
 +
  }
 +
  #frame2text p {
 +
     text-align: justify;
 +
  }
 +
 
 +
  /*Code for Frame 3*/
 +
  #frame3 {
 +
     width: 100%;
 +
    height: 650px;
 +
    margin: 0 auto;
 +
    background-image: url(https://static.igem.org/mediawiki/2015/6/64/NYU_Shanghai_landBG2.png);
 
   }
 
   }
−
   #frame2bg {
+
   #frame3 span {
 
     position: absolute;
 
     position: absolute;
 
     width: 100%;
 
     width: 100%;
−
     opacity: 0.4;
+
    height: 650px;
−
     z-index: -50;
+
    background-color: darkgoldenrod;
 +
     opacity: 0.6;
 +
     margin-left: -50%;
 +
  }
 +
 
 +
  /*Code for Frame 4*/
 +
  #frame4 {
 +
    width: 100%;
 +
    height: 650px;
 
     margin: 0 auto;
 
     margin: 0 auto;
 
   }
 
   }
−
   #frame2bg img {
+
   #frame4image {
 +
    position: absolute;
 
     width: 100%;
 
     width: 100%;
 +
    height: 650px;
 +
    z-index: -10;
 +
  }
 +
  #frame4image img {
 +
    width: 120%;
 +
  }
 +
  #frame4sponsors {
 
     margin: 0 auto;
 
     margin: 0 auto;
 +
    width: 1200px;
 +
    height: 370px;
 +
    z-index: 10;
 
   }
 
   }
 +
  #frame4sponsors span {
 +
    height: 20px;
 +
    width: 100%;
 +
    display: block;
 +
  }
 +
  #frame4sponsors h2 {
 +
    font-size: 28px;
 +
    display: block;
 +
    margin: 0 auto;
 +
    padding: 10px;
 +
    color: #57068c;
 +
    opacity: 0.7;
 +
  }
 +
  #frame4sponsors img {
 +
    width: 1200px;
 +
    height: 300px;
 +
  }
 +
 
</style>
 
</style>
  
Line 152: Line 203:
 
     </li>
 
     </li>
 
   </ul>
 
   </ul>
−
   <div><a href="#" onclick="toEnglish()">English</a> / <a href="#" onclick="toChinese()">中文</a></div>
+
   <div><a href="https://2015.igem.org/Team:NYU_Shanghai/Composite_Parts">English</a> / <a href="https://2015.igem.org/Team:NYU_Shanghai/Chinese">中文</a></div>
 
</div>
 
</div>
 
<div id="navholder"></div>
 
<div id="navholder"></div>
 +
 
<div id="frame1">
 
<div id="frame1">
 
   <div id="frame1bg"><img src="https://static.igem.org/mediawiki/2015/8/83/NYU_Shanghai_landingBG2.jpg"></div>
 
   <div id="frame1bg"><img src="https://static.igem.org/mediawiki/2015/8/83/NYU_Shanghai_landingBG2.jpg"></div>
 
</div>
 
</div>
 +
 
<div id="frame2">
 
<div id="frame2">
−
   <div id="frame2image"><img src="https://static.igem.org/mediawiki/2015/d/d4/NYU_Shanghai_logo.png"></div>
+
   <div id="frame2image"><img src="https://static.igem.org/mediawiki/2015/7/70/NYU_Shanghai_landBG1.jpg"></div>
−
   <div id="frame2text"><h2>NYU Shanghai iGEM Team</h2><p>We are proud to present NYU Shanghai's official iGEM team.</p></div>
+
   <div id="frame2text"><p>iGEM, or International Genetically Engineered Machine, is an international synthetic biology competition that was initially aimed at undergraduate university students, though has now expanded to include graduate, “over-graduate”, and high school students, as well as entrepreneurs and community laboratories. This year, iGEM community has expanded to over 18,000 members from more than 30 countries. Our undergraduate team consists of rising sophomores and juniors from various fields, under the guidance of our biology and ___ professors. Hover over their pictures to find out more.</p></div>
−
   <div id="frame2bg"><img src="http://36.media.tumblr.com/767eaa8de0222f9596346034ccf75e40/tumblr_noyqlhBDKl1uwai3vo4_1280.jpg"></div>
+
</div>
 +
 
 +
<div id="frame3">
 +
   <span></span>
 +
</div>
 +
 
 +
<div id="frame4">
 +
  <div id="frame4image"><img src="https://static.igem.org/mediawiki/2015/f/fc/NYU_Shanghai_landBG3.jpg"></div>
 +
  <div id="frame4sponsors">
 +
    <span></span>
 +
    <h2>Sponsors</h2><br>
 +
    <img src="https://placeholdit.imgix.net/~text?txtsize=75&txt=1200%C3%97300&w=1200&h=300">
 +
  </div>
 +
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:49, 7 June 2015

iGEM, or International Genetically Engineered Machine, is an international synthetic biology competition that was initially aimed at undergraduate university students, though has now expanded to include graduate, “over-graduate”, and high school students, as well as entrepreneurs and community laboratories. This year, iGEM community has expanded to over 18,000 members from more than 30 countries. Our undergraduate team consists of rising sophomores and juniors from various fields, under the guidance of our biology and ___ professors. Hover over their pictures to find out more.

Sponsors