Team:York/Bootstrap

From 2014.igem.org

(Difference between revisions)

Latest revision as of 17:13, 16 October 2014

Team York 2014

Our project EcoCADMUS (E. Coli CAdmium DecontaMination Universal System) targets industrial and mineral processing waste-water contamination by heavy metals and sulfates. EcoCADMUS provides a safe and selective way to remove Cadmium Sulfide from waste water using Synthetic Biology.

Hello! We're from the

Our project EcoCADMUS (E. Coli CAdmium DecontaMination Universal System) targets industrial and mineral processing waste-water contamination by heavy metals and sulfates. EcoCADMUS provides a safe and selective way to remove Cadmium Sulfide from waste water using Synthetic Biology.

Our Team

Come and meet our lovely team!
We've been working hard (mostly!) on our project all over Summer.

Plasmid Construct

Look at the plasmid we're using in our project, complete with a repertoire of Cadmium related genes.

Social Outreach

We've been busy communicating Synthetic Biology and contemplating the sustainability and ethics of our project.

@@ Line 5: / Line 5: @@
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>Team York 2014</title>
-    <link href="https://2014.igem.org/Team:York/Template.css?action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet">
      <!-- Bootstrap -->
      <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
+    <link href="https://2014.igem.org/Team:York/Template.css?action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet">
-<style>
-#content {
-width:auto;
-padding:0px;
-}
-#bodyContent {
-width:auto;
-}
-</style>
    </head>
@@ Line 31: / Line 19: @@
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-	<div class="navbar navbar-inverse navbar-static-top">
+	<div class="navbar navbar-inverse navbar-fixed-top">
 		<div class="container">
-		<a href="#" class="navbar-brand"><img src="https://static.igem.org/mediawiki/2014/3/3d/York_final_LOGO.png" style="margin-top:-20px;"></a>
+		<a href="https://2014.igem.org/Team:York" class="navbar-brand"><img src="https://static.igem.org/mediawiki/2014/5/55/UoYiGEMlogo.png" id="topyorklogo"></a>
 		<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
@@ Line 45: / Line 33: @@
 				<ul class="nav navbar-nav navbar-right">
-					<li class="active"><a href="#">Home</a></li>
+					<li class="active"><a href="https://2014.igem.org/Team:York">Home</a></li>
-					<li><a href="#">Team</a></li>
-					<li><a href="#">Project</a></li>
 					<li class="dropdown">
-						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<b class="caret"></b></a>
+                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project
+ <b class="caret"></b></a>
+                                                <ul class="dropdown-menu">
+                                                        <li><a href="https://2014.igem.org/Team:York/Project">Challenge</a></li>
+                                                        <li><a href="https://2014.igem.org/Team:York/Constructs">Solution</a></li>
+                                                        <li><a href="https://2014.igem.org/Team:York/Application">Future Applications</a></li>
+                                                </ul>
+                                        </li>
+					<li class="dropdown">
+                                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievements
+ <b class="caret"></b></a>
+                                                <ul class="dropdown-menu">
+                                                        <li><a href="https://2014.igem.org/Team:York/Judging">Judging Criteria</a></li>
+                                                        <li><a href="https://2014.igem.org/Team:York/Results">Results</a></li>
+                                                        <li><a href="https://2014.igem.org/Team:York/Parts">Parts</a></li>
+                                                </ul>
+                                        </li>
+					<li class="dropdown">
+						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Policy And Practice
+ <b class="caret"></b></a>
 						<ul class="dropdown-menu">
-							<li><a href="#">Fundraising</a></li>
+                                                        <li><a href="https://2014.igem.org/Team:York/Environment">Environmental Impact</a></li>
-							<li><a href="#">Surveys</a></li>
+							<li><a href="https://2014.igem.org/Team:York/Surveys">Survey and GMOs</a></li>
-							<li><a href="#">YSB 2.0</a></li>
+							<li> <a href="https://2014.igem.org/Team:York/Outreach">Outreach</a></li>
-							<li><a href="#">European Researchers Night</a></li>
+							<li><a href="https://2014.igem.org/Team:York/Collaborations">Collaborations</a></li>
+						</ul>
+					</li>
+					<li class="dropdown">
+						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook
+ <b class="caret"></b></a>
+						<ul class="dropdown-menu">
+							<li><a href="https://2014.igem.org/Team:York/Protocols">Protocols</a></li>
+							<li><a href="https://2014.igem.org/Team:York/Notebook">Notebook</a></li>
 						</ul>
 					</li>
-					<li><a href="#">Sponsors</a></li>
+					<li><a href="https://2014.igem.org/Team:York/Safety">Safety</a></li>
+					<li><a href="https://2014.igem.org/Team:York/Team">Team</a></li>
 				</ul>
@@ Line 63: / Line 78: @@
 		</div>
