Update index.html

Author: jonasvanleeuwen19

index.html

@@ -210,24 +210,57 @@ <h5 class="has-animation">Education &amp; Skill</h5>
           <div class="tf__section_heading mb_40">
               <h5 class="has-animation">Badges</h5>
               <div class="badges">
-<img src="css.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="js.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="php.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="linux.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="arduino.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="raspberry-pi.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="canva.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="react.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="node-js.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="npm.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="mui.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="electron.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="typescript.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="shell-script.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="python.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="html5.svg" style="max-width: 100px !important; max-height: 30px !important;">
-<img src="nginx.svg" style="max-width: 100px !important; max-height: 30px !important;">
-
+<a href="https://developer.mozilla.org/docs/Web/CSS" target="_blank">
+    <img src="css.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://developer.mozilla.org/docs/Web/JavaScript" target="_blank">
+    <img src="js.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://www.php.net/" target="_blank">
+    <img src="php.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://www.linux.org/" target="_blank">
+    <img src="linux.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://www.arduino.cc/" target="_blank">
+    <img src="arduino.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://www.raspberrypi.org/" target="_blank">
+    <img src="raspberry-pi.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://www.canva.com/" target="_blank">
+    <img src="canva.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://reactjs.org/" target="_blank">
+    <img src="react.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://nodejs.org/" target="_blank">
+    <img src="node-js.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://www.npmjs.com/" target="_blank">
+    <img src="npm.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://mui.com/" target="_blank">
+    <img src="mui.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://www.electronjs.org/" target="_blank">
+    <img src="electron.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://www.typescriptlang.org/" target="_blank">
+    <img src="typescript.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://en.wikipedia.org/wiki/Shell_script" target="_blank">
+    <img src="shell-script.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://www.python.org/" target="_blank">
+    <img src="python.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://developer.mozilla.org/docs/Web/HTML" target="_blank">
+    <img src="html5.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
+<a href="https://nginx.org/" target="_blank">
+    <img src="nginx.svg" style="max-width: 100px !important; max-height: 30px !important;">
+</a>
               </div>    
         </div>
         <div class="row">