Difference between revisions of "Team:NTU-Singapore/Interlab"

Line 1: Line 1:
−
<!DOCTYPE html>
+
{{NTU-Singapore}}
−
<html lang="en">
+
<html>
  
−
<head>
 
  
−
    <meta charset="utf-8">
+
<div class="column full_size" >
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
    <meta name="description" content="">
+
−
    <meta name="author" content="">
+
  
−
    <title>NTU-Singapore</title>
+
<p>Here you can describe the results of your project and your future plans. </p>
  
−
    <!-- Custom CSS -->
+
<h5>What should this page contain?</h5>
−
    <link href="https://2016.igem.org/Template:NTU-Singapore" rel="stylesheet">
+
<ul>
 +
<li> Clearly and objectively describe the results of your work.</li>
 +
<li> Future plans for the project </li>
 +
<li> Considerations for replicating the experiments </li>
 +
</ul>
  
−
    <!-- Custom Fonts -->
+
</div>
−
<script src="https://use.fontawesome.com/597ba5ca72.js"></script>
+
−
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
+
  
−
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
<div class="column half_size" >
−
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
−
    <!--[if lt IE 9]>
+
−
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+
−
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+
−
    <![endif]-->
+
  
−
</head>
 
  
−
<body>
+
<h5> Project Achievements </h5>
  
−
    <div id="wrapper">
+
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
  
−
        <!-- Navigation -->
+
<ul>
−
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+
<li>A list of linked bullet points of the successful results during your project</li>
−
<!-- Brand and toggle get grouped for better mobile display -->
+
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
−
<div class="navbar-header">
+
</ul>
−
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
+
−
<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="index.html">NTU-Singapore</a>
+
−
</div>
+
−
<!-- Top Menu Items -->
+
−
<ul class="nav navbar-right top-nav">
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-home"></i> <span class="navbar-name"> Home</span> </a>
+
−
</li>
+
−
+
−
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-flask"></i><span class="navbar-name"> Projects</span><b class="caret"></b></a>
+
−
<ul class="dropdown-menu dropdown-menu-project">
+
−
<li>
+
−
<a href="#"><i class="fa fa-2x fa-balance-scale"></i><span style="top: -34px; float: left; left: 50px;"class="navbar-name"> Interlab Measurement </span> </a>
+
−
</li>
+
−
<li>
+
−
<a href="#"><i class="fa fa-fw fa-2x fa-book"></i><span style="left: 9px;" class="navbar-name"> Description</span> </a>
+
−
</li>
+
−
+
−
<li>
+
−
<a href="#"><i class="fa fa-2x fa-paint-brush"></i><span style="left: 16px;" class="navbar-name"> Design</span> </a>
+
−
</li>
+
−
<li>
+
−
<a href="#" style="height: 49px;"><i class="fa fa-2x  fa-bar-chart" style="float: left;"></i><span style="width: 96px;
+
−
left: 10px;
+
−
float: left;
+
−
margin-left: 6px;
+
−
top: -6px;" class="navbar-name"> Proof of concept</span> </a>
+
−
</li>
+
−
<li>
+
−
<a href="#"><i class="fa fa-2x  fa-space-shuttle"></i><span style="left: 9px;" class="navbar-name"> Demonstrate</span> </a>
+
−
</li>
+
−
+
−
</ul>
+
−
+
−
</li>
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x  fa-group"></i><span class="navbar-name"> Human Practice</span>  <b class="caret"></b></a>
+
−
<ul class="dropdown-menu dropdown-menu-humanprac">
+
−
<li>
+
−
<a href="#"><i class="fa fa-fw fa-2x fa-user"></i><span class="navbar-name"> Silver</span> </a>
+
−
</li>
+
−
<li>
+
−
<a href="#"><i class="fa fa-fw fa-2x fa-envelope"></i><span class="navbar-name"> Gold</span> </a>
+
−
</li>
+
−
<li>
+
−
<a href="#"><i class="fa fa-fw fa-2x fa-heartbeat"></i><span class="navbar-name"> Engagement</span></a>
+
−
</li>
+
−
</ul>
+
−
+
−
</li>
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-gears"></i><span class="navbar-name"> Parts</span>  <b class="caret"></b></a>
+
−
<ul class="dropdown-menu">
+
−
<li>
+
−
<a href="#"><i class="fa fa-fw fa-2x fa-gear"></i><span style="left: 5px;"class="navbar-name"> Basic Parts</span> </a>
+
−
</li>
+
−
<li>
+
−
<a href="#"><i class="fa fa-fw fa-2x fa-gavel"></i><span style="left: 5px;" class="navbar-name"> Composite Part</span> </a>
+
−
</li>
+
−
<li>
+
−
<a style="height: 49px" href="#"><i style="float: left;" class="fa fa-fw fa-2x fa-briefcase"></i><span style="    float: left;
+
−
width: 96px;
+
−
top: -7px;
+
−
left: 10px;" class="navbar-name"> Parts Collection</span> </a>
+
−
</li>
+
−
+
−
+
−
</ul>
+
−
+
−
</li>
+
−
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-globe"></i><span class="navbar-name"> Collaboration</span></a>
+
−
</li>
+
−
+
−
<li class="dropdown">
+
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-key"></i><span class="navbar-name"> Attribution</span>  </a>
+
−
+
−
</li>
+
−
+
−
+
−
+
−
</ul>
+
−
</nav>
+
  
