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

@@ Line 13: / Line 13: @@
 		<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 id="navbar-example" class="navbar navbar-default navbar-static" role="navigation">
-		<nav class="navbar navbar-inverse navbar-static-top" role="navigation"
+	<div class="container-fluid">
-			<div class="container-fluid">
+		<div class="navbar-header">
-				<div class="navbar-header">
+			<button class="navbar-toggle" type="button" data-toggle="collapse"
-					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+					data-target=".bs-js-navbar-scrollspy">
-						<span class="icon-bar"></span>
+				<span class="sr-only">切换导航</span>
-						<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
-						<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
-					</button>
+				<span class="icon-bar"></span>
-					<a class="navbar-brand" href="#">Notebook</a>
+			</button>
-				</div>
+			<a class="navbar-brand" href="#">教程名称</a>
+		</div>
-				<div class="collapse navbar-collapse">
+		<div class="collapse navbar-collapse bs-js-navbar-scrollspy">
-					<ul class="nav navbar-nav">
+			<ul class="nav navbar-nav">
+				<li><a href="#ios">iOS</a></li>
-						<li class="dropdown">
+				<li><a href="#svn">SVN</a></li>
-							<a href="#" id="navbarDrop1" class="dropdown-toggle"
+				<li class="dropdown">
-								data-toggle="dropdown">Protocol
+					<a href="#" id="navbarDrop1" class="dropdown-toggle"
-								<b class="caret"></b>
+					   data-toggle="dropdown">Java
-							</a>
+						<b class="caret"></b>
-							<ul class="dropdown-menu" role="menu" aria-labelledby="navbarDrop1">
+					</a>
-								<li><a href="#PCR" tabindex="-1">PCR</a></li>
+					<ul class="dropdown-menu" role="menu"
-								<li><a href="#OD measurment" tabindex="-1">OD measurment</a></li>
+						aria-labelledby="navbarDrop1">
-							</ul>
+						<li><a href="#jmeter" tabindex="-1">jmeter</a></li>
-						</li>
+						<li><a href="#ejb" tabindex="-1">ejb</a></li>
+						<li class="divider"></li>
-						<li>
+						<li><a href="#spring" tabindex="-1">spring</a></li>
-							<a href="#Timeline">Timeline</a>
-						</li>
-						<li>
-							<a href="#Labnote">Labnote</a>
-						</li>
 					</ul>
-				</div>
+				</li>
-			</div>
+			</ul>
-		</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>
+</nav>
-	</div>
+<div data-spy="scroll" data-target="#navbar-example" data-offset="0"
+	 style="height:200px;overflow:auto; position: relative;">
+	<h4 id="ios">iOS</h4>
+	<p>iOS 是一个由苹果公司开发和发布的手机操作系统。最初是于 2007 年首次发布 iPhone、iPod Touch 和 Apple
+		TV。iOS 派生自 OS X，它们共享 Darwin 基础。OS X 操作系统是用在苹果电脑上，iOS 是苹果的移动版本。
+	</p>
+	<h4 id="svn">SVN</h4>
+	<p>Apache Subversion，通常缩写为 SVN，是一款开源的版本控制系统软件。Subversion 由 CollabNet 公司在 2000 年创建。但是现在它已经发展为 Apache Software Foundation 的一个项目，因此拥有丰富的开发人员和用户社区。
+	</p>
+	<h4 id="jmeter">jMeter</h4>
+	<p>jMeter 是一款开源的测试软件。它是 100% 纯 Java 应用程序，用于负载和性能测试。
+	</p>
+	<h4 id="ejb">EJB</h4>
+	<p>Enterprise Java Beans（EJB）是一个创建高度可扩展性和强大企业级应用程序的开发架构，部署在兼容应用程序服务器（比如 JBOSS、Web Logic 等）的 J2EE 上。
+	</p>
+	<h4 id="spring">Spring</h4>
+	<p>Spring 框架是一个开源的 Java 平台，为快速开发功能强大的 Java 应用程序提供了完备的基础设施支持。
+	</p>
+	<p>Spring 框架最初是由 Rod Johnson 编写的，在 2003 年 6 月首次发布于 Apache 2.0 许可证下。
+	</p>
+</div>
 	</body>
 </html>