diff --git a/src/utils/get-contact-href.js b/src/utils/get-contact-href.js
index c2b7d4d..bc485f5 100644
--- a/src/utils/get-contact-href.js
+++ b/src/utils/get-contact-href.js
@@ -36,6 +36,9 @@ const getContactHref = (name: string, contact: string) => {
     case 'weibo':
       href = `https://www.weibo.com/${contact}`;
       break;
+    case 'codepen':
+      href = `https://www.codepen.io/${contact}`;
+      break;
     default:
       href = contact;
       break;
@@ -44,4 +47,4 @@ const getContactHref = (name: string, contact: string) => {
   return href;
 };
 
-export default getContactHref;
\ No newline at end of file
+export default getContactHref;