View source for Team:NYU Shanghai/Composite Parts

<html>
<body>
</p>
<style type="text/css">
  #globalWrapper, #content {
    background-color: transparent;
    border: 0px;
    margin:0px;
    padding: 0px;
    text-align: center;
    width: 100%;
  }
  .firstHeading {
    display: none;
  }
  #customContent {
    width: 100%;
    background-color: none;
    margin: 0 auto;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  /*Code for Navbar*/
  #navholder {
    width: 100%;
    margin: 0 auto;
  }
  #navbar {
    width: 100%;
    height: 36px;
    position: fixed;
    margin: -0.5% auto;   
    z-index: +50;
  }
  #navbar span {
    position: absolute;
    margin-left: -50%;
    width: 100%;
    height: 100%;
    z-index: -100;
    background-color: orange;
    opacity: 0.7;
  }
  #navbar ul {
    height: 100%;
    margin: 0 auto;
    font-size: 16px;
  }
  #navbar ul li {
    position: static;
    text-decoration: none;
    display: inline-block;
    height: 100%;
  }
  #navbar ul li a {
    text-decoration: inherit;
    padding: 10px 0.5em;
    line-height: 36px;
    color: white;
    opacity: 1.0;
  }
  #navbar ul li:hover{
    background-color: white;
    opacity: 1.0;
  }
  #navbar ul li:hover a {
    color: #57068c;
  }
  #navbar div {
    position: absolute;
    right: 10px;
    margin-top: -24px;
    color: white;
  }
  #navbar div a {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    color: white;
  }

  /*Code for Frame 1*/
  #frame1 {
    width: 100%;
    height: 650px;
    z-index: -13;
    position: static;
  }
  #frame1bg {
    position: absolute;
    margin-top: -10%;
    width: 100%;
    z-index: -12;
  }
  #frame1bg img {
    width: 100%;
    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: 100%;
  }
  #frame4sponsors {
    margin: 0 auto;
    width: 800px;
    height: 800px;
    z-index: 10;
  }
  #frame4sponsors span {
    height: 50px;
    width: 100%;
    display: block;
  }
  #frame4sponsors h2 {
    font-size: 32px;
    background-color: #ffb000;
    display: block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0;
  }
  #frame4sponsors img {
    width: 800px;
    height: 500px;
  }

</style>

<div id="customContent">
<div id="navbar">
  <span></span>
  <ul>
    <li>
      <a href="#frame1">Introduction</a>
    </li><li>
      <a href="#frame2">iGEM</a>
    </li><li>
      <a href="#frame3">Project</a>
    </li><li>
      <a href="#frame4">Sponsorship</a>
    </li><li>
      <a href="#frame5">More Platforms</a>
    </li><li>
      <a href="#">Wiki</a>
    </li>
  </ul>
  <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 id="navholder"></div>

<div id="frame1">
  <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>
    <img src="#">
  </div>
</div>
</div>
</body>
</html>