diff --git a/src/assets/scss/CFP/intro.scss b/src/assets/scss/CFP/intro.scss
index 5de5dce..559e5f1 100644
--- a/src/assets/scss/CFP/intro.scss
+++ b/src/assets/scss/CFP/intro.scss
@@ -106,7 +106,14 @@ $fontColor: $mid-blue;
         width: 180px; //225
         height: 121px; //152
       }
-
+      .thumb-link {
+        color: $mid-blue;
+        &:visited {
+          p {
+            color: $mid-blue;
+          }
+        }
+      }
       .thumbnails {
         display: flex;
         flex-direction: row;
@@ -119,6 +126,7 @@ $fontColor: $mid-blue;
             font-size: 0.8em;
             line-height: 1.75em;
             font-weight: 900;
+            color: $mid-blue;
           }
 
           .small {
diff --git a/src/components/CFP/Intro.vue b/src/components/CFP/Intro.vue
index f542c67..ad928c0 100644
--- a/src/components/CFP/Intro.vue
+++ b/src/components/CFP/Intro.vue
@@ -16,24 +16,27 @@
           <div class="thumbnails">
             <div class="thumb-wrapper">
               <!-- TODO add thumb -->
+              <a class="thumb-link" href="/2020">
               <img class="cfp-img" src="@/assets/images/CFP/2020.png" />
               <p class="thumb-title text-center">SITCON 2020<br /></p>
-              <p class="thumb-subtitle text-center">#define</p>
+              <p class="thumb-subtitle text-center">#define</p></a>
             </div>
             <div class="thumb-wrapper">
               <!-- TODO add thumb -->
+              <a class="thumb-link" href="/2019">
               <img class="cfp-img" src="@/assets/images/CFP/2019.png" />
               <p class="thumb-title text-center">SITCON 2019<br /></p>
-              <p class="thumb-subtitle text-center">開箱演算法</p>
+              <p class="thumb-subtitle text-center">開箱演算法</p></a>
             </div>
             <div class="thumb-wrapper">
               <!-- TODO add thumb -->
+              <a class="thumb-link" href="/2018">
               <img class="cfp-img" src="@/assets/images/CFP/2018.png" />
               <p class="thumb-title text-center">SITCON 2018<br /></p>
               <!-- TODO alignment is not good -->
               <p class="thumb-subtitle text-center small">
                 POPULAR COMPUTER SCIENCE
-              </p>
+              </p></a>
             </div>
           </div>
         </div>