diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..b525f1c
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+  <!-- Basic Page Needs
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <meta charset="utf-8">
+  <title>kableExtra</title>
+  <meta name="description" content="">
+  <meta name="author" content="Hao Zhu">
+
+  <!-- Mobile Specific Metas
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- FONT
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
+
+  <!-- CSS
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <link rel="stylesheet" href="css/normalize.css">
+  <link rel="stylesheet" href="css/skeleton.css">
+
+  <!-- Favicon
+    <link rel="icon" type="image/png" href="images/favicon.png">
+
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
+</head>
+<body>
+
+  <!-- Primary Page Layout
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+  <div class="container">
+    <div class="row">
+      <div class="eight column" style="margin-top: 25%; margin-bottom: 100px;">
+        <h4>kableExtra</h4>
+        <p style="color: gray;">A simple way to generate complex table in R.</p>
+        <br>
+        <strong>Package Vignettes</strong>
+        <ul>
+          <li>
+            <a href="awesome_table_in_html.html">Create Awesome HTML Table with knitr::kable and kableExtra</a>
+          </li>
+          <li>
+            <a href="awesome_table_in_pdf.pdf">Create Awesome LaTeX Table with knitr::kable and kableExtra</a>
+          </li>
+        </ul>
+
+
+      </div>
+    </div>
+  </div>
+
+<!-- End Document
+  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+</body>
+</html>