Update skills.html

burnt-exe · Mar 18, 2024 · caca25d · caca25d
1 parent 777284c
commit caca25d
Showing 1 changed file with 47 additions and 26 deletions.
diff --git a/skills.html b/skills.html
@@ -26,33 +26,54 @@ <h1 class="text-4xl font-bold">Skills</h1>
     </nav>
 
     <section id="professional-skills" class="py-10">
-        <div class="container mx-auto px-4">
-            <h2 class="text-3xl font-bold mb-6">Professional Skills</h2>
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-                <!-- Sample Skill -->
-                <div class="bg-gray-700 p-6 rounded-lg shadow">
-                    <i class="fas fa-users fa-2x mb-3"></i>
-                    <h3 class="text-xl font-semibold mb-2">Leadership</h3>
-                    <p>Experience leading teams and driving strategic initiatives.</p>
-                </div>
-                <!-- Add more skills as needed -->
-            </div>
-        </div>
-    </section>
+<!-- Professional Skills Section -->
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+    <!-- Leadership -->
+    <div class="bg-gray-700 p-6 rounded-lg shadow">
+        <i class="fas fa-users fa-2x mb-3"></i>
+        <h3 class="text-xl font-semibold mb-2">Leadership</h3>
+        <p>Experience leading teams and driving strategic initiatives.</p>
+    </div>
+
+    <!-- Communication Skills -->
+    <div class="bg-gray-700 p-6 rounded-lg shadow">
+        <i class="fas fa-comments fa-2x mb-3"></i>
+        <h3 class="text-xl font-semibold mb-2">Communication Skills</h3>
+        <p>Strong written and verbal communication abilities.</p>
+    </div>
+
+    <!-- Decision Making -->
+    <div class="bg-gray-700 p-6 rounded-lg shadow">
+        <i class="fas fa-balance-scale fa-2x mb-3"></i>
+        <h3 class="text-xl font-semibold mb-2">Decision Making</h3>
+        <p>Ability to make informed decisions under pressure.</p>
+    </div>
+</div>
+
+<!-- Technical Skills Section -->
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+    <!-- Cloud Computing -->
+    <div class="bg-gray-700 p-6 rounded-lg shadow">
+        <i class="fas fa-cloud fa-2x mb-3"></i>
+        <h3 class="text-xl font-semibold mb-2">Cloud Computing</h3>
+        <p>Proficient in cloud technologies and platforms.</p>
+    </div>
+
+    <!-- Project Management -->
+    <div class="bg-gray-700 p-6 rounded-lg shadow">
+        <i class="fas fa-tasks fa-2x mb-3"></i>
+        <h3 class="text-xl font-semibold mb-2">Project Management</h3>
+        <p>Experience in managing projects from initiation to completion.</p>
+    </div>
+
+    <!-- Data Analysis -->
+    <div class="bg-gray-700 p-6 rounded-lg shadow">
+        <i class="fas fa-chart-line fa-2x mb-3"></i>
+        <h3 class="text-xl font-semibold mb-2">Data Analysis</h3>
+        <p>Ability to analyze and interpret data to derive insights.</p>
+    </div>
+</div>
 
-    <section id="technical-skills" class="py-10 bg-gray-800">
-        <div class="container mx-auto px-4">
-            <h2 class="text-3xl font-bold mb-6 text-white">Technical Skills</h2>
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-                <!-- Sample Technical Skill -->
-                <div class="bg-gray-700 p-6 rounded-lg shadow">
-                    <i class="fas fa-cloud fa-2x mb-3"></i>
-                    <h3 class="text-xl font-semibold mb-2">Cloud Computing</h3>
-                    <p>Proficient in cloud technologies and platforms.</p>
-                </div>
-                <!-- Add more technical skills as needed -->
-            </div>
-        </div>
     </section>
 
     <footer class="text-center py-6 border-t border-gray-800 mt-10">