Satakshijain · yashisrani · May 10, 2024 · May 10, 2024
diff --git a/README.md b/README.md
@@ -1,3 +1,78 @@
-# CodingHustlers
 
-coding hustlers is a platform for beginners
+# Coding Hustlers 🚀🏃
+
+Start your coding career with Coding Hustlers, 
+
+A platform which serves as an invaluable resource hub, offering a wide range of resouces related to basic programming, Competitive Programming and Open-Source Programs.
+
+Want to contribute to Coding Hustlers ??
+
+
+
+
+## Features 🪄
+
+- Light mode 
+- Live previews
+- Fullscreen Responsive
+- Easy to use
+
+
+## Tech Stack ✅
+
+**Client:** HTML, CSS, Bootstrap, JS
+
+
+
+
+## Run Locally 🏃
+
+First of all Fork this project..
+
+Clone the project
+
+```bash
+  git clone https://github.com/Satakshijain/CodingHustlers
+```
+
+Go to the project directory
+
+```bash
+  cd CodingHustlers
+```
+
+Open project on your favorite IDE/ VS Code
+
+Click on Live server to demonstrate project
+
+
+
+
+## Contributing 💪🏻
+
+Contributions are always welcome!
+
+See `https://github.com/Satakshijain/CodingHustlers` for ways to get started.
+
+Please adhere to this project's `code of conduct`.
+
+
+## Authors 👨🏻‍💻
+
+- [@Satakshijain](https://github.com/Satakshijain)
+
+
+## FAQ 🙋🏻
+
+#### Question 1 
+What did you learn while building this project?
+
+We can learn frontend and backend part of Web Development and improve our development skills.
+
+#### Question 2
+What challenges did you face and how did you overcome them?
+
+we facing some erros & issues in code , so we can overcome the issues with skils and our development knowledege.
+
+
+
diff --git a/index.html b/index.html
@@ -11,32 +11,31 @@
     <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
+        <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="assests/style.css">
     <link rel="stylesheet" href="try.css">
     <title>CodePlan</title>
 </head>
 
 <body>
     <!---=====Navbar======-->
-
-    <section class="nav justify-content-end ">
-        <li class="nav-item">
-            <div class="nav-link"></div>
-            <a class="logo" href="index.html">Coding Hustlers</a>
-        </li>
-
-
-        <li class="nav-item">
-            <a class="nav-link " href="index.html">Home</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#contact">Contact US</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="https://github.com/Satakshijain/CodingHustlers">Contibute</a>
-        </li>
-
-    </section>
+    <header class="text-gray-600 body-font">
+        <div class="container mx-auto flex flex-wrap p-2.5 flex-col md:flex-row items-center">
+          <a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10 text-white p-2 bg-indigo-500 rounded-full mt-2.5" viewBox="0 0 24 24">
+              <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
+            </svg>
+            <span class="ml-3 text-xl mt-2.5">Coding Hustlers</span>
+          </a>
+          <nav class="md:ml-auto flex gap-2.5 flex-wrap items-center text-base justify-center">
+            <a class="mr-5 hover:text-gray-900"  href="index.html">Coding Hustlers</a>
+            <a class="mr-5 hover:text-gray-900"  href="index.html">Home</a>
+            <a class="mr-5 hover:text-gray-900"  href="#contact">Contect US</a>
+            <a class="mr-5 hover:text-gray-900" href="https://github.com/Satakshijain/CodingHustlers">Contribute</a>
+          </nav>
+
+        </div>
+      </header>
     <!---=====Cover======--
     <div id="carouselExampleSlidesOnly" class="carousel-slide" data-bs-ride="carousel">
         <div class="carousel-inner">