changed Skill to skill and id , all suggested changes done , please r…

…eview (#27)

Co-authored-by: Ayushi Choudhary <[email protected]>

index.html

@@ -21,8 +21,10 @@
                     <li><a href="#projects">Projects</a></li>
                     <li><a href="#contact">Contact</a></li>
                     <!-- added the skills and FAQ section -->
-
+                    <li><a href="#skill_section">Skills</a></li>
                     <li><a href="#faq_section">FAQ</a></li>
+
+
                 </ul>
             </div>
         </nav>
@@ -131,6 +133,66 @@ <h2>20XX</h2>
 
 
 
+        <!-- Skills section -->
+        <section id="skill_section" class="skills">
+            <div class="container">
+                <h2>Skills</h2>
+
+                <div class="skill-category">
+                    <h3>Frontend Development</h3>
+                    <div class="skills-list">
+                        <div class="skill">
+                            <div class="skill-icon">
+                                <i class="fab fa-html5"></i>
+                            </div>
+                            <span>HTML5</span>
+                        </div>
+                        <div class="skill">
+                            <div class="skill-icon">
+                                <i class="fab fa-css3-alt"></i>
+                            </div>
+                            <span>CSS3</span>
+                        </div>
+                        <div class="skill">
+                            <div class="skill-icon">
+                                <i class="fab fa-js"></i>
+                            </div>
+                            <span>JavaScript</span>
+                        </div>
+                        <div class="skill">
+                            <div class="skill-icon">
+                                <i class="fab fa-react"></i>
+                            </div>
+                            <span>React.js</span>
+                        </div>
+                        <!-- Add more skills with similar structure -->
+                    </div>
+                </div>
+
+                <div class="skill-category">
+                    <h3>Backend Development</h3>
+                    <div class="skills-list">
+                        <div class="skill">
+                            <div class="skill-icon">
+                                <i class="fab fa-node"></i>
+                            </div>
+                            <span>Node.js</span>
+                        </div>
+                        <div class="skill">
+                            <div class="skill-icon">
+                                <i class="fas fa-database"></i>
+                            </div>
+                            <span>MongoDB</span>
+
+                </div>
+
+
+
+            </div>
+        </section>
+
+<!-- FAq section -->
+
         <section id="faq_section" class="faq">
             <div class="container">
                 <h2>Frequently Asked Questions</h2>
@@ -156,6 +218,18 @@ <h2>Frequently Asked Questions</h2>
             </div>
         </section>
 
+
+
+
+
+
+
+
+
+
+
+
+
 
 <section id="contact" class="contact">
             <div class="container">