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

Line 15: Line 15:
 
 
 
<style>
 
<style>
 +
body{
 +
background-color:#f6ffb2;
 +
}
 +
 +
/* Wrapper for notebook */
 
.notebook_wrapper{
 
.notebook_wrapper{
 
width: 85%;
 
width: 85%;
Line 21: Line 26:
 
background-color:#f6ffb2;  
 
background-color:#f6ffb2;  
 
font-family:'Fresca',sans-serif;
 
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;
 +
}
 +
 +
#OD measurment h5 {
 +
padding:10px 10px 10px 20px;
 +
border-bottom:0px;
 +
color: #316d13;
 +
font-size: 28px;
 +
font-family: 'Francois One', sans-serif;
 
}
 
}
 
</style>
 
</style>
 +
 
</head>
 
</head>
 
 
 
<body>
 
<body>
−
<div class="notebook_wrapper>
+
<div class = "notebook_wrapper">
−
 
+
<nav class="navbar navbar-inverse navbar-static-top" role="navigation"
−
<!-- Nav tabs -->
+
<div class="container-fluid">
−
<ul class="nav nav-tabs" role="tablist">
+
<div class="navbar-header">
−
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
−
<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>
+
<span class="icon-bar"></span>                       
−
</ul>
+
</button>
−
 
+
<a class="navbar-brand" href="#">Notebook</a>
−
<!-- Tab panes -->
+
</div>
−
 
+
−
<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>
 +
</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>
 +
 +
 +
</div>
  
 
</body>
 
</body>

Revision as of 07:31, 29 July 2017

HOME
PROJECT
Overview
Pigments
Nitrogen starvation
Modeling
Hardware
Contribution
Improvement
Demonstration
LABWORK
Parts
Safety
Notebook
HUMAN PRACTICES
Silver HP
Gold & Integrated HP
Collaborations
ABOUT US
AWARDS
Applied Design
Modeling
Measurement
Plant
Basic Parts
Composite Parts
Part Collection
Public Engagement
JUDGING FORM


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...