Team:UCL/Homex

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/* =Header Banner */
+
{{:Team:UCL/Template:headerx}}
-
.banner-image-background {
+
<html>
-
    background: url('https://static.igem.org/mediawiki/2014/3/30/Azo4.jpg') no-repeat center;
+
<!-- ============= CSS for Humans Main ================= -->
-
    background-size: 150%;
+
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:HomeMain.css?action=raw&ctype=text/css" type="text/css" />
-
    /*background-color: #e7e7e7;*/
+
-
    position: relative;
+
-
    height: 700px;
+
-
z-index: 10;
+
-
}
+
-
+
-
.banner-image-overlay {
+
-
    background-color: rgba(0,0,0,0.5);
+
-
    width:100%;
+
-
    height:100%;
+
-
z-index: 11;
+
-
}
+
-
.banner-image-logo {
+
<!-- ============= BODY SLIDERS ======================== -->
-
    top:150px;
+
<body>
-
    display: inline-block;
+
<div id="skrollr-body">
-
    vertical-align: middle;
+
-
    opacity:1;
+
-
}
+
-
/* =Profiles */
+
    <!--[if lt IE 7]>
-
main {
+
        <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
-
     z-index: 1;
+
     <![endif]-->
-
    position: relative;
+
-
}
+
-
.slide {
 
-
     color: #a7a0a2;
+
     <header class="banner-image-background">
-
    font-weight: 200;
+
            <div class="banner-image-overlay">
-
    font-size: 1em;
+
    <div style="opacity:1"><img src="https://static.igem.org/mediawiki/2014/e/e8/UCL-old-logo-small.jpg" alt="" class="banner-image-logo"/><div>
-
    font-family: 'Lato', Arial, sans-serif;
+
            </div>
 +
    </header>
-
}
+
    <main>
-
.slide h1
+
<div id="slideabout" class="slide">
-
{
+
            <div class="wrapper clearfix">
-
    text-align:center;
+
-
    background-color:black;
+
-
    font-weight:bold;
+
-
    border-bottom:none;
+
-
    color: white;
+
-
}
+
-
.slide h2 {
+
<div id="slideaboutheader" class="slideheader"
-
    font-weight:bold;
+
data-anchor-target="#slideabout"
-
    border-bottom:none;
+
data-bottom-top="transform[sqrt]:translateX(-200%)"
-
    color: #a7a0a2;
+
data-100-top="transform[sqrt]:translateX(-60%)">
-
}
+
 +
<h1>ABOUT US</h1>
-
.slide p, .slide h2, .slide h1 {
+
</div>
-
    text-align:center;
+
-
}
+
-
#slideabout {
+
<h2>WHO ARE WE?</h2>
-
    padding-left:200px;
+
<p>We are University College London's iGEM 2014 team.</p>
-
    padding-right:200px;
+
<br/>
-
    height:600px;
+
<h2>WHAT ARE WE DOING?</h2>
-
}
+
<p>We are using Synthetic Biology to combat <b>AZO-DYE</b> Pollution.  Azo Dyes are the most common synthetic dye and are used everywhere, from food colouring to clothes. You're probably wearing clothes dyed with Azo-Dyes! But, when they get into waste water they're very toxic. Our team is engineering bacteria that degrade these dyes, using enzymes, to make them colourless and less harmful to the environment</p>
 +
<p>Click to find out more</p>
-
#slidepeople {
 
-
    background: url('https://static.igem.org/mediawiki/2014/a/a3/Azo3.jpg') no-repeat;
 
-
    background-position-y:-400px;
 
-
    background-size:100%;
 
-
    height:600px;
 
-
z-index: 10;
 
-
}
 
-
@media only screen and (min-width: 768px) {
+
</div>
-
 
+
        </div>
-
  /* =Header Banner */
+
-
    .banner-image-background {
+
        <div id="slidepeople" class="slide">
-
    background: url('https://static.igem.org/mediawiki/2014/3/30/Azo4.jpg') no-repeat center;
+
-
    background-size:100%;
+
-
    position: relative;
+
-
    z-index:10;
+
-
    /* height: 1000px; */
+
-
}
+
-
    .banner-image-overlay {
+
            <div class="wrapper clearfix">
-
        background-color:rgba(0,0,0,0.5);
+
<div id="slidepeopleheader" class="slideheader"
-
        width:100%;
+
data-anchor-target="#slidepeople"
-
        height:100%;
+
data-bottom-top="transform[sqrt]:translateX(200%)"
-
        z-index:11;
+
data-top="transform[sqrt]:translateX(0%)">
-
    }
+
-
.banner-image-logo {
+
<h1>MEET THE TEAM</h1>
-
width: 727px;
+
 
-
height: 503px;
+
</div>
-
background: url('https://static.igem.org/mediawiki/2014/e/e8/UCL-old-logo-small.jpg') no-repeat center;
+
</div>
-
background-size: 727px 503px;
+
        </div>
-
position: absolute;
+
-
/* top: 25%; */
+
    </main>
-
left: 50%;
+
 
-
margin-left: -359px;
+
</div>
-
        z-index:12;
+
</body>
-
}
+
 
-
+
 
-
}
+
</html>
 +
{{:Team:UCL/Template:footerx}}

Revision as of 09:09, 27 August 2014

Goodbye Azodye UCL iGEM 2014

ABOUT US

WHO ARE WE?

We are University College London's iGEM 2014 team.


WHAT ARE WE DOING?

We are using Synthetic Biology to combat AZO-DYE Pollution. Azo Dyes are the most common synthetic dye and are used everywhere, from food colouring to clothes. You're probably wearing clothes dyed with Azo-Dyes! But, when they get into waste water they're very toxic. Our team is engineering bacteria that degrade these dyes, using enzymes, to make them colourless and less harmful to the environment

Click to find out more

MEET THE 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/Homex"