Xinhe998 · carie8655 · Dec 27, 2017 · Dec 27, 2017 · Dec 27, 2017 · Dec 27, 2017
diff --git a/assets/corgi.jpg b/assets/corgi.jpg
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,85 @@
+* {
+    margin: 0px auto;
+    font-family: Microsoft JhengHei
+}
+
+body {
+    background-color: gray;
+}
+
+#wrapper {
+    background-color: wheat;
+    width: 1000px;
+    height: 700px;
+}
+
+ul li {
+    display: inline-block;
+    list-style-type: none;
+    text-align: center;
+}
+
+#logo {
+    background-color: rgb(179, 179, 204);
+    height: 200px;
+}
+
+nav {
+    background-color: #AFBBC6;
+    height: 55px;
+    text-align: center;
+}
+
+#main_text {
+    height: 400px;
+    background-color: rgb(235, 235, 235);
+    text-align: center;
+}
+
+footer {
+    height: 45px;
+    background-color: #b79b5c;
+    text-align: center;
+}
+
+.img-set {
+    overflow: hidden;
+    width: 1000px;
+    height: 200px;
+    object-fit: cover;
+}
+
+li a {
+    display: block;
+    padding: 15px 20px;
+    color: #FFFFFF;
+    text-decoration: none;
+}
+
+li a:hover {
+    color: #FFC90E;
+}
+
+span {
+    line-height: 30px;
+}
+
+.btn {
+    width: 200px;
+    height: 50px;
+    background-color: #d8cb86;
+    color: white;
+    border: 0px;
+    border-radius: 10px;
+}
+
+.btn:hover {
+    background-color: #b7ac71;
+    color: black;
+}
+
+footer p {
+    padding: 12px;
+    color: white;
+    font-size: 12px;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title></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="wrapper">
+        <header>
+            <div id="logo">
+                <img class="img-set" src="assets/corgi.jpg">
+            </div>
+            <nav>
+                <ul>
+                    <li>
+                        <a href="#">關於柯基</a>
+                    </li>
+                    <li>
+                        <a href="#">外觀</a>
+                    </li>
+                    <li>
+                        <a href="#">性情</a>
+                    </li>
+                    <li>
+                        <a href="#">健康</a>
+                    </li>
+                    <li>
+                        <a href="#">歷史</a>
+                    </li>
+                </ul>
+            </nav>
+        </header>
+        <div id="main_text">
+            <br>
+            <h1>「柯基」在威爾斯語中是矮犬的意思</h1>
+            <br>
+            <span>
+                威爾斯柯基犬是一種原產於英國威爾斯的品種，被認為是源自維京人帶來威爾斯的Swedish Vallhund；<br/>
+                威爾斯柯基犬平均肩高大約25至30公分、重約15公斤，原本培養來放牧牛羊，低矮的身材讓他們免於被牛隻踢到。<br/>
+                柯基犬是主動的犬隻並且相當的聰明，是絕佳的夥伴動物，並且在牧羊競賽跟犬隻敏捷競賽中是出色的參賽者。<br/>
+                威爾斯柯基犬通常分成兩個品種：「卡提根」威爾斯柯基跟「潘布魯克」威爾斯柯基。<br/>
+                1934年起美國育犬協會承認他們為不同的品種。卡提根是兩種中較大的、有著較大的圓耳跟狐狸般下垂的尾巴；<br/>
+                潘布魯克的特徵則是較圓的耳朵跟較小的身材。潘布魯克的尾巴傳統上是斷尾成平貼的兔尾巴，讓他們看起來像無尾。<br/>
+                兩種的毛色皆非常多樣，但在品種間仍有一些差別。<br/>
+            </span>
+            <br>
+            <input type="button" value="READ MORE" class="btn">
+        </div>
+        <footer>
+            <p>Copyright © 2017 Carie All rights reserved.</p>
+        </footer>
+    </div>
+</body>
+
+</html>