diff --git a/app/my-dashboard/notifications/notifications.jade b/app/my-dashboard/notifications/notifications.jade
index 664344da8..99649a48b 100644
--- a/app/my-dashboard/notifications/notifications.jade
+++ b/app/my-dashboard/notifications/notifications.jade
@@ -9,6 +9,7 @@
     it will have same width, you can create a new .banner-row if you want place more banners
     in a new row
   .banner-row
-    a.banner.tco18(href="https://tco18.topcoder.com/",target="_blank",rel="noopener noreferrer")
+    // a.banner.tco18(href="https://tco18.topcoder.com/",target="_blank",rel="noopener noreferrer")
+    a.banner.pi-day(href="https://topcoder.com/",target="_blank",rel="noopener noreferrer")
     a.banner.watson(href="https://cognitive.topcoder.com/")
       img(src=require("../../../assets/images/logo_white.png"), alt="TCO17")
diff --git a/assets/css/my-dashboard/notifications.scss b/assets/css/my-dashboard/notifications.scss
index 2c68d011e..e5f9603b6 100644
--- a/assets/css/my-dashboard/notifications.scss
+++ b/assets/css/my-dashboard/notifications.scss
@@ -43,6 +43,10 @@
       background: url(../../images/banner-tco18-stage-3.jpg) center/cover;
       background-position: center top;
     }
+    &.pi-day{
+      background: url(../../images/pi-day.png) center/cover;
+      background-position: center top;
+    }
     &.watson{
       background: url(../../images/banner-watson.jpg) center/cover;
       padding-left: 64px;
@@ -66,6 +70,14 @@
         background-repeat: no-repeat;
         background-color: #333333;
       }
+      &.pi-day{
+        background-color: #a5a3ae;
+        background-image: url(../../images/pi-day.png);
+        background-size: contain;
+        background-position: center center;
+        background-repeat: no-repeat;
+        height: 250px;
+      }
     }
   }
 }
diff --git a/assets/images/pi-day.png b/assets/images/pi-day.png
new file mode 100644
index 000000000..fbfd28aeb
Binary files /dev/null and b/assets/images/pi-day.png differ