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;
-margin-top:-20px;
-}
-.firstHeading {
-height:0px;
-padding:0px;
-margin:0px;
-border:0px;
-}
-#top-section {
-width: inherit;
-background: #444444;
-#footer-box {
-width: inherit;
-}
-.headshot {
-width:100px;
-height:100px;
-}
-</style>
    </head>
@@ Line 53: / 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/5/55/UoYiGEMlogo.png" style="margin-top:-15px;"></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 68: / Line 34: @@
 				<ul class="nav navbar-nav navbar-right">
 					<li class="active"><a href="https://2014.igem.org/Team:York">Home</a></li>
-					<li><a href="https://2014.igem.org/Team:York/Team">Team</a></li>
 					<li class="dropdown">
                                                  <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">Background</a></li>
+                                                         <li><a href="https://2014.igem.org/Team:York/Project">Challenge</a></li>
-                                                         <li><a href="https://2014.igem.org/Team:York/Constructs">Constructs</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">Practical Application</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">Human Practices
+                                                <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="https://2014.igem.org/Team:York/Social">Social Impacts</a></li>
-							<li><a href="https://2014.igem.org/Team:York/Women">Women in Science</a></li>
-							<li><a href="https://2014.igem.org/Team:York/Surveys">Surveys</a></li>
-							<li><a href="https://2014.igem.org/Team:York/RN">Researchers Night</a></li>
                                                          <li><a href="https://2014.igem.org/Team:York/Environment">Environmental Impact</a></li>
+							<li><a href="https://2014.igem.org/Team:York/Surveys">Survey and GMOs</a></li>
+							<li> <a href="https://2014.igem.org/Team:York/Outreach">Outreach</a></li>
+							<li><a href="https://2014.igem.org/Team:York/Collaborations">Collaborations</a></li>
 						</ul>
 					</li>
-					<li><a href="https://2014.igem.org/Team:York/Sponsors">Sponsors</a></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="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 95: / 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 114: / Line 98: @@
 			<div class="item active">
-<img src="https://static.igem.org/mediawiki/2014/4/4f/York_imagegallery_1.JPG" class="img-responsive" style="width:1200px; height:523px;"></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" style="width:1200px; height:523px;"></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" style="width:1200px; height:523px;"></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" style="width:1200px; height:523px;"></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" style="width:1200px; height:523px;"></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" style="width:1200px; height:523px;"></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" style="width:1200px; height:523px;"></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" style="width:1200px; height:523px;"></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 138: / 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
+		<div class="jumbotron text-center"><div class="visible-xs visible-sm" style="padding-left:100px; padding-right:100px;">
-                         <img src="https://static.igem.org/mediawiki/2014/4/4c/Uoylogo.png" class="img-responsive center"></h1>
+			<h2>Hello! We're from the
-			<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>
+                         <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>
-		</div>
+			<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>
+                <a href="https://2014.igem.org/Team:York/Project">
-	<br>
+                    <button type="button" class="btn btn-primary">Learn More!</button>
+                </a></div>
-	<h2>Undergraduates</h2>
+<br><br>
+<div class="row">
-	<div class="row">
+   <div class="col-sm-4">
+        <div class="panel panel-default">
-		<div class="col-md-6">
+            <div class="panel-heading"><h3>Our Team</h3></div>
-			<img src="https://media.licdn.com/mpr/mpr/shrink_200_200/p/3/005/07f/0dd/05d0053.jpg" class="headshot" style="width:200px; height:200px">
+            <div class="panel-body">
-			<h4>Robyn Whiting</h4> <p>BSc Genetics</p> <p>First year</p>
+            <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/4/44/York_TeamHomePage.jpg">
-		</div>
+            <p>Come and meet our lovely team!<br>We've been working hard (mostly!) on our project all over Summer.</p>
+                <a href="https://2014.igem.org/Team:York/Team">
-		<div class="col-md-6">
+                    <button type="button" class="btn btn-primary">Meet the Team!</button>
-			<img src="https://media.licdn.com/media/p/8/005/080/0fb/02bf6ac.jpg" class="headshot" style="width:200px; height:200px">
+                </a>
-			<h4>Sarah Andrews</h4> <p>Bsc Molecular Cell Biology</p> <p>First year</p>
+            </div>
-		</div>
+        </div>
+    </div>
-	</div>
+    <div class="col-sm-4">
-	<div class="row">
+        <div class="panel panel-default">
+            <div class="panel-heading"><h3>Plasmid Construct</h3></div>
-		<div class="col-md-6">
+                <div class="panel-body">
-			<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/17496_612518962100655_140396316_n.jpg?oh=508dee3dc2c13463c8830a803cfd7c4f&oe=547F78A9&__gda__=1416559001_6a86a10c3bb44162f0640abb865a29ca" class="headshot" style="width:200px; height:200px">
+                <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/a/ae/York_Constructs.jpg">
-			<h4>Nikola Panayotov </h4> <p>BSc Biochemistry</p> <p>Second year</p>
+                <p>Look at the plasmid we're using in our project, complete with a repertoire of Cadmium related genes.</p>
-		</div>
+                <a href="https://2014.igem.org/Team:York/Constructs">
+                    <button type="button" class="btn btn-primary">View Constructs</button>
-		<div class="col-md-6">
+                </a>
-			<img src="https://scontent-a.xx.fbcdn.net/hphotos-xfp1/v/t1.0-9/10154381_641839729220757_1148164643_n.jpg?oh=146389db519779739de55ebda6651e64&oe=546363E2" class="headshot" style="width:200px; height:200px">
+                </div>
-			<h4>Ivan Gyulev</h4> <p>BSc Genetics</p> <p>Third year</p>
+            </div>
-		</div>
+    </div>
+   <div class="col-sm-4">
-	</div>
+        <div class="panel panel-default">
+            <div class="panel-heading"><h3>Social Outreach</h3></div>
-	<div class="row">
+            <div class="panel-body">
+            <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/7/7d/York_Researchhomepage.jpg">
-		<div class="col-md-6">
+            <p>We've been busy communicating Synthetic Biology and contemplating the sustainability and ethics of our project. </p>
-			<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xap1/v/t1.0-9/1238076_1391832267714701_146965747_n.jpg?oh=1fdb96b5e625b4d40d8e93e1dfa3d8c6&oe=545CB938&__gda__=1417270545_f45510338c4d692f14dc3c18353c776c" class="headshot" style="width:200px; height:200px">
+                <a href="https://2014.igem.org/Team:York/SocialImpacts">
-			<h4>Hanna Esser</h4> <p>BSc Biochemistry</p> <p>First year</p>
+                    <button type="button" class="btn btn-primary">Read our Report</button>
-		</div>
+                </a>
+            </div>
-		<div class="col-md-6">
+        </div>
-			<img src="https://media.licdn.com/mpr/mpr/shrink_200_200/p/6/005/081/074/0223206.jpg" class="headshot" style="width:200px; height:200px">
+    </div>
-			<h4>Ruth Haley</h4> <p>BSc Biochemistry</p> <p>First year</p>
+</div>
-		</div>
+</div>
+</div>
-	</div>
+</div>
-	</div>
+<!--   THE PAGE HAS ENDED. THE FOOTER BEGINS.   -->
-  </body>
+<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>