diff --git "a/2017-\346\257\217\345\244\251\351\203\275\350\242\253\350\207\252\345\267\261\345\270\245\351\206\222-way.html" "b/2017-\346\257\217\345\244\251\351\203\275\350\242\253\350\207\252\345\267\261\345\270\245\351\206\222-way.html"
new file mode 100644
index 0000000..491dca1
--- /dev/null
+++ "b/2017-\346\257\217\345\244\251\351\203\275\350\242\253\350\207\252\345\267\261\345\270\245\351\206\222-way.html"
@@ -0,0 +1,56 @@
+<!---黃子威--->
+<!DOCTYPE html>
+<html lang="utf-8">
+<head>
+ <meta	charset="utf-8">
+ <meta	http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta	name="viewport"	content="width=device-width, in itial-scale=1">
+ <title>Hellojs-bootstrap</title>
+<!--	Bootstrap	CSS	-->
+<!-- Latest compiled and minified CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+<!-- Optional theme -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+</head>
+<style>
+html {
+	height: 100%;
+}
+body {
+	background-image: url("http://www.wallpapermade.com/images/wallpapers/originals/nice-tree-with-colorful-star-sky-wallpaper-2056.jpg");
+	background-repeat: no-repeat;
+	background-size: cover;
+	padding: 5% 0px;
+}
+.main {
+	background: linear-gradient(rgba(255, 255, 255, 0.8)65%, rgba(255, 255, 255, 0)100%); 
+	background: -moz-linear-gradient(rgba(255, 255, 255, 0.8)65%, rgba(255, 255, 255, 0)100%); 
+	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.8)65%, rgba(255, 255, 255, 0)100%); 
+	background: -o-linear-gradient(rgba(255, 255, 255, 0.8)65%, rgba(255, 255, 255, 0)100%); 
+	height: 100%;
+	border-radius: 16px;
+}
+.image {
+	padding-top: 20px;
+}
+.mydata {
+	text-shadow:0px 0px 10px #000;
+}
+</style>
+ <body class="row img-responsive" style=" height: 100%;">
+  <div class="main col-lg-4 col-md-4 col-sm-8 col-lg-offset-4 col-md-offset-4 col-sm-offset-2 col-xs-12 row">
+   <div class="row image">
+    <img src="https://rr.img.naver.jp/mig?src=http%3A%2F%2Fimgcc.naver.jp%2Fkaze%2Fmission%2FUSER%2F6%2F6173%2F117%2F6bd8407bf6d5ceee8602e3fad4c3511f.jpg&twidth=1000&theight=0&qlt=80&res_format=jpg&op=r" class="img-circle img-responsive col-lg-6 col-md-6 col-sm-12 col-lg-offset-3 col-md-offset-3 col-xs-12">
+   </div>
+   <div class="col-lg-8 col-md-8 col-sm-8 col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-xs-10 col-xs-offset-1 mydata">
+    <p class="h2 text-center"><strong>黃子威</strong></p>
+    <span class= "h3">中正大學資訊工程系的學生，主要涉略網頁後端程式語言，希望可以在Hellojs學到前端開發技術。</span>
+   </div>
+  </div>
+ </body> 
+</html>
+<!--	jQuery	-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+<!-- Latest compiled and minified JavaScript -->
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
