Difference between revisions of "Team:Glasgow"

Line 1: Line 1:
−
<!-- {{Template:GlasgowHeader}} -->
+
<!DOCTYPE html>
 
<html>
 
<html>
−
<!-- Template by Quackit.com -->
+
  <head>
−
<!-- Images by various sources under the Creative Commons CC0 license and/or the Creative Commons Zero license. -->
+
     <title>IGEM Bootstrap Template</title>
−
<html lang="en">
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
 
+
−
<head>
+
     <!-- Bootstrap core CSS -->
−
 
+
     <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" media="screen">
−
     <meta charset="utf-8">
+
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
−
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
−
 
+
−
    <title>IGEM 2017</title>
+
−
 
+
−
     <!-- Bootstrap Core CSS -->
+
−
     <link href="https://dl.dropbox.com/s/gi8s5k5sz0lxaji/bootstrap.min.css?dl=0" rel="stylesheet">
+
−
 
+
−
    <!-- Custom CSS: You can use this stylesheet to override any Bootstrap styles and/or apply your own styles -->
+
−
    <link href="https://dl.dropbox.com/s/fbprj8yciqrcts7/custom.css?dl=0" rel="stylesheet">
+
−
 
+
−
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
−
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
 
     <!--[if lt IE 9]>
 
     <!--[if lt IE 9]>
−
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+
      <script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.js"></script>
−
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+
      <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
 
     <![endif]-->
 
     <![endif]-->
−
 
+
  </head>
−
    <!-- Custom Fonts from Google -->
+
  <body>
−
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+
     <h1>Hello, Bootstrappers!</h1>
−
   
+
−
</head>
+
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
−
 
+
     <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
−
<body>
+
     <!-- Include all compiled plugins (below), or include individual files as needed -->
−
 
+
     <script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>
−
     <!-- Navigation -->
+
  </body>
−
    <nav id="siteNav" class="navbar navbar-default navbar-fixed-top" role="navigation">
+
−
        <div class="container">
+
−
            <!-- Logo and responsive toggle -->
+
−
            <div class="navbar-header">
+
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
+
−
                    <span class="sr-only">Toggle navigation</span>
+
−
                    <span class="icon-bar"></span>
+
−
                    <span class="icon-bar"></span>
+
−
                    <span class="icon-bar"></span>
+
−
                </button>
+
−
                <a class="navbar-brand" href="#">
+
−
                <span class="glyphicon glyphicon-fire"></span>
+
−
                IGEM 2017
+
−
                </a>
+
−
            </div>
+
−
            <!-- Navbar links -->
+
−
            <div class="collapse navbar-collapse" id="navbar">
+
−
                <ul class="nav navbar-nav navbar-right">
+
−
                    <li class="active">
+
−
                        <a href="#">Home</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Project</a>
+
−
                    </li>
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a>
+
−
<ul class="dropdown-menu" aria-labelledby="about-us">
+
−
<li><a href="#">Basic Parts</a></li>
+
−
<li><a href="#">Composite Parts</a></li>
+
−
<li><a href="#">Part Collections</a></li>
+
−
</ul>
+
−
</li>
+
−
                    <li>
+
−
                        <a href="#">Awards</a>
+
−
                    </li>
+
−
                </ul>
+
−
               
+
−
            </div><!-- /.navbar-collapse -->
+
−
        </div><!-- /.container -->
+
−
    </nav>
+
−
 
+
−
<!-- Header -->
+
−
    <header>
+
−
        <div class="header-content">
+
−
            <div class="header-content-inner">
+
−
                <h1>IGEM 2017</h1>
+
−
                <p>Your team has been approved and you are ready to start the iGEM season!</p>
+
−
                <a href="#" class="btn btn-primary btn-lg">Learn More</a>
+
−
            </div>
+
−
        </div>
+
−
     </header>
+
−
 
+
−
<!-- Intro Section -->
+
−
    <section class="intro">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-lg-8 col-lg-offset-2">
+
−
                <span class="glyphicon glyphicon-globe" style="font-size: 60px"></span>
+
−
                    <h2 class="section-heading">On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world</h2>
+
−
                    <p class="text-light">For the engineering part of the project, we are aiming to build a functional biosensor that will be able to prove our construct.</p>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </section>
+
−
 
+
−
<!-- Content 1 -->
+
−
    <section class="content">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-sm-6">
+
−
                    <img class="img-responsive img-circle center-block" src="https://dl.dropbox.com/s/5sveoplbjtt0h6j/microphone.jpg?dl=0" alt="">
+
−
                </div>
+
−
                <div class="col-sm-6">
+
−
                <h2 class="section-header">Campylobacter</h2>
