diff --git a/examples/datepicker-in-modal.html b/docs/examples/datepicker-in-modal.html
similarity index 94%
rename from examples/datepicker-in-modal.html
rename to docs/examples/datepicker-in-modal.html
index 420bdf8..f7a4ce6 100644
--- a/examples/datepicker-in-modal.html
+++ b/docs/examples/datepicker-in-modal.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <title>Datepicker</title>
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
-  <link rel="stylesheet" href="../dist/datepicker.css">
+  <link rel="stylesheet" href="../css/datepicker.css">
 </head>
 <body>
   <div class="container">
@@ -40,7 +40,7 @@ <h5 class="modal-title" id="modalLabel">Datepicker</h5>
 
   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
-  <script src="../dist/datepicker.js"></script>
+  <script src="../js/datepicker.js"></script>
   <script>
     $(function() {
       $('[data-toggle="datepicker"]').datepicker({
diff --git a/docs/index.html b/docs/index.html
index 384112c..76f6962 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -30,12 +30,28 @@
         <span class="navbar-toggler-icon"></span>
       </button>
       <div class="collapse navbar-collapse justify-content-end" id="navbar-collapse" role="navigation">
-        <nav class="nav navbar-nav">
-          <a class="nav-link" href="https://github.com/fengyuanchen/datepicker/blob/master/README.md" data-toggle="tooltip" title="View the documentation">Docs</a>
-          <a class="nav-link" href="https://github.com/fengyuanchen/datepicker" data-toggle="tooltip" title="View the GitHub project">GitHub</a>
-          <a class="nav-link" href="https://fengyuanchen.github.io" data-toggle="tooltip" title="Explore more projects">Explore</a>
-          <a class="nav-link" href="https://chenfengyuan.com" data-toggle="tooltip" title="About the author">About</a>
-        </nav>
+        <ul class="nav navbar-nav">
+          <li class="nav-item">
+            <a class="nav-link" href="https://github.com/fengyuanchen/datepicker/blob/master/README.md" data-toggle="tooltip" title="View the documentation">Docs</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              Examples
+            </a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+              <a class="dropdown-item" href="examples/datepicker-in-modal.html">Datepicker in a Bootstrap modal</a>
+            </div>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link" href="https://github.com/fengyuanchen/datepicker" data-toggle="tooltip" title="View the GitHub project">GitHub</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link" href="https://fengyuanchen.github.io" data-toggle="tooltip" title="Explore more projects">Explore</a>
+          </li>
+          <li class="nav-item dropdown">
+            <a class="nav-link" href="https://chenfengyuan.com" data-toggle="tooltip" title="About the author">About</a>
+          </li>
+        </ul>
       </div>
     </nav>
   </header>
