Team:UCL/Project

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:UCL/Template:headerx}}
{{:Team:UCL/Template:headerx}}
 +
<!--=================HTML===================-->
<html>
<html>
-
<!-- ============= CSS for Humans Main ================= -->
+
<div class="banner-image-special"></div>
-
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:ProjectMain.css?action=raw&ctype=text/css" type="text/css" />
+
<div style="padding-top:300px;">
 +
    <div id='grid'>
 +
<div class='box' id='about-pro'>About</div>
 +
<div class='box' id='biobricks-pro'>Biobricks</div>
 +
<div class='box' id='achievements-pro'>Achievements</div>
 +
<div class='box' id='future-pro'>Future</div>
 +
<div class='box' id='manuf-pro'>Manufacturing</div>
 +
    </div>
 +
    <div id='fillers'>
 +
        <div class='fillerBox' id='redd'></div>
 +
<div class='fillerBox' id='bluee'></div>
 +
<div class='fillerBox' id='yelloww'></div>
 +
    </div>
 +
</div>
-
<!-- ============= 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;">About Us</h3></div>
 
-
                    <div class="slidz-inner-left-bottom"><p></p></div>
 
-
    </div>
+
<!--=================CSS===================-->
-
    <div class="slidz-inner-right" id="ix1"></div>
+
 
-
</div>
+
<style>
-
<div class="slidz x3">
+
#grid{
-
    <div class="slidz-inner-left">
+
width: 100%;
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Biobricks</h3></div>
+
position: relative;
-
                    <div class="slidz-inner-left-bottom"></div>
+
font-size: 25px;
-
    </div>
+
font-family: 'Helvetica';
-
    <!--<div class="slidz-inner-right"></div>-->
+
color: #eaeaea;
-
</div>
+
}
-
<div class="slidz x4">
+
.box {
-
    <div class="slidz-inner-left">
+
background-color: #c23822;
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Achievements</h3></div>
+
box-shadow: 0px 0px 1px #222;
-
                    <div class="slidz-inner-left-bottom"></div>
+
float: left;
-
    </div>
+
position: relative;
-
    <!--<div class="slidz-inner-right"></div>-->
+
}
-
</div>
+
#fillers{
-
<div class="slidz x5">
+
display: none;
-
    <div class="slidz-inner-left">
+
}
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Future</h3></div>
+
.fillerBox {
-
                    <div class="slidz-inner-left-bottom"></div>
+
background-color: #751e11;
-
    </div>
+
box-shadow: 0px 0px 1px #222;
-
    <!--<div class="slidz-inner-right"></div>-->
+
float: left;
-
</div>
+
position: relative;
-
<div class="slidz x6">
+
}
-
    <div class="slidz-inner-left">
+
 
-
                    <div class="slidz-inner-left-top"><h3 style="margin: 0;">Manufacture</h3></div>
+
.banner-image-special {
-
                    <div class="slidz-inner-left-bottom"></div>
+
    background: url('https://static.igem.org/mediawiki/2014/2/27/UCLHumanElementsBanner.png') center no-repeat;
-
    </div>
+
    width:100%;
-
    <!--<div class="slidz-inner-right"></div>-->
+
    background-size:100%;
-
</div>
+
    max-width:850px;
-
</body>
+
    height:100px;
 +
    position:fixed;
 +
    padding-top:170px;
 +
}
 +
@media (min-width: 1140px) {
 +
    .banner-image-special {
 +
    max-width:none;
 +
    width:850px;
 +
    left:25%;
 +
    padding-top:250px;
 +
    }
 +
}
 +
#about-pro {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#biobricks-pro {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#achievements-pro {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#future-pro {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#manuf-pro {
 +
    background: url('') center no-repeat;
 +
    background-size:100%;
 +
}
 +
#redd {
 +
    background: red center no-repeat;
 +
    background-size:100%;
 +
    opacity:0.5;
 +
}
 +
#bluee {
 +
    background: blue center no-repeat;
 +
    background-size:100%;
 +
    opacity:0.5;
 +
}
 +
#yelloww {
 +
    background: yellow center no-repeat;
 +
    background-size:100%;
 +
    opacity:0.5;
 +
}
 +
 
 +
</style>
 +
 
 +
<!--=================Javascript===================-->
 +
 
 +
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:mason.js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
<!-- This is to initialize the above js which aims to reorder box divs with no spaces -->
 +
<script>
 +
$(document).ready(function(){
 +
$(function(){
 +
$("#grid").mason({
 +
itemSelector: ".box",
 +
ratio: 1.5,
 +
sizes: [
 +
[1,1],
 +
[1,2],
 +
[2,1],
 +
                                        [2,2]
 +
],
 +
columns: [
 +
[0,480,1],
 +
[480,780,2],
 +
[780,1080,3],
 +
[1080,1320,4],
 +
[1320,1680,5]
 +
],
 +
filler: {
 +
itemSelector: '.fillerBox',
 +
filler_class: 'custom_filler'
 +
},
 +
layout: 'fluid',
 +
});
 +
}); });
 +
</script>
 +
 
</html>
</html>
{{:Team:UCL/Template:footerx}}
{{:Team:UCL/Template:footerx}}

Revision as of 12:18, 3 September 2014

Goodbye Azodye UCL iGEM 2014

About
Biobricks
Achievements
Future
Manufacturing

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