Update index.html

index.html

@@ -61,36 +61,39 @@
     </section>
 
     <section class="skills" id="skills">
-      <div class="container">
-        <h2>Skills</h2>
-        <div class="row row-cols-1 row-cols-md-2 g-4">
-          <div class="col">
-            <div class="skill-card">
-              <i class="fas fa-code"></i>
-              <h3>Technical Skills</h3>
-              <ul class="skills-list">
-                <li>HTML & CSS</li>
-                <li>JavaScript</li>
-                <li>Bootstrap</li>
-                <li>Python (Basic)</li>
-              </ul>
-            </div>
-          </div>
-          <div class="col">
-            <div class="skill-card">
-              <i class="fas fa-handshake"></i>
-              <h3>Soft Skills</h3>
-              <ul class="skills-list">
-                <li>Teamwork</li>
-                <li>Time Management</li>
-                <li>Communication</li>
-                <li>Problem Solving</li>
-              </ul>
-            </div>
-          </div>
+  <div class="container">
+    <h2>Skills</h2>
+    <div class="row row-cols-1 row-cols-md-2 g-4">
+      <div class="col">
+        <div class="skill-card">
+          <svg class="custom-icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+            </svg>
+          <h3>Technical Skills</h3>
+          <ul class="skills-list">
+            <li>HTML & CSS: <div class="progress"><div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div></li>
+            <li>JavaScript: <div class="progress"><div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div></li>
+            <li>Bootstrap</li>
+            <li>Python (Basic)</li>
+          </ul>
         </div>
       </div>
-    </section>
+      <div class="col">
+        <div class="skill-card">
+          <svg class="custom-icon" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
+            </svg>
+          <h3>Soft Skills</h3>
+          <ul class="skills-list">
+            <li>Teamwork</li>
+            <li>Time Management</li>
+            <li>Communication</li>
+            <li>Problem Solving</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
 
     <section class="portfolio" id="portfolio">
       <div class="container">