diff --git a/src/components/markdown.js b/src/components/markdown.js
index 3c41c48..0634ddb 100644
--- a/src/components/markdown.js
+++ b/src/components/markdown.js
@@ -1,6 +1,6 @@
 import React from "react"
 import { isMediumUsernameValid } from "../utils/validation"
-import { icons, skills } from "../constants/skills"
+import { icons, skills, skillWebsites } from "../constants/skills"
 
 const Markdown = props => {
   const Title = props => {
@@ -127,7 +127,11 @@ const Markdown = props => {
     skills.forEach(skill => {
       if (props.skills[skill]) {
         listChosenSkills.push(
-          `<img src="${icons[skill]}" alt="${skill}" width="40" height="40"/>`
+          `
+          <a href="${skillWebsites[skill]}" target="_blank">
+            <img src="${icons[skill]}" alt="${skill}" width="40" height="40"/>
+          </a>
+          `
         )
       }
     })
diff --git a/src/components/markdownPreview.js b/src/components/markdownPreview.js
index 8eb9737..2b01075 100644
--- a/src/components/markdownPreview.js
+++ b/src/components/markdownPreview.js
@@ -1,5 +1,5 @@
 import React from "react"
-import { icons, skills } from "../constants/skills"
+import { icons, skills, skillWebsites } from "../constants/skills"
 
 const MarkdownPreview = props => {
   const TitlePreview = props => {
@@ -259,12 +259,14 @@ const MarkdownPreview = props => {
     skills.forEach(skill => {
       if (props.skills[skill]) {
         listSkills.push(
-          <img
-            className="my-4 mx-4 h-6 w-6 sm:h-10 sm:w-10"
-            key={skill}
-            src={icons[skill]}
-            alt={skill}
-          />
+          <a href={skillWebsites[skill]} target="_blank">
+            <img
+              className="my-4 mx-4 h-6 w-6 sm:h-10 sm:w-10"
+              key={skill}
+              src={icons[skill]}
+              alt={skill}
+            />
+          </a>
         )
       }
     })