Xinhe998 · JoTzu · Dec 28, 2017 · Dec 28, 2017 · Dec 28, 2017 · Dec 28, 2017
diff --git a/assets/img.jpg b/assets/img.jpg
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,70 @@
+body{
+    margin: 0;
+}
+
+#container{
+    width: 800px;
+    margin: auto;
+    text-align: center;
+}
+
+.header{
+    height: 350px;
+}
+
+.menu{
+    height: 50px;
+    background: #DDCCFF;
+    color: #2233FF;
+    font-weight: bolder;
+    font-size: 24px;
+    line-height: 50px;
+}
+
+ul{
+    margin: auto;
+    padding: 0;
+}
+
+.menuli{
+    width: 120px;
+    display: inline-block;
+    list-style-image: none;
+    padding-right: 5px;
+}
+
+.content{
+    height: 320px;
+    background: #CCDDFF;
+    font-family: "標楷體";
+    padding-top: 10px;
+}
+
+.poem,.word{
+    font-size: 18px;
+}
+
+.word{
+    padding-top: 40px;
+}
+
+input{
+    height: 30px;
+    width: 100px;
+    background: #22CCFF;
+    font-size: 18px;
+    margin-top: 15px;
+    border-style: none;
+}
+
+input:hover{
+    background: #FFCC22;
+}
+
+.footer{
+    height: 30px;
+    background: #DDCCFF;
+    color: #2233FF;
+    line-height: 30px;
+    font-weight: bolder;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>JoTzu</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="css/style.css" rel="stylesheet">
+    </head>
+    <body>
+        <div id="container">
+            <div class="header">
+                <img src="assets/img.jpg" alt=""> 
+            </div>
+
+            <div class="menu">
+                <ul>
+                    <li class="menuli">Home</li>
+                    <li class="menuli">Hometown</li>
+                    <li class="menuli">About</li>
+                </ul>
+
+            </div>
+
+            <div class="content">
+                <h2>第二家鄉 — 花蓮</h2>
+
+                    <div class="poem">
+                        我站在水田的這一邊看過去，覺得這是一個豐美茂盛的天地，<br>
+                        竹林檳榔樹和農舍外起伏的是一系列小山，正好環抱這小小的平原。<br>
+                        那是一系列蒼翠碧綠的小山，小山後面是高入雲霄的大山，遙遠而縹緲，<br>
+                        和我從花蓮南下一路上看見的一樣，帶著原始的青灰色調，<br>
+                        在早晨的雲霧裡和我凝然對望。&emsp; <b>—楊牧 〈山風海雨〉</b>
+                    </div>
+
+                    <div class="word">
+                        從喧囂都市到悠閒鄉鎮&emsp;從抗拒到接受<br>
+                        從小到大許多的記憶了已有了他&emsp;一種無法抹去的情感<br>
+                    </div>
+
+                    <input type="button" value="Read More">
+
+            </div>
+
+            <div class="footer">
+                ©JoTzu &emsp;2017.12.28
+            </div>
+        </div>
+
+    </body>
+</html>