From cc364dacc38bc5ed97cd1c1880d89095128c48c6 Mon Sep 17 00:00:00 2001
From: DeenuRSD <124046429+DeenuRSD@users.noreply.github.com>
Date: Sat, 19 Oct 2024 08:08:21 +0530
Subject: [PATCH] Update index.html

---
 index.html | 105 +++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 101 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 0c589ec..f55e963 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,110 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>Propacity</title>
+    <link rel="shortcut icon" href="./src/assets/icons/logo.png" type="image/x-icon">
+    <style>
+      body {
+        font-family: 'Arial', sans-serif;
+        margin: 0;
+        padding: 0;
+        background-color: #f4f4f4;
+      }
+      header {
+        background: #333;
+        color: #fff;
+        padding: 10px 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
+      nav {
+        display: flex;
+      }
+      nav a {
+        color: #fff;
+        padding: 15px;
+        text-decoration: none;
+      }
+      .container {
+        max-width: 1200px;
+        margin: auto;
+        padding: 20px;
+      }
+      .card {
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+        margin: 20px 0;
+        padding: 20px;
+      }
+      footer {
+        background: #333;
+        color: #fff;
+        text-align: center;
+        padding: 20px;
+        position: relative;
+        bottom: 0;
+        width: 100%;
+      }
+      .loading {
+        text-align: center;
+        font-size: 20px;
+        color: #333;
+      }
+    </style>
   </head>
   <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <header>
+      <div>
+        <img src="./src/assets/icons/logo.png" alt="Logo" style="height: 40px;">
+      </div>
+      <nav>
+        <a href="#">Home</a>
+        <a href="#">Courses</a>
+        <a href="#">Contact</a>
+      </nav>
+    </header>
+
+    <div class="container" id="content">
+      <h1>Welcome to Propacity</h1>
+      <div id="dynamicContent" class="card">
+        <div class="loading">Loading content...</div>
+      </div>
+    </div>
+
+    <footer>
+      <p>&copy; 2024 Propacity. All rights reserved.</p>
+    </footer>
+
+    <script>
+      document.addEventListener("DOMContentLoaded", () => {
+        const dynamicContent = document.getElementById('dynamicContent');
+
+        // Simulating an API call to fetch dynamic content
+        setTimeout(() => {
+          const content = `
+            <h2>Dynamic Content Loaded</h2>
+            <p>This content is loaded dynamically when the page is ready.</p>
+            <button id="loadMoreBtn">Load More</button>
+          `;
+          dynamicContent.innerHTML = content;
+
+          // Load more content on button click
+          document.getElementById('loadMoreBtn').addEventListener('click', () => {
+            const moreContent = `
+              <div class="card">
+                <h3>Additional Information</h3>
+                <p>Here is some more dynamically loaded content.</p>
+              </div>
+            `;
+            dynamicContent.insertAdjacentHTML('beforeend', moreContent);
+          });
+        }, 2000); // Simulating 2 seconds delay for content load
+      });
+    </script>
   </body>
 </html>
