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

 
(138 intermediate revisions by the same user not shown)
Line 16: Line 16:
 
   #customContent {
 
   #customContent {
 
     width: 100%;
 
     width: 100%;
−
     background-color: #fff;
+
     background-color: none;
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     text-align: center;
 
     text-align: center;
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 83: Line 84:
 
   #frame1 {
 
   #frame1 {
 
     width: 100%;
 
     width: 100%;
−
     z-index: -11;
+
    height: 650px;
 +
     z-index: -13;
 
     position: static;
 
     position: static;
 
   }
 
   }
 
   #frame1bg {
 
   #frame1bg {
 
     position: absolute;
 
     position: absolute;
−
     margin-top: -2%;
+
     margin-top: -10%;
 
     width: 100%;
 
     width: 100%;
 
     z-index: -12;
 
     z-index: -12;
Line 94: Line 96:
 
   #frame1bg img {
 
   #frame1bg img {
 
     width: 100%;
 
     width: 100%;
−
     z-index: -13;
+
     z-index: -11;
 
   }
 
   }
 +
 +
  /*Code for Frame 2*/
 +
  #frame2 {
 +
    width: 100%;
 +
    height: 650px;
 +
    margin: 0 auto;
 +
    background-color: white;
 +
  }
 +
  #frame2image {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 650px;
 +
    margin-left: -100px;
 +
  }
 +
  #frame2image img {
 +
    height: 650px;
 +
  }
 +
  #frame2text {
 +
    position: absolute;
 +
    height: 200px;
 +
    width: 625px;
 +
    margin-left: 43%;
 +
    margin-top: 200px;
 +
    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);
 +
  }
 +
  #frame3 span {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 650px;
 +
    background-color: darkgoldenrod;
 +
    opacity: 0.6;
 +
    margin-left: -50%;
 +
  }
 +
 +
  /*Code for Frame 4*/
 +
  #frame4 {
 +
    width: 100%;
 +
    height: 650px;
 +
    margin: 0 auto;
 +
  }
 +
  #frame4image {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 650px;
 +
    z-index: -10;
 +
  }
 +
  #frame4image img {
 +
    width: 120%;
 +
  }
 +
  #frame4sponsors {
 +
    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 116: 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 id="frame2">
 +
  <div id="frame2image"><img src="https://static.igem.org/mediawiki/2015/7/70/NYU_Shanghai_landBG1.jpg"></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>
 +
 +
<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>
 
</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