-	</div>
+	</div><br>
-	<br>
+<!--   THE TOP HAS ENDED. THE REST OF THE PAGE BEGINS.   -->
-	<div class="container">
-	<div id="IntroCarousel" class="carousel slide">
+	<div class="container-fluid">
+	<div id="IntroCarousel" class="carousel slide" style="margin-top:30px;">
 		<ol class="carousel-indicators">
@@ Line 82: / Line 98: @@
 			<div class="item active">
-<img src="https://static.igem.org/mediawiki/2014/4/4f/York_imagegallery_1.JPG" class="img-responsive"></div>
+<img src="https://static.igem.org/mediawiki/2014/7/7c/York_imagegallery_5.JPG" class="img-responsive" style="width:1600px; height:auto;">
+<div class="carousel-caption visible-lg" style="margin-bottom:60px; margin-left:100px; margin-right:100px;">
+                        <img src="https://static.igem.org/mediawiki/2014/9/9c/York_Masthead.png" class="img-responsive center" style="max-width:600px; margin-top:30px; margin-bottom:30px; margin-left:auto; margin-right:auto;">
+			<p style="font-size:16px">Our project EcoCADMUS (E. Coli CAdmium DecontaMination Universal System) targets industrial and mineral processing waste-water contamination by heavy metals and sulfates. EcoCADMUS provides a safe and selective way to remove Cadmium Sulfide from waste water using Synthetic Biology.</p><br><br>
+                <a href="https://2014.igem.org/Team:York/Project">
+                    <button type="button" class="btn btn-primary">Learn More!</button>
+                </a><br>
+</div>
+<div class="carousel-caption visible-md" style="margin-bottom:30px; margin-left:30px; margin-right:30px;">
+                        <img src="https://static.igem.org/mediawiki/2014/9/9c/York_Masthead.png" class="img-responsive center" style="max-width:600px; margin-top:30px; margin-bottom:30px; margin-left:auto; margin-right:auto;">
+			<p style="font-size:16px">Our project EcoCADMUS (E. Coli CAdmium DecontaMination Universal System) targets industrial and mineral processing waste-water contamination by heavy metals and sulfates. EcoCADMUS provides a safe and selective way to remove Cadmium Sulfide from waste water using Synthetic Biology.</p>
+                <a href="https://2014.igem.org/Team:York/Project">
+                    <button type="button" class="btn btn-primary">Learn More!</button>
+                </a><br>
+</div>
+</div>
 			<div class="item">
-<img src="https://static.igem.org/mediawiki/2014/e/e9/York_imagegallery_2.JPG" class="img-responsive"></div>
+<img src="https://static.igem.org/mediawiki/2014/4/4f/York_imagegallery_1.JPG" class="img-responsive" style="width:1600px; height:auto;"></div>
 			<div class="item">
-<img src="https://static.igem.org/mediawiki/2014/8/85/York_imagegallery_3.JPG" class="img-responsive"></div>
+<img src="https://static.igem.org/mediawiki/2014/8/85/York_imagegallery_3.JPG" class="img-responsive" style="width:1600px; height:auto;"></div>
 			<div class="item">
-<img src="https://static.igem.org/mediawiki/2014/d/d9/York_imagegallery_4.JPG" class="img-responsive"></div>
+<img src="https://static.igem.org/mediawiki/2014/d/d9/York_imagegallery_4.JPG" class="img-responsive" style="width:1600px; height:auto;"></div>
 			<div class="item">
-<img src="https://static.igem.org/mediawiki/2014/7/7c/York_imagegallery_5.JPG" class="img-responsive"></div>
+<img src="https://static.igem.org/mediawiki/2014/e/e9/York_imagegallery_2.JPG" class="img-responsive" style="width:1600px; height:auto;"></div>
 			<div class="item">
-<img src="https://static.igem.org/mediawiki/2014/e/ea/York_imagegallery_6.JPG" class="img-responsive"></div>
+<img src="https://static.igem.org/mediawiki/2014/e/ea/York_imagegallery_6.JPG" class="img-responsive" style="width:1600px; height:auto;"></div>
 			<div class="item">
-<img src="https://static.igem.org/mediawiki/2014/0/06/York_imagegallery_7.JPG" class="img-responsive"></div>
+<img src="https://static.igem.org/mediawiki/2014/0/06/York_imagegallery_7.JPG" class="img-responsive" style="width:1600px; height:auto;"></div>
 			<div class="item">
-<img src="https://static.igem.org/mediawiki/2014/9/9d/York_imagegallery_8.JPG" class="img-responsive"></div>
+<img src="https://static.igem.org/mediawiki/2014/9/9d/York_imagegallery_8.JPG" class="img-responsive" style="width:1600px; height:auto;"></div>
 		</div>
