diff --git a/contact.html b/contact.html
index 77f313d..a91ccce 100644
--- a/contact.html
+++ b/contact.html
@@ -23,6 +23,9 @@
     <link href="css/bootstrap-icons.css" rel="stylesheet">
 
     <link href="css/style.css" rel="stylesheet">
+
+    <!--icons cdn link-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
     <script>
         function togglePasswordVisibility() {
             const passwordInput = document.getElementById('loginPassword');
@@ -444,6 +447,15 @@ <h6 class="site-footer-title mb-3">Information</h6>
                             info@company.com
                         </a>
                     </p>
+                    <p class="socialmedia_links">
+            
+                        <a href="https://www.instagram.com/" id="social-links"><i class="fa-brands fa-instagram" ></i></a>
+                        <a href="https://x.com/i/flow/login?lang=en" id="social-links"><i class="fa-brands fa-x-twitter"></i></a>
+                        <a href="https://api.linkedin.com/login" id="social-links"><i class="fa-brands fa-linkedin"></i></a>
+                        <a href="/login" id="social-links"><i class="fa-brands fa-github"></i></a>
+                        <a href="https://canary.discord.com/login" id="social-links"><i  class="fa-brands fa-discord"></i></a>
+                        
+                    </p>
                 </div>
 
                 <div class="col-lg-3 col-md-4 col-12 mt-4 mt-lg-0 ms-auto">
diff --git a/css/style.css b/css/style.css
index 53454be..ceefa5a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1256,7 +1256,7 @@ blockquote {
     left: 10px;
     opacity: 1;
     pointer-events: auto;
-    max-width: 155px;
+    max-width: 190px;
     margin-top: 10px;
     margin-bottom: 15px;
   }
@@ -1449,4 +1449,12 @@ blockquote {
 
 #scrollToTopBtn:hover {
     background-color: #333;
+}
+
+/* icons hover effect */
+#social-links {
+   color: #63E6BE;
+}
+#social-links :hover{
+  color:#000000;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index a9b5156..dd1749a 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,8 @@
     <link href="css/bootstrap-icons.css" rel="stylesheet">
 
     <link href="css/style.css" rel="stylesheet">