+
−
                <p class="lead text-muted">Our project idea is to develop a biosensor to detect the presence of the bacteria Campylobacter. This sensor will utilise the rare sugar xylulose, which is found in the polysaccharide capsule of campylobacter and is released when the bacteria is run through an acidic solution. By exploiting the mannitol operon that is present in the bacteria Pseudomonas fluorescens and expressing this in our chassis organism, Escherichia Coli, we will produce a biosensor that will express the reporter molecule Green Fluorescent Protein (GFP) when xylulose interacts with the repressor molecule of the mannitol operon. Additional sub-projects will include; investigating the quorum sensing mechanisms in campylobacter to increase the specificity of our sensor, developing hardware to produce a functioning biosensor and investigating the legal and ethical issues associated with our project.</p>
+
−
                <a href="#" class="btn btn-primary btn-lg">Classify It</a>
+
−
                </div>               
+
−
               
+
−
            </div>
+
−
        </div>
+
−
     </section>
+
−
 
+
−
<!-- Content 2 -->
+
−
    <section class="content content-2">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-sm-6">
+
−
                <h2 class="section-header">Superior Quality</h2>
+
−
                <p class="lead text-light">Holisticly predominate extensible testing procedures for reliable supply chains. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
+
−
                <a href="#" class="btn btn-default btn-lg">Test It</a>
+
−
                </div>   
+
−
                <div class="col-sm-6">
+
−
                    <img class="img-responsive img-circle center-block" src="https://www.dropbox.com/s/8r5h6drntgll37d/iphone.jpg?dl=0" alt="">
+
−
                </div>           
+
−
               
+
−
            </div>
+
−
        </div>
+
−
    </section>   
+
−
 
+
−
    <!-- Promos -->
+
−
<div class="container-fluid">
+
−
        <div class="row promo">
+
−
        <a href="#">
+
−
<div class="col-md-4 promo-item item-1">
+
−
<h3>
+
−
Description
+
−
</h3>
+
−
</div>
+
−
            </a>
+
−
            <a href="#">
+
−
<div class="col-md-4 promo-item item-2">
+
−
<h3>
+
−
Design
+
−
</h3>
+
−
</div>
+
−
            </a>
+
−
+
−
<a href="#">
+
−
<div class="col-md-4 promo-item item-3">
+
−
<h3>
+
−
Experiments
+
−
</h3>
+
−
</div>
+
−
            </a>
+
−
        </div>
+
−
    </div><!-- /.container-fluid -->
+
−
 
+
−
<!-- Content 3 -->
+
−
    <section class="content content-3">
+
−
        <div class="container">
+
−
<h2 class="section-header"><span class="glyphicon glyphicon-pushpin text-primary"></span><br> Sanity Check</h2>
+
−
<p class="lead text-muted">Holisticly predominate extensible testing procedures for reliable supply chains. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
+
−
                    <a href="#" class="btn btn-primary btn-lg">Check Now</a>             
+
−
            </div>
+
−
        </div>
+
−
    </section>
+
−
   
+
−
<!-- Footer -->
+
−
    <footer class="page-footer">
+
−
   
+
−
    <!-- Contact Us -->
+
−
        <div class="contact">
+
−
        <div class="container">
+
−
<h2 class="section-heading">Contact Us</h2>
+
−
<p><span class="glyphicon glyphicon-earphone"></span><br> +1(23) 456 7890</p>
+
−
<p><span class="glyphicon glyphicon-envelope"></span><br> info@example.com</p>
+
−
        </div>
+
−
        </div>
+
−
       
+
−
        <!-- Copyright etc -->
+
−
        <div class="small-print">
+
−
        <div class="container">
+
−
        <p>Copyright &copy; igem.com 2017</p>
+
−
        </div>
+
−
        </div>
+
−
       
+
−
    </footer>
+
−
 
+
−
    <!-- jQuery -->
+
−
    <script src="https://dl.dropbox.com/s/8sfdhkmpdh9m2xb/jquery-1.11.3.min.js?dl=0"></script>
+
−
 
+
−
     <!-- Bootstrap Core JavaScript -->
+
−
     <script src="https://dl.dropbox.com/s/2gtgi7jberg9840/bootstrap.min.js?dl=0"></script>
+
−
 
+
−
    <!-- Plugin JavaScript -->
+
−
    <script src="https://dl.dropbox.com/s/eu090pe9tju6ayz/jquery.easing.min.js?dl=0"></script>
+
−
   
+
−
    <!-- Custom Javascript -->
+
−
    <script src="https://dl.dropbox.com/s/47kg36xe7tzw97h/custom.js?dl=0"></script>
+
−
 
+
−
</body>
+
−
 
+
 
</html>
 
</html>
−
{{Template:Glasgow Footer}}
 

Revision as of 22:07, 1 August 2017

<!DOCTYPE html> IGEM Bootstrap Template

Hello, Bootstrappers!