diff --git a/index.html b/index.html
index 996cd9c7f..6fcbedf44 100644
--- a/index.html
+++ b/index.html
@@ -1,162 +1,163 @@
 <!DOCTYPE html>
 <html lang="en">
 
-    <head>
-        <meta charset="UTF-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta name="description" content="Home Page" />
-        <meta name="keywords" content="Front-End, Projects, Templates" />
-        <meta name="author" content="Tushar Kesarwani" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta name="google-site-verification" content="WpdMF3NaKepMJ5EE4qv_3tK5eKD_sWnUYk02Lc5EtXQ" />
-        <title>Front-End Projects | Home Page</title>
-        <!--Main CSS-->
-        <link rel="stylesheet" href="style.css">
-        <!--fontawesome-->
-        <script src="https://kit.fontawesome.com/332a215f17.js" crossorigin="anonymous"></script>
-        <!--Animate.css--->
-        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
-        <!-- Favicon -->
-        <link rel="icon" href="img/favicon.ico" type="image/png" />
-    </head>
-
-    <body class="notLoaded">
-
-        <!-- Preloader Animation -->
-        <div id="load">
-            <h1 class="loading-text">Loading...</h1>
-            <div class="container">
-                <div class="box"></div>
-                <div class="box"></div>
-                <div class="box"></div>
-                <div class="box"></div>
-                <div class="box"></div>
-            </div>
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="Home Page" />
+    <meta name="keywords" content="Front-End, Projects, Templates" />
+    <meta name="author" content="Tushar Kesarwani" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="google-site-verification" content="WpdMF3NaKepMJ5EE4qv_3tK5eKD_sWnUYk02Lc5EtXQ" />
+    <title>Front-End Projects | Home Page</title>
+    <!--Main CSS-->
+    <link rel="stylesheet" href="style.css">
+    <!--fontawesome-->
+    <script src="https://kit.fontawesome.com/332a215f17.js" crossorigin="anonymous"></script>
+    <!--Animate.css--->
+    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
+    <!-- Favicon -->
+    <link rel="icon" href="img/favicon.ico" type="image/png" />
+</head>
+
+<body class="notLoaded">
+
+    <!-- Preloader Animation -->
+    <div id="load">
+        <h1 class="loading-text">Loading your page</h1>
+        <div class="container">
+            <div class="box"></div>
+            <div class="box"></div>
+            <div class="box"></div>
+            <div class="box"></div>
+            <div class="box"></div>
+            <div class="box"></div>
         </div>
+    </div>
+
+    <!-- scrollbar button -->
+    <div id="progress">
+        <i id="progress-value" class="fas fa-arrow-up"></i>
+    </div>
 
-        <!-- scrollbar button -->
-        <div id="progress">
-            <i id="progress-value" class="fas fa-arrow-up"></i>
+    <!-- Navigation Section -->
+    <nav>
+        <div>
+            <a href="index.html"><img src="img/LOGO.png" alt="logo"></a>
         </div>
+        <div>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="#projects">Projects</a></li>
+                <li><a href="https://github.com/TusharKesarwani/Front-End-Projects" class="github-btn"><i
+                            class="fa-brands fa-github"></i> &nbsp; Goto GitHub Repository</a></li>
+            </ul>
+        </div>
+    </nav>
 
-        <!-- Navigation Section -->
-        <nav>
-            <div>
-                <a href="index.html"><img src="img/LOGO.png" alt="logo"></a>
-            </div>
-            <div>
-                <ul>
-                    <li><a href="index.html">Home</a></li>
-                    <li><a href="#projects">Projects</a></li>
-                    <li><a href="https://github.com/TusharKesarwani/Front-End-Projects" class="github-btn"><i
-                                class="fa-brands fa-github"></i> &nbsp; Goto GitHub Repository</a></li>
-                </ul>
-            </div>
-        </nav>
-
-        <!-- Body Section -->
-        <main>
-
-            <!-- Hero -->
-            <div class="left">
-                <div class="headings">
-                    <h1>Front End<br>Projects</h1>
-                    <p>A Repository where different types of Front - End Projects are present. If you have any front end
-                        project then you can contribute to this open source repository.</p>
-                </div>
-                <a href="https://github.com/TusharKesarwani/Front-End-Projects" target="_blank"
-                    class="github-btn-cta"><i class="fa-brands fa-github"></i>&nbsp;&nbsp;Contribute
-                    Now&nbsp;&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></a>
-            </div>
-            <div class="right">
-                <img src="https://cdn3d.iconscout.com/3d/premium/thumb/web-developer-4788760-3988051.png"
-                    alt="front-end coder">
-            </div>
-        </main>
-
-        <!-- Projects Section -->
-
-        <section class="project-section" id="projects">
-            <div class="project-header">
-                <div class="head">
-                    <h1 class="bg-title">PROJECTS</h1>
-                    <h1 class="title">Projects</h1>
-                </div>
-                <form id="searchForm">
-                    <input id="search" type="text" placeholder="Enter projects to search" />
-                    <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
-                </form>
+    <!-- Body Section -->
+    <main>
+
+        <!-- Hero -->
+        <div class="left">
+            <div class="headings">
+                <h1>Front-End<br>Projects</h1>
+                <p>A Repository where different types of Front-End Projects are present. If you have any front end
+                    project then you can contribute to this open source repository.</p>
             </div>