+    <!--icons cdn link-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
 
     <script>
         function togglePasswordVisibility() {
@@ -356,8 +358,8 @@ <h6 class="text-center">platform for creatives around the world</h6>
                                     <div>
                                         <h5 class="mb-2">Web Design</h5>
 
-                                        <p class="mb-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae,
-                                            laboriosam.</p>
+                                        <p class="mb-0"> Web design combines creativity and functionality, crafting visually appealing, user-friendly websites that deliver seamless experiences across all devices
+                                        </p>
                                     </div>
 
                                     <span class="badge bg-design rounded-pill ms-auto">14</span>
@@ -379,9 +381,7 @@ <h5 class="mb-2">Web Design</h5>
                                     <div>
                                         <h5 class="text-white mb-2">Finance</h5>
 
-                                        <p class="text-white">Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                                            Sequi facilis quam magnam saepe provident iusto molestias labore excepturi
-                                            cupiditate repudiandae?</p>
+                                        <p class="text-white">Empower your financial future with smart solutions tailored to your goals. From budgeting to investments, we provide expert guidance to help you build wealth, secure stability, and achieve lasting success</p>
 
                                         <a href="topics-detail.html" class="btn custom-btn mt-2 mt-lg-3">Learn More</a>
                                     </div>
@@ -481,8 +481,8 @@ <h2 class="mb-4">Browse Topics</h1>
                                                     <div>
                                                         <h5 class="mb-2">Web Design</h5>
 
-                                                        <p class="mb-0">Lorem, ipsum dolor sit amet consectetur
-                                                            adipisicing elit.</p>
+                                                        <p class="mb-0"> Web design involves creating visually appealing, user-friendly, and responsive websites by combining layout, typography, colors, and functionality to enhance user experience and effectively communicate the site's purpose.
+                                                        </p>
                                                     </div>
 
                                                     <span class="badge bg-design rounded-pill ms-auto">14</span>
@@ -501,7 +501,7 @@ <h5 class="mb-2">Web Design</h5>
                                                     <div>
                                                         <h5 class="mb-2">Graphic</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Transform your brand with captivating graphic design. From logos to marketing materials, we craft visually stunning designs that tell your story, engage your audience, and leave a lasting impression.</p>
                                                     </div>
 
                                                     <span class="badge bg-design rounded-pill ms-auto">75</span>
@@ -520,7 +520,7 @@ <h5 class="mb-2">Graphic</h5>
                                                     <div>
                                                         <h5 class="mb-2">Logo Design</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Create a lasting impression with a unique logo design that represents your brand’s identity. We craft visually appealing, memorable logos that capture your essence and set you apart in a competitive market.</p>
                                                     </div>
 
                                                     <span class="badge bg-design rounded-pill ms-auto">100</span>
@@ -544,7 +544,7 @@ <h5 class="mb-2">Logo Design</h5>
                                                     <div>
                                                         <h5 class="mb-2">Advertising</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Boost your brand’s visibility with innovative advertising strategies. We craft compelling campaigns that engage audiences, increase awareness, and drive conversions, ensuring your message reaches the right people at the right time.</p>
                                                     </div>
 
                                                     <span class="badge bg-advertising rounded-pill ms-auto">30</span>
@@ -563,7 +563,7 @@ <h5 class="mb-2">Advertising</h5>
                                                     <div>
                                                         <h5 class="mb-2">Video Content</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Boost your brand's visibility with compelling video content. Engaging visuals and storytelling capture attention, drive traffic, and enhance customer connection, making video marketing a powerful tool for growth and success</p>
                                                     </div>
 
                                                     <span class="badge bg-advertising rounded-pill ms-auto">65</span>
@@ -582,7 +582,7 @@ <h5 class="mb-2">Video Content</h5>
                                                     <div>
                                                         <h5 class="mb-2">Viral Tweet</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Maximize your brand's reach with viral tweets. Create shareable, engaging content that resonates with your audience, sparks conversations, and amplifies your message, turning your tweet into a powerful marketing tool</p>
                                                     </div>
 
                                                     <span class="badge bg-advertising rounded-pill ms-auto">50</span>
@@ -606,7 +606,7 @@ <h5 class="mb-2">Viral Tweet</h5>
                                                     <div>
                                                         <h5 class="mb-2">Investment</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Smart investments grow wealth over time, balancing risk and reward. Strategic financial planning helps secure a stable, prosperous future</p>
                                                     </div>
 
                                                     <span class="badge bg-finance rounded-pill ms-auto">30</span>
@@ -628,9 +628,7 @@ <h5 class="mb-2">Investment</h5>
                                                     <div>
                                                         <h5 class="text-white mb-2">Finance</h5>
 
-                                                        <p class="text-white">Lorem ipsum dolor, sit amet consectetur
-                                                            adipisicing elit. Sint animi necessitatibus aperiam
-                                                            repudiandae nam omnis</p>
+                                                        <p class="text-white">Empower your financial future with smart solutions tailored to your goals. From budgeting to investments, we provide expert guidance to help you build wealth, secure stability, and achieve lasting success</p>
 
                                                         <a href="topics-detail.html"
                                                             class="btn custom-btn mt-2 mt-lg-3">Learn More</a>
@@ -676,7 +674,7 @@ <h5 class="text-white mb-2">Finance</h5>
                                                     <div>
                                                         <h5 class="mb-2">Composing Song</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Unleash your creativity with our Song Composing section! Learn melody creation, lyric writing, and arrangement techniques to craft captivating songs. Perfect for aspiring musicians and enthusiasts eager to bring their musical ideas to life.</p>
                                                     </div>
 
                                                     <span class="badge bg-music rounded-pill ms-auto">45</span>
@@ -695,7 +693,7 @@ <h5 class="mb-2">Composing Song</h5>
                                                     <div>
                                                         <h5 class="mb-2">Online Music</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Explore the world of online music! Discover unlimited songs, curated playlists, and live streams anytime, anywhere. Enjoy seamless listening with high-quality audio and personalized recommendations to match your unique taste</p>
                                                     </div>
 
                                                     <span class="badge bg-music rounded-pill ms-auto">45</span>
@@ -714,7 +712,7 @@ <h5 class="mb-2">Online Music</h5>
                                                     <div>
                                                         <h5 class="mb-2">Podcast</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Explore our podcast section, where we bring you insightful discussions, interviews, and music-related content. Stay updated on trends, artist stories, and industry news. Tune in for engaging and informative episodes!</p>
                                                     </div>
 
                                                     <span class="badge bg-music rounded-pill ms-auto">20</span>
@@ -738,7 +736,7 @@ <h5 class="mb-2">Podcast</h5>
                                                     <div>
                                                         <h5 class="mb-2">Graduation</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">Celebrate your achievements with our Graduation Courses! Gain industry-relevant skills, hands-on experience, and expert guidance to excel in your chosen field. Enroll today and take the first step toward a successful future!</p>
                                                     </div>
 
                                                     <span class="badge bg-education rounded-pill ms-auto">80</span>
@@ -757,7 +755,8 @@ <h5 class="mb-2">Graduation</h5>
                                                     <div>
                                                         <h5 class="mb-2">Educator</h5>
 
-                                                        <p class="mb-0">Lorem Ipsum dolor sit amet consectetur</p>
+                                                        <p class="mb-0">
+                                                            Empower your learning journey with expert-led courses designed to unlock your potential. Our dedicated educators bring practical insights and personalized guidance, ensuring you gain valuable skills and knowledge to excel in your chosen field.</p>
                                                     </div>
 
                                                     <span class="badge bg-education rounded-pill ms-auto">75</span>
@@ -798,9 +797,7 @@ <h2 class="text-white mb-4">How does it work?</h1>
                                 <li>
                                     <h4 class="text-white mb-3">Search your favourite topic</h4>
 
-                                    <p class="text-white">Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                                        Reiciendis, cumque magnam? Sequi, cupiditate quibusdam alias illum sed esse ad
-                                        dignissimos libero sunt, quisquam numquam aliquam? Voluptas, accusamus omnis?
+                                    <p class="text-white">Easily search for your favorite topics and discover engaging content. Our platform offers a seamless experience to explore articles, videos, and resources tailored to your interests
                                     </p>
 
                                     <div class="icon-holder">
@@ -811,9 +808,7 @@ <h4 class="text-white mb-3">Search your favourite topic</h4>
                                 <li>
                                     <h4 class="text-white mb-3">Bookmark &amp; Keep it for yourself</h4>
 
-                                    <p class="text-white">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint
-                                        animi necessitatibus aperiam repudiandae nam omnis est vel quo, nihil repellat
-                                        quia velit error modi earum similique odit labore. Doloremque, repudiandae?</p>
+                                    <p class="text-white">Bookmark & Keep It for Yourself offers a simple solution for saving and organizing important links. Easily access your favorite content, ensuring it’s always just a click away.</p>
 
                                     <div class="icon-holder">
                                         <i class="bi-bookmark"></i>
@@ -823,9 +818,7 @@ <h4 class="text-white mb-3">Bookmark &amp; Keep it for yourself</h4>
                                 <li>
                                     <h4 class="text-white mb-3">Read &amp; Enjoy</h4>
 
-                                    <p class="text-white">Lorem, ipsum dolor sit amet consectetur adipisicing elit.
-                                        Animi vero quisquam, rem assumenda similique voluptas distinctio, iste est hic
-                                        eveniet debitis ut ducimus beatae id? Quam culpa deleniti officiis autem?</p>
+                                    <p class="text-white">Read and enjoy a world of captivating stories, insightful articles, and inspiring content. Immerse yourself in diverse topics that spark curiosity and expand your horizons.</p>
 
                                     <div class="icon-holder">
                                         <i class="bi-book"></i>
@@ -933,10 +926,7 @@ <h1>What our customers says</h1>
                     <span><i class="ri-double-quotes-l"></i></span>
                     <h4>Love the Simplicity</h4>
                     <p>
-                        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dignissimos iure natus, ipsa nobis,
-                        magnam debitis eveniet esse itaque blanditiis eius aliquam animi obcaecati doloribus, incidunt
-                        sunt eaque dolorum. Id optio repudiandae debitis laborum nisi explicabo eius hic vero porro
-                        accusantium!
+                        I absolutely love the simplicity of InsightSync. The clean design and easy navigation make it a pleasure to use. It's a perfect platform for focused learning, without unnecessary distractions. Highly recommend!
                     </p>
                     <img src="./images/OIP (8).jpeg " alt="user">
                     <h5>Allan Collins</h5>
@@ -946,9 +936,7 @@ <h5>Allan Collins</h5>
                     <span><i class="ri-double-quotes-l"></i></span>
                     <h4>Excellent</h4>
                     <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi porro et neque sed totam pariatur
-                        tenetur nulla aliquam at necessitatibus laboriosam beatae nihil eaque, cumque in quas similique
-                        vero quis nesciunt. Accusamus at quam perferendis sit totam! Pariatur, deserunt? Debitis!
+                        InsightSync is an outstanding marketing platform that truly excels in delivering insightful strategies and data-driven results. Its user-friendly interface and powerful tools make it a top choice for anyone looking to enhance their marketing efforts.
                     </p>
                     <img src="./images/OIP (7).jpeg" alt="user">
                     <h5>Lucas Rodriguez</h5>
@@ -958,10 +946,7 @@ <h5>Lucas Rodriguez</h5>
                     <span><i class="ri-double-quotes-l"></i></span>
                     <h4>Efficient and reliable</h4>
                     <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea incidunt possimus excepturi id
-                        architecto magni magnam voluptatum similique nam sunt eaque deleniti quas obcaecati delectus
-                        pariatur ratione recusandae a, et dicta repudiandae, veritatis consequatur soluta consectetur.
-                        Nam aperiam numquam quos.
+                        InsightSync is an efficient and reliable finance platform, offering clear insights and valuable tools. It empowers users to make informed decisions, ensuring seamless navigation and trustworthiness for all financial needs.
                     </p>
                     <img src="./images/OIP (5).jpeg" alt="user">
                     <h5>Isabella Nguyen</h5>
@@ -1101,6 +1086,15 @@ <h6 class="site-footer-title mb-3">Information</h6>
                             info@company.com
                         </a>
                     </p>
+                    <p class="socialmedia_links">
+            
+                        <a href="https://www.instagram.com/" id="social-links"><i class="fa-brands fa-instagram" ></i></a>
+                        <a href="https://x.com/i/flow/login?lang=en" id="social-links"><i class="fa-brands fa-x-twitter"></i></a>
+                        <a href="https://api.linkedin.com/login" id="social-links"><i class="fa-brands fa-linkedin"></i></a>
+                        <a href="/login" id="social-links"><i class="fa-brands fa-github"></i></a>
+                        <a href="https://canary.discord.com/login" id="social-links"><i  class="fa-brands fa-discord"></i></a>
+                        
+                    </p>
                 </div>
 
                 <div class="col-lg-3 col-md-4 col-12 mt-4 mt-lg-0 ms-auto">
diff --git a/topics-detail.html b/topics-detail.html
index 51555d4..5036c85 100644
--- a/topics-detail.html
+++ b/topics-detail.html
@@ -29,6 +29,10 @@
     <link href="css/bootstrap-icons.css" rel="stylesheet">
 
     <link href="css/style.css" rel="stylesheet">
+
+     <!--icons cdn link-->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
+
     <script>
         function togglePasswordVisibility() {
             const passwordInput = document.getElementById('loginPassword');
@@ -461,6 +465,15 @@ <h6 class="site-footer-title mb-3">Information</h6>
                             info@company.com
                         </a>
                     </p>
+                    <p class="socialmedia_links">
+            
+                        <a href="https://www.instagram.com/" id="social-links"><i class="fa-brands fa-instagram" ></i></a>
+                        <a href="https://x.com/i/flow/login?lang=en" id="social-links"><i class="fa-brands fa-x-twitter"></i></a>
+                        <a href="https://api.linkedin.com/login" id="social-links"><i class="fa-brands fa-linkedin"></i></a>
+                        <a href="/login" id="social-links"><i class="fa-brands fa-github"></i></a>
+                        <a href="https://canary.discord.com/login" id="social-links"><i  class="fa-brands fa-discord"></i></a>
+                        
+                    </p>
                 </div>
 
                 <div class="col-lg-3 col-md-4 col-12 mt-4 mt-lg-0 ms-auto">
diff --git a/topics-listing.html b/topics-listing.html
index 8811440..a288bc8 100644
--- a/topics-listing.html
+++ b/topics-listing.html
@@ -29,6 +29,10 @@
     <link href="css/bootstrap-icons.css" rel="stylesheet">
 
     <link href="css/style.css" rel="stylesheet">
+  
+    <!--icons cdn link-->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
+
     <!-- this is style section -->
     <style>
         #parentCont {
@@ -461,6 +465,15 @@ <h6 class="site-footer-title mb-3">Information</h6>
                             info@company.com
                         </a>
                     </p>
+                    <p class="socialmedia_links">
+            
+                        <a href="https://www.instagram.com/" id="social-links"><i class="fa-brands fa-instagram" ></i></a>
+                        <a href="https://x.com/i/flow/login?lang=en" id="social-links"><i class="fa-brands fa-x-twitter"></i></a>
+                        <a href="https://api.linkedin.com/login" id="social-links"><i class="fa-brands fa-linkedin"></i></a>
+                        <a href="/login" id="social-links"><i class="fa-brands fa-github"></i></a>
+                        <a href="https://canary.discord.com/login" id="social-links"><i  class="fa-brands fa-discord"></i></a>
+                        
+                    </p>
                 </div>
 
                 <div class="col-lg-3 col-md-4 col-12 mt-4 mt-lg-0 ms-auto">