Team:UCL/Humans/Gallery

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:UCL/Template:headerx}}
{{:Team:UCL/Template:headerx}}
<html>
<html>
-
<div style="height:200px;width:100%;background-color:darkgrey;padding-top:50px;float:left;display:inline-block;">
+
<div class="pageTitle">
-
     <div class="imagewc"><h1>Gallery</h1></div>
+
     <div><h3>Gallery</h3></div>
-
     <div class="BannerTitle">
+
     <div><!--- This is the Bit that describes the team and its logo DONT TOUCH-->
-
    <div class="jointb"><img src="https://static.igem.org/mediawiki/2014/e/e8/WebComms_icon.png" height="50px" width="50px" style="margin-right:10px;"></img></div>
+
        <div class="floater"><img src="https://static.igem.org/mediawiki/2014/e/e8/WebComms_icon.png" height="50px" width="50px" style="margin-right:10px;"></img></div>
-
            <div class="jointb"><h3 style="margin:0px;">Web and Communications Team</h3></div>
+
        <div class="floater"><h4 style="margin:0px;">Web and Communications Team</h4></div>
     </div>
     </div>
-
</div>
+
</div>
-
<div style="height:2000px; background-color:lightgrey;"><html>
+
<div class="textArena">
 +
<div class="textTitle"><h3></h3></div>
-
<!-- begin #page - the container for everything but header -->
+
</div><!-- This div end tag should end the .textArena tag that defines light grey space. This is crucial-->
-
<div id="page">
+
-
  <!-- CONTENT GOES HERE -->
 
-
<div class="hero-unit">
 
-
<div class="container">
 
-
<h1>Gallery</h1>
 
-
</div>
 
-
<!--close container-->
 
-
</div>
 
-
<!--close hero-unit-->
 
-
 
-
<!--notice how sliders and are outside the this main content div-->
 
-
<div class="container clearfix" id="main-content">
 
-
<!-- thumbnail layout-->
 
-
<div class="thumb-gallery row-fluid">
 
-
<ul>
 
-
<li> <a class="hover fancyme" data-fancybox-group="gallery" href="../images/portfolio/larger-image-fpo.png"><img src="https://static.igem.org/mediawiki/2014/4/42/Stock-lab-photo-1.jpg" alt="" />
 
-
<div>
 
-
<h4>van Gogh</h4>
 
-
<p>Identity</p>
 
-
</div>
 
-
</a> </li>
 
-
<li> <a class="hover fancyme" data-fancybox-group="gallery" href="../images/portfolio/larger-image-fpo.png"><img src="https://static.igem.org/mediawiki/2014/d/dd/Stock-lab-photo-2.jpg" alt="" />
 
-
<div>
 
-
<h4>van Gogh</h4>
 
-
<p>Design</p>
 
-
</div>
 
-
</a> </li>
 
-
<li> <a class="hover fancyme" data-fancybox-group="gallery" href="../images/portfolio/larger-image-fpo.png"><img src="https://static.igem.org/mediawiki/2014/1/1c/Stock-lab-photo-3.jpg" alt="" />
 
-
<div>
 
-
<h4>van Gogh</h4>
 
-
<p>Design</p>
 
-
</div>
 
-
</a> </li>
 
-
<li> <a class="hover fancyme" data-fancybox-group="gallery" href="../images/portfolio/larger-image-fpo.png"><img src="https://static.igem.org/mediawiki/2014/9/98/Stock-lab-photo-4.jpg" alt="" />
 
-
<div>
 
-
<h4>Michelangelo</h4>
 
-
<p>Print</p>
 
-
</div>
 
-
</a> </li>
 
-
<li> <a class="hover fancyme" data-fancybox-group="gallery" href="../images/portfolio/larger-image-fpo.png"><img src="https://static.igem.org/mediawiki/2014/e/e5/Stock-lab-photo-5.jpg" alt="" />
 
-
<div>
 
-
<h4>Edouard Manet</h4>
 