@@ Line 106: / Line 137: @@
 			<span class="icon-next"></span>
 		</a>
+	</div></div>
-	</div>
 	<br>
-		<div class="jumbotron text-center">
+<div class="container">
-			<h1>Hello! We're from the University of York</h1>
+		<div class="jumbotron text-center"><div class="visible-xs visible-sm" style="padding-left:100px; padding-right:100px;">
-			<p>Our project EcoCADMUS (E. Coli CAdmium DecontaMination Universal System) aims to target the global issue of wastewaters from industry and mineral processing being contaminated by metals and sulfates.</p>
+			<h2>Hello! We're from the
-		</div>
+                        <img src="https://static.igem.org/mediawiki/2014/4/4c/Uoylogo.png" class="img-responsive center" style="max-width:600px; margin-top:30px; margin-bottom:30px; margin-left:auto; margin-right:auto;"></h2>
+			<p>Our project EcoCADMUS (E. Coli CAdmium DecontaMination Universal System) targets industrial and mineral processing waste-water contamination by heavy metals and sulfates. EcoCADMUS provides a safe and selective way to remove Cadmium Sulfide from waste water using Synthetic Biology.</p>
-	<br>
+                <a href="https://2014.igem.org/Team:York/Project">
+                    <button type="button" class="btn btn-primary">Learn More!</button>
-	<h2>Undergraduates</h2>
+                </a></div>
+<br><br>
-	<div class="row">
+<div class="row">
+   <div class="col-sm-4">
-		<div class="col-md-6">
+        <div class="panel panel-default">
-			<h3>Team Member 1</h3>
+            <div class="panel-heading"><h3>Our Team</h3></div>
-			<p>3rd Year MChem Chemistry</p>
+            <div class="panel-body">
-		</div>
+            <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/4/44/York_TeamHomePage.jpg">
+            <p>Come and meet our lovely team!<br>We've been working hard (mostly!) on our project all over Summer.</p>
-		<div class="col-md-6">
+                <a href="https://2014.igem.org/Team:York/Team">
-			<h3>Team Member 2</h3>
+                    <button type="button" class="btn btn-primary">Meet the Team!</button>
-			<p>1st Year BSc Genetics</p>
+                </a>
-		</div>
+            </div>
+        </div>
-	</div>
+    </div>
-	<div class="row">
+    <div class="col-sm-4">
+        <div class="panel panel-default">
-		<div class="col-md-6">
+            <div class="panel-heading"><h3>Plasmid Construct</h3></div>
-			<h3>Team Member 3</h3>
+                <div class="panel-body">
-			<p>1st Year Biochemistry</p>
+                <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/a/ae/York_Constructs.jpg">
-		</div>
+                <p>Look at the plasmid we're using in our project, complete with a repertoire of Cadmium related genes.</p>
+                <a href="https://2014.igem.org/Team:York/Constructs">
-		<div class="col-md-6">
+                    <button type="button" class="btn btn-primary">View Constructs</button>
-			<h3>Team Member 4</h3>
+                </a>
-			<p>1st Year BSc Biology</p>
+                </div>
-		</div>
+            </div>
+    </div>
-	</div>
+   <div class="col-sm-4">
-	</div>
+        <div class="panel panel-default">
-   </body>
+            <div class="panel-heading"><h3>Social Outreach</h3></div>
+            <div class="panel-body">
+            <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/7d/York_Researchhomepage.jpg">
+            <p>We've been busy communicating Synthetic Biology and contemplating the sustainability and ethics of our project. </p>
+                <a href="https://2014.igem.org/Team:York/SocialImpacts">
+                    <button type="button" class="btn btn-primary">Read our Report</button>
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+</div>
+</div>
+<!--   THE PAGE HAS ENDED. THE FOOTER BEGINS.   -->
+<nav class="navbar navbar-default navbar-static-bottom" role="contact" id="yorkfooter">
+  <div class="container">
+    <a href="http://www.york.ac.uk/biology/" class="navbar-brand img-responsive">
+       <img src="https://static.igem.org/mediawiki/2014/4/4c/Uoylogo.png" id="bottomyorklogo">
+    </a>
+<div class="collapse navbar-collapse navHeaderCollapse">
+    <ul class="nav navbar-nav navbar-right">
+        <li><a href="https://twitter.com/iGEMyork" title="@iGEMyork">
+            <img src="https://static.igem.org/mediawiki/2014/1/14/York_Twitter.png" class="contacticon"></a></li>
+        <li><a href="mailto:igemyork2014@gmail.co.uk" title="igemyork2014@gmail.co.uk">
+            <img src="https://static.igem.org/mediawiki/2014/3/3a/York_Mail.png" class="contacticon"></a></li>
+    </ul></div>
+   </div>
+</nav>
+</body>
 </html>