update index

THWU · THWU · commit 7ce43c634ed8 · 2015-08-27T21:51:24.000+08:00
diff --git a/index.html b/index.html
@@ -14,14 +14,31 @@
         min-height: 2000px;
         padding-top: 70px;
       }
-    </style>
       
+      .iframe {
+        width: 100%;
+        min-height: 500px;
+      }
+    </style>
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>	
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
+    <script type="javascript">
+      $(document).load(function() {
+        
+        $('a').onclick(function() {
+          var href = $(this).attr('href');
+            
+        });
+      });
+    </script>
   </head>
   <body>
     <nav class="navbar navbar-default navbar-fixed-top">
@@ -43,14 +60,6 @@
               <ul class="dropdown-menu">
                 <li><a href="http://thwu.github.io/" target="_blank">HW01：First Page</a></li>
                 <li><a href="./resume.html" target="_blank">HW02：Online Resume</a></li>
-                <!--
-                <li><a href="#">Another action</a></li>
-                <li><a href="#">Something else here</a></li>
-                <li role="separator" class="divider"></li>
-                <li class="dropdown-header">Nav header</li>
-                <li><a href="#">Separated link</a></li>
-                <li><a href="#">One more separated link</a></li>
-                -->
               </ul>
             </li>
              <li class="dropdown">
@@ -85,6 +94,7 @@
                 <li><a href="http://www.sublimetext.com/" target="_blank">Sublime Text</a></li>
                 <li><a href="https://balsamiq.com/" target="_blank">Balsamiq</a></li>
                 <li><a href="http://it-ebooks-search.info/" target="_blank">IT eBooks</a></li>
+                <li><a href="https://pixlr.com/editor/"></a>Pixlr (Online PS)</li>
               </ul>
             </li>
           </ul>
@@ -96,16 +106,7 @@
       </div>
     </nav>
     <div class="container">
-      <div class="jumbotron">
-        <h1>Hello, world!</h1>
-        <p class="lead">
-          第260期 HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班 (夜間班(3h))
-        </p>
-      </div>
-    </div>
-    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-    <!-- Include all compiled plugins (below), or include individual files as needed -->
-    <script src="js/bootstrap.min.js"></script>	
+      <iframe src="main.html" frameborder="0" class="iframe"></iframe>
+    </div>    
   </body>
 </html>
diff --git a/main.html b/main.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="zh-tw">
+<head>
+	<meta charset="UTF-8">
+	<link href="css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body>
+	<div class="jumbotron">
+		<h1>Hello, world!</h1>
+		<p class="lead">
+			第260期 HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班 (夜間班(3h))
+		</p>
+	</div>
+</body>
+</html>
