Team:York/Bootstrap

From 2014.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 5: Line 5:
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Team York 2014</title>
     <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 -->
     <!-- Bootstrap -->
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
     <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 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>
   </head>
Line 49: Line 19:
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
     <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">
<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">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
Line 63: Line 33:
<ul class="nav navbar-nav navbar-right">
<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">
<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">
<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>
</ul>
</li>
</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>
</ul>
Line 81: Line 78:
</div>
</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">
<ol class="carousel-indicators">
Line 100: Line 98:
<div class="item active">
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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>
</div>
Line 124: Line 137:
<span class="icon-next"></span>
<span class="icon-next"></span>
</a>
</a>
-
+
</div></div>
-
</div>
+
<br>
<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="http://www.york.ac.uk/np/images/home_logo_print.gif" class="img-responsive"></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>
-
<h3>Team Member 1</h3>
+
            <div class="panel-body">
-
<p>3rd Year MChem Chemistry</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>
-
<h3>Team Member 2</h3>
+
                </a>
-
<p>1st Year BSc Genetics</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">
-
<h3>Team Member 3</h3>
+
                <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/a/ae/York_Constructs.jpg">
-
<p>1st Year Biochemistry</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>
-
<h3>Team Member 4</h3>
+
                </div>
-
<p>1st Year BSc Biology</p>
+
            </div>
-
</div>
+
    </div>
-
+
  <div class="col-sm-4">
-
</div>
+
        <div class="panel panel-default">
-
</div>
+
            <div class="panel-heading"><h3>Social Outreach</h3></div>
-
   </body>
+
            <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>
</html>

Latest revision as of 17:13, 16 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.

Retrieved from "http://2014.igem.org/Team:York/Bootstrap"