-            <div class="projects"></div>
-        </section>
+            <a href="https://github.com/TusharKesarwani/Front-End-Projects" target="_blank" class="github-btn-cta"><i
+                    class="fa-brands fa-github"></i>&nbsp;&nbsp;Contribute
+                Now&nbsp;&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></a>
+        </div>
+        <div class="right">
+            <img src="https://cdn3d.iconscout.com/3d/premium/thumb/web-developer-4788760-3988051.png"
+                alt="front-end coder">
+        </div>
+    </main>
 
-        <!-- Contributors list -->
+    <!-- Projects Section -->
 
-        <section class="contributors">
+    <section class="project-section" id="projects">
+        <div class="project-header">
             <div class="head">
-                <h1 class="bg-title">CONTRIBUTORS</h1>
-                <h1 class="title">Contributors</h1>
+                <h1 class="bg-title">PROJECTS</h1>
+                <h1 class="title">Projects</h1>
             </div>
-            <ul class="list-section">
-                <li id="contributors-list"></li>
-            </ul>
-
-        </section>
+            <form id="searchForm">
+                <input id="search" type="text" placeholder="Enter projects to search" />
+                <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
+            </form>
+        </div>
+        <div class="projects"></div>
+    </section>
 
+    <!-- Contributors list -->
 
-        <footer id="footer">
-            <div>
-                &copy; Copyright
-                <a href="#" target="_blank">
-                    <strong>Front-End Projects</strong>
-                </a>. All rights reserved.
-            </div>
-            <div>Designed with
-                <i class="fa-solid fa-heart"></i> by
-                <strong class="text-dark"><a href="https://linktr.ee/tushar_104/" target="_blank">Tushar</a></strong>
-            </div>
+    <section class="contributors">
+        <div class="head">
+            <h1 class="bg-title">CONTRIBUTORS</h1>
+            <h1 class="title">Contributors</h1>
+        </div>
+        <p
+            style="text-align: center; max-width: 800px; margin: 20px auto; padding: 15px 20px; background: linear-gradient(135deg, #1e5a7d 0%, #2d7a9e 100%); color: white; border-radius: 8px; font-size: 16px; line-height: 1.6;">
+            This project helps beginners start their open source journey! Contributing here is a great way to learn Git,
+            GitHub workflows, and collaborate with developers worldwide. Every contribution, big or small, makes a
+            difference!
+        </p>
+        <ul class="list-section">
+            <li id="contributors-list"></li>
+        </ul>
+
+    </section>
+
+
+    <footer id="footer">
+        <div>
+            &copy; Copyright
+            <a href="#" target="_blank">
+                <strong>Front-End Projects</strong>
+            </a>. All rights reserved.
+        </div>
+        <div>Designed with Love
+            <i class="fa-solid fa-heart"></i> by
+            <strong class="text-dark"><a href="https://linktr.ee/tushar_104/" target="_blank">Tushar</a></strong>
+        </div>
 
-        </footer>
-
-        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
-            crossorigin="anonymous"></script>
-        <script src="https://kit.fontawesome.com/d6de929348.js" crossorigin="anonymous"></script>
-        <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
-        <script>
-            AOS.init();
-        </script>
-        <script type="module" src="script.js"></script>
-        <script>
-            // Code for preloader starts
-            document.addEventListener( "DOMContentLoaded", function ()
-            {
-                setTimeout( fadeout, 2000 );
-                // fadeout;
-            } );
-
-            function fadeout ()
-            {
-                let loadElement = document.getElementById( "load" );
-                if ( loadElement )
-                {
-                    setTimeout( function ()
-                    {
-                        loadElement.style.opacity = 0;
-                        setTimeout( function ()
-                        {
-                            loadElement.style.display = "none";
-                            let notLoadedElements = document.querySelectorAll( ".notLoaded" );
-                            notLoadedElements.forEach( function ( element )
-                            {
-                                element.classList.remove( "notLoaded" );
-                            } );
-                        }, 0 );
-                    }, 0 );
-                }
+    </footer>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
+        crossorigin="anonymous"></script>
+    <script src="https://kit.fontawesome.com/d6de929348.js" crossorigin="anonymous"></script>
+    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+    <script>
+        AOS.init();
+    </script>
+    <script type="module" src="script.js"></script>
+    <script>
+        // Code for preloader starts
+        document.addEventListener("DOMContentLoaded", function () {
+            setTimeout(fadeout, 2000);
+            // fadeout;
+        });
+
+        function fadeout() {
+            let loadElement = document.getElementById("load");
+            if (loadElement) {
+                setTimeout(function () {
+                    loadElement.style.opacity = 0;
+                    setTimeout(function () {
+                        loadElement.style.display = "none";
+                        let notLoadedElements = document.querySelectorAll(".notLoaded");
+                        notLoadedElements.forEach(function (element) {
+                            element.classList.remove("notLoaded");
+                        });
+                    }, 0);
+                }, 0);
             }
-            // code for preloader ends
-        </script>
-    </body>
+        }
+        // code for preloader ends
+    </script>
+</body>
 
 </html>
\ No newline at end of file
