Line 49: | Line 49: | ||
<body> | <body> | ||
+ | <div class = "notebook_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 class="container-fluid"> | ||
+ | <h3>Protocol</h3> | ||
+ | <h5>PCR</h5><a herf="">Download the file</a> | ||
+ | <p>Will soon be uploaded...</p> | ||
+ | </div> | ||
+ | <div id="PCR" class="container-fluid"> | ||
+ | <h5>OD measurment</h5><a herf="">Download the file</a> | ||
+ | <p>Will soon be uploaded...</p> | ||
+ | </div> | ||
+ | |||
+ | <div class="container-fluid"> | ||
+ | <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> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | |||
+ | </html> | ||
+ | |||
+ | |||
+ | |||
<div class = "notebook_wrapper"> | <div class = "notebook_wrapper"> | ||
<nav class="navbar navbar-inverse navbar-static-top" role="navigation" | <nav class="navbar navbar-inverse navbar-static-top" role="navigation" |
Revision as of 06:50, 29 July 2017
Timeline
Download the file
What we has done in June...
Will soon be uploaded...
What we has done in July...
Will soon be uploaded...
<nav class="navbar navbar-inverse navbar-static-top" role="navigation"
</nav>
Contents
Protocol
PCR
<a herf="">Download the file</a>Will soon be uploaded...
OD measurment
<a herf="">Download the file</a>Will soon be uploaded...
Timeline
<a herf="">Download the file</a><a data-toggle="collapse" data-parent="#accordion" href="#June"> JUNE, 2017 </a>
What we has done in June... Will soon be uploaded...
<a data-toggle="collapse" data-parent="#accordion" href="#July"> JULY, 2017 </a>
What we has done in July... Will soon be uploaded...
</body>
</html>