diff --git a/index.html b/index.html
index 88079bc..c608364 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,8 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" crossorigin="anonymous">      
         <link rel="stylesheet" href="styles.css">
+        
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
         <script src="script.js"></script> 
         <title>Your Name - Portfolio</title>
     </head>
@@ -18,6 +20,9 @@
                     <li><a href="#about">About Me</a></li>
                     <li><a href="#projects">Projects</a></li>
                     <li><a href="#contact">Contact</a></li>
+                    <!-- added the skills and FAQ section -->
+                
+                    <li><a href="#faq_section">FAQ</a></li>
                 </ul>
             </div>
         </nav>
@@ -104,7 +109,35 @@ <h2>20XX</h2>
             </div>
         </section>
 
-        <section id="contact" class="contact">
+
+
+        <section id="faq_section" class="faq">
+            <div class="container">
+                <h2>Frequently Asked Questions</h2>
+        
+                <details>
+                    <summary>In which year do I study?</summary>
+                    <p>I currently study in 2nd year.</p>
+                </details>
+        
+                <details>
+                    <summary>Am I the member of any of the college societies?</summary>
+                    <p>Yes, I am the part of college societies named_____</p>
+                </details>
+
+                <details>
+                    <summary>What are my hobbies?</summary>
+                    <p>I have various hobbies , I like to ___name of hobbies___</p>
+                </details>
+
+        
+              
+        
+            </div>
+        </section>
+        
+
+<section id="contact" class="contact">
             <div class="container">
                 <h1>Contact Me</h1>
 
diff --git a/styles.css b/styles.css
index e20d8d9..8360a37 100644
--- a/styles.css
+++ b/styles.css
@@ -252,3 +252,55 @@ footer {
   .scroll-up-btn:hover {
     filter: brightness(90%);
   }  
+
+/* FAQ section styling */
+.faq {
+    background-color: #f5f5f5;
+    padding: 50px 0;
+    text-align: left; /* Align content to the left */
+    border-radius: 15px; /* Increase border-radius for the FAQ section */
+}
+
+.container {
+    width: 80%;
+    margin: 0 auto;
+}
+
+h2 {
+    color: #333;
+    font-size: 2em;
+    margin-bottom: 30px;
+}
+
+details {
+    margin-bottom: 20px;
+    border-radius: 15px; /* Increase border-radius for the details */
+    overflow: hidden;
+}
+
+summary {
+    background-color: #0277bd;
+    color: #fff;
+    padding: 15px 20px;
+    font-size: 1em;
+    cursor: pointer;
+    outline: none;
+}
+
+summary::-webkit-details-marker {
+    display: none;
+}
+
+summary:focus {
+    outline: none;
+}
+
+p {
+    background-color: #fff;
+    padding: 15px;
+    margin: 0;
+    border: 1px solid #ddd;
+    border-top: none;
+    border-radius: 0 0 15px 15px; /* Increase border-radius for the paragraph */
+    text-align: left;
+}