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 10: / Line 10: @@
      <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;
-}
-}
-</style>
    </head>
@@ Line 48: / 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 63: / 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 90: / 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 109: / 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 133: / Line 137: @@
 			<span class="icon-next"></span>
 		</a>
+	</div></div>
-	</div>
 	<br>
-		<div class="jumbotron text-center">
+<div class="container">
+		<div class="jumbotron text-center"><div class="visible-xs visible-sm" style="padding-left:100px; padding-right:100px;">
 			<h2>Hello! We're from the
                          <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>
@@ Line 142: / Line 146: @@
                  <a href="https://2014.igem.org/Team:York/Project">
                      <button type="button" class="btn btn-primary">Learn More!</button>
+                </a></div>
+<br><br>
+<div class="row">
+   <div class="col-sm-4">
+        <div class="panel panel-default">
+            <div class="panel-heading"><h3>Our Team</h3></div>
+            <div class="panel-body">
+            <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>
+                <a href="https://2014.igem.org/Team:York/Team">
+                    <button type="button" class="btn btn-primary">Meet the Team!</button>
                  </a>
-		</div>
+            </div>
+        </div>
-	</div>
+    </div>
-   </body>
+    <div class="col-sm-4">
+        <div class="panel panel-default">
+            <div class="panel-heading"><h3>Plasmid Construct</h3></div>
+                <div class="panel-body">
+                <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/a/ae/York_Constructs.jpg">
+                <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">
+                    <button type="button" class="btn btn-primary">View Constructs</button>
+                </a>
+                </div>
+            </div>
+    </div>
+   <div class="col-sm-4">
+        <div class="panel panel-default">
+            <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>