Design links

Author: keviveks

assets/js/custom.js

@@ -8,9 +8,13 @@
 		jQuery("a[data-rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'light_square',slideshow:false,overlay_gallery: false,social_tools:false,deeplinking:false});
 	});
 
-  $("#keviveks_blog").on("click", function() {
+  $("#keviveks-blog").on("click", function() {
     window.open("https://keviveks.wordpress.com", '_blank');
   });
+
+  $("#keviveks-web-designs").on("click", function() {
+    window.open("http://codepen.io/keviveks/", '_blank');
+  });
 })(jQuery);
 
 // animate function on head

index.html

@@ -41,7 +41,8 @@
         animation: blinking 1.2s infinite;
       }
 
-      #keviveks_blog:hover { cursor: pointer; cursor: hand; }
+      #keviveks-blog:hover { cursor: pointer; cursor: hand; }
+      #keviveks-web-designs:hover { cursor: pointer; cursor: hand; }
     </style>
   </head>
 
@@ -59,7 +60,7 @@ <h1 id="head-lines">Hi, I'm <b>Vivek S</b><br/>
           </div>
         </div>
 
-        <div class="row mt">
+        <div class="row mt" id="keviveks-web-designs">
           <div class="col-sm-4">
             <i class="ion-ios7-monitor-outline"></i>
             <h3>Web Designs</h3>
@@ -70,7 +71,7 @@ <h3>Web Designs</h3>
             <h3>Tutorials</h3>
           </div>
 
-          <div class="col-sm-4" id="keviveks_blog">
+          <div class="col-sm-4" id="keviveks-blog">
             <i class="ion-ios7-copy-outline"></i>
             <h3>Blogs</h3>
           </div>