[Eval] Add navigation bar
diff --git a/fastchat/eval/webpage/index.html b/fastchat/eval/webpage/index.html
index 1e07d73135..c2e3cf020b 100644
--- a/fastchat/eval/webpage/index.html
+++ b/fastchat/eval/webpage/index.html
@@ -10,6 +10,26 @@
 </head>
 
 <body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <a class="navbar-brand" href="#">🏔️ Vicuna Evaluation Examples</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarNav">
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item">
+                <a class="nav-link" href="https://chat.lmsys.org/">Demo</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="https://vicuna.lmsys.org">Blog</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="https://github.com/lm-sys/FastChat">Github</a>
+              </li>
+          </ul>
+        </div>
+    </nav>
+
     <div class="container mt-5">
         <h2 class="text-center mb-5">Who's GPT-4's favorite? Battles between State-of-the-Art Chatbots</h2>
 
diff --git a/fastchat/eval/webpage/styles.css b/fastchat/eval/webpage/styles.css
index ae1ab31f20..7b6d6fc69b 100644
--- a/fastchat/eval/webpage/styles.css
+++ b/fastchat/eval/webpage/styles.css
@@ -3,6 +3,12 @@ body {
     background-color: #f8f9fa;
 }
 
+.navbar-dark .navbar-nav .nav-link {
+    color: #f1cf68;
+    font-size: 1.1rem;
+    padding: 0.5rem 0.6rem;
+}
+
 .card-header {
     font-weight: bold;
 }