−
        <div id="page-wrapper">
+
</div>
  
−
            <div class="container-fluid">
 
  
−
                <!-- Page Heading
+
<div class="column half_size" >
−
                <div class="row">
+
−
                    <div class="col-lg-12">
+
−
                        <h1 class="page-header">
+
−
                            Bootstrap Elements
+
−
                        </h1>
+
−
                        <ol class="breadcrumb">
+
−
                            <li>
+
−
                                <i class="fa fa-dashboard"></i>  <a href="index.html">Dashboard</a>
+
−
                            </li>
+
−
                            <li class="active">
+
−
                                <i class="fa fa-desktop"></i> Bootstrap Elements
+
−
                            </li>
+
−
                        </ol>
+
−
                    </div>
+
−
                </div>
+
−
                <!-- /.row -->
+
  
−
                <!-- Main jumbotron for a primary marketing message or call to action -->
+
<h5>Inspiration</h5>
−
+
<p>See how other teams presented their results.</p>
−
<div>
+
<ul>
−
<img class="cover-image" src="css/humanprac.jpg" alt="Mountain View">
+
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
−
</div>
+
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 +
</ul>
  
 +
</div>
  
−
                <div class="jumbotron content-page">
 
−
                    <h1>Interlab measurement</h1>
 
−
                    <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
 
−
 
−
<!--
 
−
                    <p><a href="#" class="btn btn-primary btn-lg" role="button">Learn more &raquo;</a>
 
−
                    </p>  -->
 
−
 
−
<div class="content-overview">
 
−
 
−
<div class="circle-overview circle1">
 
−
</div>
 
−
<div class="circle-overview circle2">
 
−
</div>
 
−
<div class="circle-overview circle3">
 
−
</div>
 
−
 
−
</div>
 
−
 
−
                </div>
 
  
−
                <div class="page-header">
 
−
                    <h1>Wells</h1>
 
−
                </div>
 
−
                <div class="well">
 
−
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
                </div>
 
−
 
−
<div class="page-header">
 
−
<h1>Wells</h1>
 
−
</div>
 
−
<div class="well-right">
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
</div>
 
−
<div class="page-header">
 
−
<h1>Wells</h1>
 
−
</div>
 
−
<div class="well-left">
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
 
−
</div>
 
−
 
−
 
−
            </div>
 
−
            <!-- /.container-fluid -->
 
−
 
−
        </div>
 
−
        <!-- /#page-wrapper -->
 
−
 
−
    </div>
 
−
    <!-- /#wrapper -->
 
−
 
−
    <!-- jQuery -->
 
−
    <script src="js/jquery.js"></script>
 
−
 
−
    <!-- Bootstrap Core JavaScript -->
 
−
    <script src="js/bootstrap.js"></script>
 
−
 
−
</body>
 
  
 
</html>
 
</html>

Revision as of 18:28, 21 September 2016

Here you can describe the results of your project and your future plans.

What should this page contain?
  • Clearly and objectively describe the results of your work.
  • Future plans for the project
  • Considerations for replicating the experiments
Project Achievements

You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.

  • A list of linked bullet points of the successful results during your project
  • A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.
Inspiration

See how other teams presented their results.