Team:StuyGem NYC

From 2014hs.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 50: Line 50:
html *
html *
{
{
-
   font-family: Garamond !important;
+
   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


StuyGem NYC




Photo Gallery



Get in touch!

Visit Our Twitter Page!