Difference between revisions of "Team:NYMU-Taipei/Notebook"

(Replaced content with "{{NYMU-Taipei}}")
Line 1: Line 1:
−
{{NYMU-Taipei}}
+
<html lang="en">
 +
 
 +
<head>
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
<!-- Bootstrap -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
 +
<style>
 +
body{
 +
background-color:#f6ffb2;
 +
}
 +
 +
/* Wrapper for notebook */
 +
.notebook_wrapper{
 +
width: 81%;
 +
padding: 2%;
 +
display:block;
 +
float:right;
 +
background-color:#f6ffb2;
 +
font-family:'Fresca',sans-serif;
 +
}
 +
 +
 +
</style>
 +
 +
</head>
 +
 +
<body>
 +
<div class = "igem_2017_content_wrapper">
 +
<nav class="navbar navbar-inverse navbar-static-top" role="navigation"
 +
<div class="container-fluid">
 +
<div class="navbar-header">
 +
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>                       
 +
</button>
 +
<a class="navbar-brand" href="#">Notebook</a>
 +
</div>
 +
 +
<div class="collapse navbar-collapse">
 +
<ul class="nav navbar-nav">
 +
 +
<li class="dropdown">
 +
<a href="#" id="navbarDrop1" class="dropdown-toggle"
 +
data-toggle="dropdown">Protocol
 +
<b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu" role="menu" aria-labelledby="navbarDrop1">
 +
<li><a href="#PCR" tabindex="-1">PCR</a></li>
 +
<li><a href="#OD measurment" tabindex="-1">OD measurment</a></li>
 +
</ul>
 +
</li>
 +
 +
<li>
 +
<a href="#Timeline">Timeline</a>
 +
</li>
 +
 +
<li>
 +
<a href="#Labnote">Labnote</a>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
</div>
 +
</nav>
 +
 +
<div data-spy="scroll" data-target="#navbar-example" data-offset="0" style="height:200px;overflow:auto; position: relative;">
 +
<h3>Protocol</h3>
 +
<div id="PCR">
 +
<h5>PCR</h5><a herf="">Download the file</a>
 +
<p>Will soon be uploaded...</p>
 +
</div>
 +
<div id="OD measurment">
 +
<h5>OD measurment</h5><a herf="">Download the file</a>
 +
<p>Will soon be uploaded...</p>
 +
</div>
 +
 +
<div id="#Timeline">
 +
<h3>Timeline</h3> <a herf="">Download the file</a>
 +
 +
<div class="panel-group" id="accordion">
 +
 +
<div class="panel panel-default">
 +
<div class="panel-heading">
 +
<h5 class="panel-title">
 +
<a data-toggle="collapse" data-parent="#accordion" href="#June">
 +
JUNE, 2017
 +
</a>
 +
</h5>
 +
</div>
 +
<div id="June" class="panel-collapse collapse in">
 +
<div class="panel-body">
 +
What we has done in June...
 +
Will soon be uploaded...
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="panel panel-default">
 +
<div class="panel-heading">
 +
<h5 class="panel-title">
 +
<a data-toggle="collapse" data-parent="#accordion" href="#July">
 +
JULY, 2017
 +
</a>
 +
</h5>
 +
</div>
 +
<div id="July" class="panel-collapse collapse in">
 +
<div class="panel-body">
 +
What we has done in July...
 +
Will soon be uploaded...
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
</div>
 +
 
 +
</body>
 +
 
 +
 
 +
</html>

Revision as of 06:31, 29 July 2017

Protocol

PCR
Download the file

Will soon be uploaded...

OD measurment
Download the file

Will soon be uploaded...

Timeline

Download the file
JUNE, 2017
What we has done in June... Will soon be uploaded...
JULY, 2017
What we has done in July... Will soon be uploaded...