Team:UCL/Project

From 2014.igem.org

(Difference between revisions)
 
(72 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:UCL/Template:headerx}}
{{:Team:UCL/Template:headerx}}
 +
<!--=================HTML===================-->
<html>
<html>
-
<!-- ============= CSS for Humans Main ================= -->
+
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:firewall.js?action=raw&amp;ctype=text/javascript"></script>
-
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:HumansMain.css?action=raw&ctype=text/css" type="text/css" />
+
-
<!-- ============= BODY SLIDERS ======================== -->
 
-
<body>
 
-
<div class="slidz x1"></div>
 
-
<div class="slidz x2">
 
-
    <div class="slidz-inner-left">
 
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Team and Supervisors</h3></div>
 
-
                    <div class="slidz-inner-left-bottom"><p>Come and have a look at who we all Are. Here you will find out all loads about not just our team but our supervisors and advisers who helped us all the way through.</p></div>
 
-
    </div>
+
<div class="banner-image-special"></div>
-
    <div class="slidz-inner-right" id="ix1"></div>
+
<div style="padding-top:500px;">
 +
    <div id='grid'>
 +
<div class='box about-pro'><a href="https://2014.igem.org/Team:UCL/Project/About"><span class="overlayx"></span></a></div>
 +
<!--<div class='box biobricks-pro'><a href="https://2014.igem.org/Team:UCL/Project/Biobricks"><span class="overlayx"></span></a></div>-->
 +
<div class='box achievements-pro'><a href="https://2014.igem.org/Team:UCL/Project/Achievements"><span class="overlayx"></span></a></div>
 +
<!--<div class='box future-pro'><a href="https://2014.igem.org/Team:UCL/Project/Future"><span class="overlayx"></span></a></div>-->
 +
<!--<div class='box manuf-pro'><a href="https://2014.igem.org/Team:UCL/Science/Bioprocessing#anchor"><span class="overlayx"></span></a></div>
 +
<div class='box xeno-pro'><a href="https://2014.igem.org/Team:UCL/Project/Xenobiology"><span class="overlayx"></span></a></div>-->
 +
                <div class='box sponsor-human'><a href="https://2014.igem.org/Team:UCL/Humans/Sponsor"><span class="overlayx"></span></a></div>
 +
<div class='box gallery-human'><a href="https://2014.igem.org/Team:UCL/Humans/Gallery"><span class="overlayx"></span></a></div>
 +
<div class='box attributions-human'><a href="https://2014.igem.org/Team:UCL/Humans/Attributions"><span class="overlayx"></span></a></div>
 +
</div>
</div>
</div>
-
<div class="slidz x3">
 
-
    <div class="slidz-inner-left">
 
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Collaborations</h3></div>
 
-
                    <div class="slidz-inner-left-bottom"></div>
 
-
    </div>
 
-
    <!--<div class="slidz-inner-right"></div>-->
 
-
</div>
 
-
<div class="slidz x4">
 
-
    <div class="slidz-inner-left">
 
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Sponsorship</h3></div>
 
-
                    <div class="slidz-inner-left-bottom"></div>
 
-
    </div>
 
-
    <!--<div class="slidz-inner-right"></div>-->
 
-
</div>
 
-
<div class="slidz x5">
 
-
    <div class="slidz-inner-left">
 
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Risk Assessment</h3></div>
 
-
                    <div class="slidz-inner-left-bottom"></div>
 
-
    </div>
 
-
    <!--<div class="slidz-inner-right"></div>-->
 
-
</div>
 
-
<div class="slidz x6">
 
-
    <div class="slidz-inner-left">
 
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Gallery</h3></div>
 
-
                    <div class="slidz-inner-left-bottom"></div>
 
-
    </div>
 
-
    <!--<div class="slidz-inner-right"></div>-->
 
-
</div>
 
-
</body>
 
 +
<!--=================CSS===================-->
 +
 +
<style>
 +
.overlayx {
 +
  position:absolute;
 +
  width:100%;
 +
  height:100%;
 +
  top:0;
 +
  left: 0;
 +
  z-index: 1;
 +
  background: center no-repeat;
 +
  background-image: url('empty.gif');
 +
}
 +
#grid{
 +
width: 96%;
 +
margin:2% 0% 2% 2%; 
 +
position: relative;
 +
font-size: 25px;
 +
font-family: 'Helvetica';
 +
color: #eaeaea;
 +
}
 +
.box {
 +
background-color: white;
 +
box-shadow: 0px 0px 1px #222;
 +
float: left;
 +
position: relative;
 +
height:300px;
 +
width:300px;
 +
}
 +
.banner-image-special {
 +
    background: url('https://static.igem.org/mediawiki/2014/6/6b/Project_bannerUCL.png') center no-repeat;
 +
    width:100%;
 +
    margin-top: 1%;
 +
    background-size:100%;
 +
    max-width:850px;
 +
    height:270px;
 +
    position:fixed;
 +
    padding-top:150px;
 +
}
 +
@media (min-width: 1140px) {
 +
    .banner-image-special {
 +
    max-width: none;
 +
    width:100%;
 +
    margin-top:70px;
 +
    }
 +
}
 +
.about-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/d/d8/About_logoUCL.png') center no-repeat;
 +
    background-size:59%;
 +
}
 +
.biobricks-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/b/b8/BiobrickUCL.png') center no-repeat;
 +
    background-size:58%;
 +
}
 +
.sequences-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/e/e8/Sequences_logo.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.achievements-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/5/5a/Achievements_logoUCL.png') center no-repeat;
 +
    background-size:60%;
 +
}
 +
.future-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/9/9a/FutureUCL.png') center no-repeat;
 +
    background-size:59%;
 +
}
 +
.manuf-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/e/ef/ManufacturingUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.xeno-pro {
 +
    background: white url('https://static.igem.org/mediawiki/2014/6/63/Xenobiology_LogoUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.sponsor-human {
 +
    background: white url('https://static.igem.org/mediawiki/2014/3/32/SponsorshipUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.gallery-human {
 +
    background: white url('https://static.igem.org/mediawiki/2014/5/55/GalleryUCL.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
.attributions-human {
 +
    background: white url('https://static.igem.org/mediawiki/2014/7/75/UCLAttributions_logo_transparent-01.png') center no-repeat;
 +
    background-size:56%;
 +
}
 +
</style>
 +
 +
<!--=================Javascript===================-->
 +
<!-- This is to initialize the above js which aims to reorder box divs with no spaces -->
 +
 +
<script>
 +
var wall = new freewall("#grid");
 +
wall.reset({
 +
selector: '.box',
 +
animate: true,
 +
cellW: 300,
 +
cellH: 300,
 +
onResize: function() {
 +
wall.refresh();
 +
}
 +
});
 +
wall.fitWidth();
 +
// for scroll bar appear;
 +
$(window).trigger("resize");
 +
</script>
</html>
</html>
{{:Team:UCL/Template:footerx}}
{{:Team:UCL/Template:footerx}}

Latest revision as of 14:36, 17 October 2014

Goodbye Azodye UCL iGEM 2014

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/Project"