|
|
| Line 1: |
Line 1: |
| − | {{NYMU-Taipei}}
| + | <!DOCTYPE html> |
| | | | |
| | | | |
| Line 13: |
Line 13: |
| | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> | | <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> | | <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: 85%;
| |
| − | display:block;
| |
| − | float:right;
| |
| − | background-color:#f6ffb2;
| |
| − | font-family:'Fresca',sans-serif;
| |
| − | }
| |
| − |
| |
| − | #PCR{
| |
| − | width: 85%;
| |
| − | display:block;
| |
| − | float:right;
| |
| − | background-color:#f6ffb2;
| |
| − | font-family:'Fresca',sans-serif;
| |
| − | }
| |
| − |
| |
| − | #OD measurment{
| |
| − | width: 85%;
| |
| − | display:block;
| |
| − | float:right;
| |
| − | background-color:#f6ffb2;
| |
| − | font-family:'Fresca',sans-serif;
| |
| − | }
| |
| − | #Timeline{
| |
| − | width: 85%;
| |
| − | display:block;
| |
| − | float:right;
| |
| − | background-color:#f6ffb2;
| |
| − | font-family:'Fresca',sans-serif;
| |
| − | }
| |
| − |
| |
| − | #PCR h3 {
| |
| − | padding:20px 20px 20px 20px;
| |
| − | border-bottom:0px;
| |
| − | color: #316d13;
| |
| − | font-size: 36px;
| |
| − | font-family: 'Francois One', sans-serif;
| |
| − | }
| |
| − |
| |
| − | #PCR h5 {
| |
| − | padding:10px 10px 10px 20px;
| |
| − | border-bottom:0px;
| |
| − | color: #316d13;
| |
| − | font-size: 28px;
| |
| − | font-family: 'Francois One', sans-serif;
| |
| − | }
| |
| − |
| |
| − | #PCR p {
| |
| − | padding:10px 10px 10px 20px;
| |
| − | font-size: 24px;
| |
| − | color: #0f2306;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| | </head> | | </head> |
| | | | |
| | <body> | | <body> |
| − | <div class = "notebook_wrapper"> | + | |
| − | <nav class="navbar navbar-inverse navbar-static-top" role="navigation"
| + | |
| − | <div class="container-fluid">
| + | <!-- Nav tabs --> |
| − | <div class="navbar-header">
| + | <ul class="nav nav-tabs" role="tablist"> |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
| + | <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> |
| − | <span class="icon-bar"></span>
| + | <li role=" presentation"><a href="# profile" aria-controls=" profile" role=" tab" data-toggle=" tab"> Profile</ a></ li> |
| − | <span class="icon-bar"></span>
| + | < li role=" presentation"><a href="# messages" aria-controls=" messages" role=" tab" data-toggle=" tab"> Messages</a></li> |
| − | <span class="icon-bar"></span>
| + | <li role=" presentation"><a href="# settings" aria- controls=" settings" role=" tab" data- toggle=" tab"> Settings</a></ li> |
| − | </button>
| + | </ul> |
| − | <a class="navbar-brand" href="#">Notebook</a>
| + | |
| − | </div>
| + | <!-- Tab panes --> |
| − |
| + | <div class=" tab- content"> |
| − | <div class="collapse navbar-collapse">
| + | <div role=" tabpanel" class=" tab- pane active" id=" home"> ...</div> |
| − | <ul class="nav navbar-nav">
| + | <div role=" tabpanel" class=" tab- pane" id=" profile">...</div> |
| − |
| + | <div role=" tabpanel" class=" tab- pane" id=" messages"> ...</div> |
| − | <li class="dropdown">
| + | <div role=" tabpanel" class=" tab- pane" id=" settings">...</div> |
| − | <a href="#" id=" navbarDrop1" class=" dropdown-toggle" | + | </div> |
| − | data-toggle="dropdown">Protocol
| + | |
| − | <b class="caret"></b>
| + | </div> |
| − | </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 id="PCR" class="container-fluid">
| + | |
| − | <h3>Protocol</h3>
| + | |
| − | <h5>PCR</h5><a herf="">Download the file</a>
| + | |
| − | <p>Will soon be uploaded...</p>
| + | |
| − | </div>
| + | |
| − | <div id="OD measurment" class="container-fluid">
| + | |
| − | <h5>OD measurment</h5><a herf="">Download the file</a>
| + | |
| − | <p>Will soon be uploaded...</p>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div id="Timeline" 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> | | </body> |
