Team:York/Bootstrap

From 2014.igem.org

(Difference between revisions)

Revision as of 23:32, 14 October 2014

Team York 2014

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 77: / Line 48: @@
   <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/Sustainability">Sustainability</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/SocialImpacts">Social Impacts</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>
+						</ul>
+					</li>
+					<li class="dropdown">
+						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Lab Work
+ <b class="caret"></b></a>
+						<ul class="dropdown-menu">
+							<li><a href="https://2014.igem.org/Team:York/Notebook">Notebook</a></li>
+							<li><a href="https://2014.igem.org/Team:York/Protocols">Protocols</a></li>
+                                                        <li><a href="https://2014.igem.org/Team:York/Characterisation">Characterisation</a></li>
 						</ul>
 					</li>
@@ Line 90: / Line 70: @@
 		</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 id="IntroCarousel" class="carousel slide" style="margin-top:30px;">
 		<ol class="carousel-indicators">
@@ Line 133: / Line 114: @@
 			<span class="icon-next"></span>
 		</a>
 	</div>
 	<br>
-		<div class="jumbotron text-center">
+		<div class="jumbotron text-center"><div class="hidden-xs hidden-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 122: @@
                  <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>
-<ul class="nav nav-tabs" role="tablist" id="myTab">
+        </div>
-    <li class="active"><a href="#one" role="tab" data-toggle="tab">One</a></li>
+    </div>
-    <li><a href="#two" role="tab" data-toggle="tab">Two</a></li>
+    <div class="col-sm-4">
-    <li><a href="#three" role="tab" data-toggle="tab">Three</a></li>
+        <div class="panel panel-default">
-    <li><a href="#four" role="tab" data-toggle="tab">Four</a></li>
+            <div class="panel-heading"><h3>Plasmid Construct</h3></div>
-</ul>
+                <div class="panel-body">
+                <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/a/ae/York_Constructs.jpg">
-<div class="tab-content">
+                <p>Look at the plasmid we're using in our project, complete with a repertoire of Cadmium related genes.</p>
-    <div class="tab-pane active" id="one"><h1>One</h1></div>
+                <a href="https://2014.igem.org/Team:York/Constructs">
-    <div class="tab-pane" id="two"><h1>Two</h1></div>
+                    <button type="button" class="btn btn-primary">View Constructs</button>
-    <div class="tab-pane" id="three"><h1>Three</h1></div>
+                </a>
-    <div class="tab-pane" id="four"><h1>Four</h1></div>
+                </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>
+</div>
+<!--   THE PAGE HAS ENDED. THE FOOTER BEGINS.   -->
-	</div>
+<nav class="navbar navbar-default navbar-static-bottom" role="contact" id="yorkfooter">
-   </body>
+  <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>