diff --git a/static/assets/css/site.css b/static/assets/css/site.css
index c7560e0a..13a78c96 100644
--- a/static/assets/css/site.css
+++ b/static/assets/css/site.css
@@ -148,6 +148,8 @@ h2{
   display:inline-block;
   padding: 10px 25px 10px 25px;
   cursor: pointer;
+  text-decoration: none;
+  color: black;
 }
 .big-btn:hover{
   color: white;
diff --git a/static/index.html b/static/index.html
index 0f351276..c4228870 100644
--- a/static/index.html
+++ b/static/index.html
@@ -65,11 +65,11 @@ <h1>Compilation</h1>
   
   <h1>Get</h1>
   
-  <span class="big-btn" onclick="window.location.href='https://github.com/wenyan-lang/wenyan/wiki'">WIKI</span>
-  <span class="big-btn" onclick="window.location.href='https://github.com/wenyan-lang/wenyan'">GITHUB</span>
-  <span class="big-btn" onclick="window.location.href='https://ide.wy-lang.org/'">ONLINE EDITOR</span>
-  <span class="big-btn" onclick="window.location.href='./spec.html'">LANGUAGE SPEC</span>
-  <span class="big-btn" onclick="window.location.href='https://github.com/wenyan-lang/wenyan/wiki/Syntax-Cheatsheet'">REFERENCE</span>
+  <a class="big-btn" href="https://github.com/wenyan-lang/wenyan/wiki">WIKI</a>
+  <a class="big-btn" href="https://github.com/wenyan-lang/wenyan">GITHUB</a>
+  <a class="big-btn" href="https://ide.wy-lang.org/">ONLINE EDITOR</a>
+  <a class="big-btn" href="./spec.html">LANGUAGE SPEC</a>
+  <a class="big-btn" href="https://github.com/wenyan-lang/wenyan/wiki/Syntax-Cheatsheet">REFERENCE</a>
 
   <div style="height:90px;"></div>