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

Line 1: Line 1:
 
{{NTU-Singapore}}
 
{{NTU-Singapore}}
−
<html>
+
<!DOCTYPE html>
 +
<html lang="en">
  
 +
<head>
  
−
<div class="column full_size" >
+
    <meta charset="utf-8">
 +
    <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="">
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
    <title>NTU-Singapore</title>
  
−
<h5>What should this page contain?</h5>
+
    <!-- Bootstrap Core CSS
−
<ul>
+
    <link href="css/bootstrap.css" rel="stylesheet">-->
−
<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>
+
  
−
</div>
+
    <!-- Custom CSS -->
 +
    <link href="css/sb-admin.css" rel="stylesheet">
  
−
<div class="column half_size" >
+
    <!-- Custom Fonts -->
 +
<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 -->
 +
    <!-- 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]-->
  
−
<h5> Project Achievements </h5>
+
</head>
  
−
<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>
+
<body>
  
−
<ul>
+
    <div id="wrapper">
−
<li>A list of linked bullet points of the successful results during your project</li>
+
−
<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>
+
−
</ul>
+
  
−
</div>
+
        <!-- Navigation -->
 +
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
<!-- Brand and toggle get grouped for better mobile display -->
 +
<div class="navbar-header">
 +
<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 class="column half_size" >
+
            <div class="container-fluid">
  
−
<h5>Inspiration</h5>
+
                <!-- Page Heading
−
<p>See how other teams presented their results.</p>
+
                <div class="row">
−
<ul>
+
                    <div class="col-lg-12">
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
                        <h1 class="page-header">
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
                            Bootstrap Elements
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
                        </h1>
−
</ul>
+
                        <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 -->
  
−
</div>
+
                <!-- Main jumbotron for a primary marketing message or call to action -->
 +
 +
<div>
 +
<img class="cover-image" src="css/humanprac.jpg" alt="Mountain View">
 +
</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:34, 21 September 2016

<!DOCTYPE html> NTU-Singapore

Mountain View

Interlab measurement

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.

Wells

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.

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.

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.

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.

Wells

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.

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.

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.

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.

Wells

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.

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.

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.

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.