-
<p>Identity</p>
 
-
</div>
 
-
</a> </li>
 
-
<li> <a class="hover fancyme" data-fancybox-group="gallery" href="../images/portfolio/larger-image-fpo.png"><img src="https://static.igem.org/mediawiki/2014/d/d1/Stock-lab-photo-6.jpg" alt="" />
 
-
<div>
 
-
<h4>Raffael</h4>
 
-
<p>Art</p>
 
-
</div>
 
-
</a> </li>
 
-
<li> <a class="hover fancyme" data-fancybox-group="gallery" href="../images/portfolio/larger-image-fpo.png"><img src="https://static.igem.org/mediawiki/2014/0/0d/Stock-lab-photo-7.jpg" alt="" />
 
-
<div>
 
-
<h4>Maler der Grabkammer</h4>
 
-
<p>Art</p>
 
-
</div>
 
-
</a> </li>
 
-
<li> <a class="hover fancyme" data-fancybox-group="gallery" href="../images/portfolio/larger-image-fpo.png"><img src="hhttps://static.igem.org/mediawiki/2014/a/a3/Stock-lab-photo-8.jpg" alt="" />
 
-
<div>
 
-
<h4>Maler der Grabkammer</h4>
 
-
<p>Photography</p>
 
-
</div>
 
-
</a> </li>
 
-
</ul>
 
-
</div>
 
-
<!--end .thumb-gallery .row-fluid-->
 
-
 
-
</div>
 
-
<!--close .container role="main-content" -->
 
-
</html> </div>
 
 +
 +
<!-- This is the css of the page. Dont change it unless you have consulted with Lewis or Adam about what your changing-->
<style>
<style>
-
.jointb {
+
/*=======PAGE HEADER=======*/
 +
.pageTitle {
 +
    height:200px;
 +
    width:100%;
 +
    background-color:darkgrey;
 +
    padding-top:50px;
 +
    float:left;
 +
    display:inline-block;
 +
}
 +
.floater {
float:left;
float:left;
}
}
-
</style>
 
 +
/*=======Body=======*/
 +
.textArena {
 +
    background-color:lightgrey;
 +
    padding: 5% 5% 5% 5%;
 +
    font-size:90%;
 +
    height:15000px;
 +
}
 +
.textTitle {
 +
    padding-top:10%;
 +
}
 +
.widthCorrect {
 +
width:100%;
 +
}
 +
.mainArena {
 +
display: block;
 +
float:left;
 +
width:75%;
 +
}
 +
.navArena {
 +
    display: block;
 +
    position:fixed;
 +
    float:right;
 +
    left:80%;
 +
    top:25%;
 +
    width:20%;
 +
    height: 200px;
 +
}
 +
@media (max-width:450px){
 +
.navArena {
 +
display: none;
 +
}
 +
}
 +
.navigation {
 +
margin:0px;
 +
}
 +
.shortx {
 +
margin:0;
 +
}
 +
/*=========Object Alignment Classes=============*/
 +
.alignright {
 +
float:right;
 +
margin-left:3%;
 +
}
 +
.alignleft {
 +
float:left;
 +
margin-right:3%;
 +
}
 +
.aligncenter {
 +
float:center;
 +
margin-right:3%;
 +
}
 +
/*=========Table Classes=============*/
 +
.table-bordered {
 +
    border: 1px solid black;
 +
}
 +
 +
</style>
 +
</html>
</html>
{{:Team:UCL/Template:footerx}}
{{:Team:UCL/Template:footerx}}

Revision as of 17:54, 6 September 2014

Goodbye Azodye UCL iGEM 2014

Gallery

Web and Communications Team

Contact Us

University College London
Gower Street - London
WC1E 6BT
Biochemical Engineering Department
Phone: +44 (0)20 7679 2000
Email: ucligem2014@gmail.com

Follow Us

Retrieved from "http://2014.igem.org/Team:UCL/Humans/Gallery"