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

Line 95: Line 95:
 
     width: 100%;
 
     width: 100%;
 
     z-index: -13;
 
     z-index: -13;
 +
  }
 +
 +
  /*Code for Frame 2*/
 +
  #frame2 {
 +
    width: 1200px;
 +
    height: 100%;
 +
    margin: 0 auto;
 +
  }
 +
  #frame2image {
 +
    position: absolute;
 +
    height: 100%;
 +
    width: 600px;
 +
    margin-left: -600px;
 +
  }
 +
  #frame2image img {
 +
    margin-top: 75px;
 +
    width: 600px;
 +
  }
 +
  #frame2text {
 +
    position: absolute;
 +
    background-color: #bc6bef;
 +
    border-radius: 15px;
 +
    padding: 5px;
 +
    margin-top: 120px;
 +
    width: 500px;
 +
  }
 +
  #frame2bg {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 100%;
 +
    margin-left: -50%;
 +
    opacity: 0.4;
 +
    z-index: -50;
 +
  }
 +
  #frame2bg img {
 +
    width: 100%;
 
   }
 
   }
 
</style>
 
</style>
Line 122: Line 158:
 
   <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="frame2image"><img src="https://static.igem.org/mediawiki/2015/d/d4/NYU_Shanghai_logo.png"></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="frame2bg"><img src="http://36.media.tumblr.com/767eaa8de0222f9596346034ccf75e40/tumblr_noyqlhBDKl1uwai3vo4_1280.jpg"></div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:51, 5 June 2015

NYU Shanghai iGEM Team

We are proud to present NYU Shanghai's official iGEM team.