hellojs-tw · JimmyLai-tw · Jul 25, 2017 · Jul 25, 2017 · Jul 26, 2017
diff --git a/2017-2017-hollois_overflow-j508508.html b/2017-2017-hollois_overflow-j508508.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Title Page</title>
+
+    <!-- Bootstrap CSS -->
+    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.3/html5shiv.js"></script>
+            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+        <![endif]-->
+</head>
+    <body>
+
+    <nav class="navbar navbar-inverse" role="navigation" >
+        <!-- Brand and toggle get grouped for better mobile display -->
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="#"><h4>Resume</h4></a>
+        </div>
+            <div class="row">
+                <div class="col-lg-3">
+                    <a data-flickr-embed="true"  href="https://www.flickr.com/photos/51193184@N05/35350454013/in/dateposted-public/" title="IMG_20170718_154146"><img src="https://farm5.staticflickr.com/4305/35350454013_7f08fddef3_z.jpg" width="360" height="360" alt="IMG_20170718_154146"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
+                <div class="col-lg-10">
+ +                    <ul class="nav nav-pills nav-stacked">
+ +                        <li role="presentation"><a href="#">Home</a></li>
+ +                        <li role="presentation" class="active"><a href="#">About Me</a></li>
+ +                        <li role="presentation"><a href="#">Resume</a></li>
+ +                        <li role="presentation"><a href="#">Contact</a></li>
+ +                    </ul>
+ +                </div>
+                </div>
+<div class="row">
+                 <div class="col-lg-6 ">
+                     <div class="panel panel-default">
+                           <div class="panel-body-primary">
+                                 <dl>
+<dt><d><h3>學校:</h3></dt>
+<dd>國立雲林科技大學</dd>
+</dl>
+<dl>
+<dt><d><h3>科系:</h3></dt>
+<dd>工業工程與管理學系</dd>
+<dl>
+<dt><d><h3>姓名:</h3></dt>
+<dd>賴彥嘉</dd>
+</dl>
+<dl>
+<dt><d><h3>聯絡資訊:</h3></dt>
+<dd><address>
+<strong>e-mail</strong><br>
+<a herf="mailto">[email protected]</a>
+</address></dd>
+<address>
+<strong>手機:</strong><br>
+0953746989
+</address>
+</dl>
+
+                           </div>
+                           <div class="panel-footer-primary">
+                       <p><h4><strong>個人介紹:</strong></h4> </mark></p>
+<p class="lead">js初學者，不熟html</p>
+<p><h4><strong>相關經歷:</strong></h4></p>
+<tr>*青年發展署:公共事務青年培訓計畫 <br>
+*董事學會:stp種子人才培訓計畫 <br>
+*2016國際工作營<共振現象>:公關 <br>
+*夢想騎士:出走課程 <br>
+*城市浪人:流浪挑戰賽 <br>
+*Yuntech CEO :社團幹部訓練</tr>
+                             </div>
+                     </div>
+                            </div>
+
+                 </div>
+            </div>
+        </div>
+    </div>
+    </body>
+</html>