Team:StuyGem NYC
From 2014hs.igem.org
(Difference between revisions)
Kelvinn1996 (Talk | contribs) |
Kelvinn1996 (Talk | contribs) |
||
(17 intermediate revisions not shown) | |||
Line 50: | Line 50: | ||
html * | html * | ||
{ | { | ||
- | font-family: | + | font-family: Century Gothic !important; |
} | } | ||
.img{position:absolute;z-index:1;} | .img{position:absolute;z-index:1;} | ||
Line 62: | Line 62: | ||
position:relative; | position:relative; | ||
z-index:20; | z-index:20; | ||
+ | } | ||
+ | .thumbnails img { | ||
+ | |||
+ | height: 80px; | ||
+ | |||
+ | border: 4px solid #555; | ||
+ | |||
+ | padding: 1px; | ||
+ | |||
+ | margin: 0 10px 10px 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .thumbnails img:hover { | ||
+ | border: 4px solid #00ccff; | ||
+ | |||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | |||
+ | .preview img { | ||
+ | border: 4px solid #444; | ||
+ | |||
+ | padding: 1px; | ||
+ | |||
+ | height: 500px; | ||
} | } | ||
Line 67: | Line 94: | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <div class="row"> | ||
+ | <p align="right"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014hs/8/82/Bacteria.gif"> | ||
+ | </p> | ||
+ | </div> | ||
+ | <p> | ||
<div class="row"> | <div class="row"> | ||
Line 103: | Line 136: | ||
</div> | </div> | ||
<br> | <br> | ||
+ | <br> | ||
+ | |||
+ | |||
+ | <div class="row"> | ||
+ | <div class="large-12 columns"> | ||
+ | <center> | ||
+ | <h3>Photo Gallery</h3> | ||
+ | </center> | ||
+ | <div class="gallery" align="center"> | ||
+ | <div class="thumbnails"> | ||
+ | |||
+ | <img onclick="load1()" id="img1" src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg" alt="Image Not Loaded"/> | ||
+ | <img onclick="load2()" id="img2" src="https://pbs.twimg.com/media/BlZnWsqCYAAjGxL.jpg" alt="Image Not Loaded"/> | ||
+ | <img onclick="load3()" id="img3" src="https://pbs.twimg.com/media/Bmk9AScIYAA2u98.jpg" alt="Image Not Loaded"/> | ||
+ | <img onclick="load4()" id="img4" src="https://pbs.twimg.com/media/Bm6UMgqIIAAfzPi.jpg" alt="Image Not Loaded"/> | ||
+ | <img onclick="load5()" id="img5" src="https://pbs.twimg.com/media/BoB-Cm4IgAAI_LV.jpg" alt="Image Not Loaded"/> | ||
+ | </div><br/> | ||
+ | <div class="thumbnails"> | ||
+ | <img onclick="load6()" id="img6" src="https://pbs.twimg.com/media/BqDncTQCcAA8Qe1.jpg" alt="Image Not Loaded"/> | ||
+ | <img onclick="load7()" id="img7" src="https://pbs.twimg.com/media/BqDnxN2CcAERiye.jpg" alt="Image Not Loaded"/> | ||
+ | <img onclick="load8()" id="img8" src="https://static.igem.org/mediawiki/2014hs/7/7e/10469649_775809195802730_1655927593_n.jpg" alt="Image Not Loaded"/> | ||
+ | <img onclick="load9()" id="img9" src="https://static.igem.org/mediawiki/2014hs/4/4e/10478883_775809185802731_498288320_n.jpg" alt="Image Not Loaded"/> | ||
+ | <img onclick="load10()" id="img10" src="https://static.igem.org/mediawiki/2014hs/5/5b/10466823_775809192469397_451170229_n.jpg" alt="Image Not Loaded"/> | ||
+ | |||
+ | |||
+ | <div class="preview" align="center"> | ||
+ | |||
+ | <img id="preview" src="https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg"/> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
<br> | <br> | ||
Line 133: | Line 202: | ||
<div class="large-6 columns"> | <div class="large-6 columns"> | ||
<font color = "aqua"> | <font color = "aqua"> | ||
- | <p>© Copyright StuyGem, Foundation</p> | + | <p align="left">© Copyright StuyGem, Foundation</p> |
</div> | </div> | ||
</font> | </font> | ||
Line 147: | Line 216: | ||
+ | <script> | ||
+ | function load1(){document.getElementById("preview").src = "https://pbs.twimg.com/media/Bkfp7KhCAAAb6gp.jpg"; | ||
+ | } | ||
+ | function load2(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BlZnWsqCYAAjGxL.jpg"; | ||
+ | } | ||
+ | function load3(){document.getElementById("preview").src = "https://pbs.twimg.com/media/Bmk9AScIYAA2u98.jpg"; | ||
+ | } | ||
+ | function load4(){document.getElementById("preview").src = "https://pbs.twimg.com/media/Bm6UMgqIIAAfzPi.jpg"; | ||
+ | } | ||
+ | function load5(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BoB-Cm4IgAAI_LV.jpg"; | ||
+ | } | ||
+ | function load6(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BqDncTQCcAA8Qe1.jpg"; | ||
+ | } | ||
+ | |||
+ | function load7(){document.getElementById("preview").src = "https://pbs.twimg.com/media/BqDnxN2CcAERiye.jpg"; | ||
+ | } | ||
+ | |||
+ | function load8(){document.getElementById("preview").src = "https://static.igem.org/mediawiki/2014hs/7/7e/10469649_775809195802730_1655927593_n.jpg"; | ||
+ | } | ||
+ | |||
+ | function load9(){document.getElementById("preview").src ="https://static.igem.org/mediawiki/2014hs/4/4e/10478883_775809185802731_498288320_n.jpg"; | ||
+ | } | ||
+ | |||
+ | function load10(){document.getElementById("preview").src ="https://static.igem.org/mediawiki/2014hs/5/5b/10466823_775809192469397_451170229_n.jpg"; | ||
+ | } | ||
+ | </script> | ||
Latest revision as of 03:34, 21 June 2014
Photo Gallery
Get in touch!
Visit Our Twitter Page!