diff --git a/ex01-HTML-Basic-to-Advanced/01-document-summary.html b/ex01-HTML-Basic-to-Advanced/01-document-summary.html
deleted file mode 100644
index 4886d28..0000000
--- a/ex01-HTML-Basic-to-Advanced/01-document-summary.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-  
-- Comprehensive Services Offered:
-  - Blockchain Solutions: Secure and scalable applications, smart contracts, DApps.
-  - Cloud Services: Migration, infrastructure optimization, cloud-native solutions.
-  - Mobile App Development: Native and cross-platform applications, user-centric design.
-  - AI/ML Solutions: Automation, data analysis, predictive analytics.
-  - Web Development: Dynamic web applications, e-commerce portals, responsive design.
-  
-- Client-Centric Approach:
-  - Tailored Solutions: Customized services to meet unique client needs.
-  - Quality Assurance: Rigorous testing and QA processes for reliable solutions.
-  - Timely Delivery: Adherence to project timelines and milestones.
-  - Scalability: Solutions designed for scalability and future growth.
-  - Post-Implementation Support: Ongoing support and maintenance services.
-
-- Corporate Training and Consulting:
-  - Customized Training Programs: Tailored training modules for organizations.
-  - Strategic Consulting: Guidance on technology adoption and digital transformation.
-  - Industry Expertise: Experienced trainers and consultants with domain knowledge.
-  - Continuous Learning: Keeping clients updated with the latest industry trends.
-
-- Client Success Stories:
-  - Testimonials: Positive feedback from satisfied clients.
-  - Case Studies: Demonstrating successful project implementations.
-  - Partnerships: Collaborations with leading organizations for impactful solutions.
-
-- Global Reach:
-  - International Clientele: Serving clients across diverse industries globally.
-  - Market Presence: Established reputation as a reliable technology partner.
-  - Global Network: Partnerships and collaborations with industry leaders.
-
-- Vision for the Future:
-  - Innovation: Embracing emerging technologies for future-ready solutions.
-  - Growth: Expansion into new markets and industries.
-  - Thought Leadership: Sharing insights and expertise through industry events and publications.
-  - Sustainability: Commitment to environmentally friendly practices and social responsibility.
\ No newline at end of file
diff --git a/ex01-HTML-Basic-to-Advanced/02-document-information.html b/ex01-HTML-Basic-to-Advanced/02-document-information.html
deleted file mode 100644
index e69de29..0000000
diff --git a/ex01-HTML-Basic-to-Advanced/03-document-summary.html b/ex01-HTML-Basic-to-Advanced/03-document-summary.html
deleted file mode 100644
index 55fc532..0000000
--- a/ex01-HTML-Basic-to-Advanced/03-document-summary.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<html>
-  <head>
-    <meta charset="Utf-8" />
-    <base href="http://www.google.com" target="_blank" />
-    <title>my first website</title>
-    <link href="http:www.gmail.com" />
-  </head>
-  <body></body>
-</html>
diff --git a/ex01-HTML-Basic-to-Advanced/04-document-summary.html b/ex01-HTML-Basic-to-Advanced/04-document-summary.html
deleted file mode 100644
index ab9ccb7..0000000
--- a/ex01-HTML-Basic-to-Advanced/04-document-summary.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<html>
-    <head>
-        <title>fourth exe</title>
-
-    </head>
-    <body>
-        <div>
-            <h1>first heading</h1>
-            <p> paraghaph of the page</p>
-            <hr/>
-            <h2>second heading</h2>
-            <p> paraghaph starts here <br/>this is a new line</p>
-        </div>
-    </body>
-</html>
\ No newline at end of file
diff --git a/ex01-HTML-Basic-to-Advanced/05-document-summary.html b/ex01-HTML-Basic-to-Advanced/05-document-summary.html
deleted file mode 100644
index 6f4eaf5..0000000
--- a/ex01-HTML-Basic-to-Advanced/05-document-summary.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<html>
-    <head>
-        <title>2 page</title>
-    </head>
-    <body>
-        <strike>strike this line</strike>
-        <i>archana</i>
-        <blockquote>let me check how the block quotes work</blockquote>
-        <abbr>del</abbr>
-
-        <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
-
-        <p><abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
-
-    </body>
-</html>
\ No newline at end of file
diff --git a/ex01-HTML-Basic-to-Advanced/06-document-summary.html b/ex01-HTML-Basic-to-Advanced/06-document-summary.html
deleted file mode 100644
index 704b9b0..0000000
--- a/ex01-HTML-Basic-to-Advanced/06-document-summary.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>More Tags</title>
-  </head>
-  <body>
-    <p>
-      <dfn><abbr title="Cascading Style Sheet">CSS</abbr></dfn
-      >is a language that describe the style of an HTML document.
-    </p>
-    <address>1025 Hill wood road minosota pin-19229</address>
-    <code> if(i=0;i<5;i++) { y=i+5; } </code>
-    <p>This text contains subscript text X<sub>2</sub></p>
-    <p>This text contains superscript text y<sup>8</sup></p>
-    <small> this is small text</small><br />
-    <strong>This text is strong</strong><br />
-    <b>This text is bold</b><br />
-    <em>This text is emphasis text</em><br />
-    <i>italic text here</i><br />
-  </body>
-</html>
diff --git a/ex01-HTML-Basic-to-Advanced/07-document-summary.html b/ex01-HTML-Basic-to-Advanced/07-document-summary.html
deleted file mode 100644
index 37684af..0000000
--- a/ex01-HTML-Basic-to-Advanced/07-document-summary.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <a href="http://www.google.com">google</a>
-  <a href="mailto:someone@gmail.com"> send a mail</a>
-  <a href="tel:+425-566-5492">425-566-5492</a>
-  <a href="#section2">go to section 2</a>
-  <p>Images:</p>
-  <img
-    src="https://cdn.photographylife.com/wp-content/uploads/2014/09/Nikon-D750-Image-Samples-2.jpg"
-    alt="Mountain View"
-    height="200"
-    weight="200"
-    style="vertical-align: middle"
-    usemap="#workmap"
-  />
-  <map name="workmap">
-    <area shape="rect" coords="0,0,60,100" href="http:\\www.google.com" />
-  </map>
-</html>
diff --git a/ex01-HTML-Basic-to-Advanced/08-document-summary.html b/ex01-HTML-Basic-to-Advanced/08-document-summary.html
deleted file mode 100644
index fde9a02..0000000
--- a/ex01-HTML-Basic-to-Advanced/08-document-summary.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <header>
-    <title>Lists</title>
-  </header>
-  <body>
-    <h2>Animal List</h2>
-    <ol>
-      <li>Cat</li>
-      <li>Dog</li>
-      <li>Lion</li>
-      <li>Tiger</li>
-    </ol>
-    <h2>Grocery List</h2>
-    <ul>
-      <li>Milk</li>
-      <li>Bread</li>
-      <li>onion</li>
-    </ul>
-    <h2>Definition List for Car Types</h2>
-    <dl>
-      <dt>Toyota</dt>
-      <dd>Japanes car brand</dd>
-      <dt>Armani</dt>
-      <dd>Italian fashion brand</dd>
-    </dl>
-    <h2>Forms:</h2>
-    <form action="form-submit.php" method="post">
-      <fieldset>
-        <legend>Bio:</legend>
-        First name:<br />
-        <input
-          type="text"
-          name="first-name"
-          value="archana"
-          placeholder="please enter your first name:"
-        /><br />
-        Last name:<br />
-        <input
-          type="text"
-          name="Last-name"
-          value="Boll"
-          placeholder="please enter your Last name here"
-        /><br />
-        <br />
-        favorite sports:<br />
-        <select>
-          <option value="soccerr">soccer</option>
-          <option value="tennis">tennis</option>
-          <option value="golf">golf</option>
-        </select>
-        <textarea name="description"></textarea>
-        <input type="submit" value="submit" />
-      </fieldset>
-    </form>
-  </body>
-</html>
diff --git a/ex01-HTML-Basic-to-Advanced/09-document-summary.html b/ex01-HTML-Basic-to-Advanced/09-document-summary.html
deleted file mode 100644
index 9f186ed..0000000
--- a/ex01-HTML-Basic-to-Advanced/09-document-summary.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Tables</title>
-  </head>
-  <body>
-    <table border="2">
-      <caption>
-        table about fav fruit
-      </caption>
-      <tr>
-        <th>person</th>
-        <th>fav fruit</th>
-      </tr>
-      <tr>
-        <td>Eesha</td>
-        <td>blueberry</td>
-      </tr>
-      <tr>
-        <td>Sreesha</td>
-        <td>Oranges</td>
-      </tr>
-    </table>
-  </body>
-</html>
diff --git a/ex01-HTML-Basic-to-Advanced/10-document-summary.html b/ex01-HTML-Basic-to-Advanced/10-document-summary.html
deleted file mode 100644
index 05f9635..0000000
--- a/ex01-HTML-Basic-to-Advanced/10-document-summary.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <body>
-        <h2>Table 2</h2>
-        <table border="1">
-            <colgroup>
-                <col span="2">
-            </col>
-            </colgroup>
-            <tr>
-                <th>Name</th>
-                <th>School</th>
-                <th>grade</th>
-            </tr>
-            <tr>
-                <td>Eesha</td>
-                <td>Lance Thomson elementry</td>
-                <td>2nd Grade</td>
-            </tr>
-            <tr>
-              <td>Sreesha</td>
-              <td>Ridge School</td>
-              <td>Kinder garden </td>
-            </tr>
-        </table>
-        <iframe src="https://www.google.com" title="w3school online tutorial for Learning">
-
-        </iframe>
-
-    </body>
-    
-</html>
\ No newline at end of file
diff --git a/ex01-HTML-Basic-to-Advanced/11-document-summary.html b/ex01-HTML-Basic-to-Advanced/11-document-summary.html
deleted file mode 100644
index 3eb1db8..0000000
--- a/ex01-HTML-Basic-to-Advanced/11-document-summary.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <header>HTML NEW Tags</header>
-    <footer>This is the End</footer>
-    <main> This is the main Content of the Web page</main>
-    <article>This is used for creating Article</article>
-    
-</html>
\ No newline at end of file
diff --git a/html-learning/index.html b/html-learning/index.html
new file mode 100644
index 0000000..5594b55
--- /dev/null
+++ b/html-learning/index.html
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>HTML Training Module</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      margin: 0;
+      padding: 0;
+      background-color: #f9f9f9;
+    }
+    header, footer {
+      background-color: #333;
+      color: white;
+      text-align: center;
+      padding: 1rem;
+    }
+    nav {
+      background-color: #444;
+      padding: 0.5rem;
+      text-align: center;
+    }
+    nav a {
+      color: white;
+      margin: 0 1rem;
+      text-decoration: none;
+    }
+    section {
+      padding: 2rem;
+      background: white;
+      margin: 1rem;
+      border-radius: 8px;
+      box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    }
+    h2 {
+      color: #333;
+    }
+    table, th, td {
+      border: 1px solid #ccc;
+      border-collapse: collapse;
+      padding: 0.5rem;
+    }
+    iframe {
+      width: 100%;
+      height: 300px;
+      border: none;
+    }
+    form {
+      display: flex;
+      flex-direction: column;
+      max-width: 400px;
+    }
+    form label {
+      margin-top: 1rem;
+    }
+    form input, form select, form textarea, form button {
+      padding: 0.5rem;
+      margin-top: 0.5rem;
+    }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>HTML & CSS Training Module</h1>
+  </header>
+
+  <nav>
+    <a href="#intro">Intro</a>
+    <a href="#tags">Tags</a>
+    <a href="#images">Images</a>
+    <a href="#lists">Lists</a>
+    <a href="#table">Table</a>
+    <a href="#forms">Forms</a>
+    <a href="#semantic">Semantic</a>
+    <a href="#iframe">Iframe</a>
+    <a href="#events">Events</a>
+  </nav>
+
+  <section id="intro">
+    <h2>Introduction to HTML</h2>
+    <p>HTML stands for HyperText Markup Language. It is used to structure content on the web. Let's get started with a simple HTML document:</p>
+    <pre><code>&lt;!DOCTYPE html&gt;
+&lt;html&gt;
+  &lt;head&gt;&lt;title&gt;My First Page&lt;/title&gt;&lt;/head&gt;
+  &lt;body&gt;
+    &lt;h1&gt;Hello, World!&lt;/h1&gt;
+  &lt;/body&gt;
+&lt;/html&gt;</code></pre>
+  </section>
+
+  <section id="tags">
+    <h2>Basic Tags, Elements & Attributes</h2>
+    <p>Tags define how content appears. Attributes provide additional info. Example:</p>
+    <pre><code>&lt;p title="tooltip" style="color:blue"&gt;Paragraph with attributes&lt;/p&gt;</code></pre>
+  </section>
+
+  <section id="images">
+    <h2>Images</h2>
+    <img src="https://via.placeholder.com/300" alt="Sample Image">
+    <p>Use <code>&lt;img&gt;</code> tag with src and alt attributes.</p>
+  </section>
+
+  <section id="lists">
+    <h2>Lists</h2>
+    <ul>
+      <li>Item 1</li>
+      <li>Item 2</li>
+    </ul>
+    <ol>
+      <li>First</li>
+      <li>Second</li>
+    </ol>
+  </section>
+
+  <section id="table">
+    <h2>Tables</h2>
+    <table>
+      <tr><th>Name</th><th>Age</th></tr>
+      <tr><td>Alice</td><td>25</td></tr>
+      <tr><td>Bob</td><td>30</td></tr>
+    </table>
+  </section>
+
+  <section id="forms">
+    <h2>HTML Forms and Web Forms 2.0</h2>
+    <form>
+      <label for="name">Name:</label>
+      <input type="text" id="name" name="name" required>
+
+      <label for="email">Email:</label>
+      <input type="email" id="email" name="email">
+
+      <label for="dob">Date of Birth:</label>
+      <input type="date" id="dob" name="dob">
+
+      <label for="color">Favorite Color:</label>
+      <input type="color" id="color" name="color">
+
+      <label for="range">Experience (1-10):</label>
+      <input type="range" id="range" min="1" max="10">
+
+      <button type="submit">Submit</button>
+    </form>
+  </section>
+
+  <section id="semantic">
+    <h2>Semantic Elements</h2>
+    <article>
+      <h3>Article Heading</h3>
+      <p>This is a semantic article tag with structured meaning.</p>
+    </article>
+    <aside>
+      <p>Aside content or related links.</p>
+    </aside>
+    <section>
+      <p>Another section inside section.</p>
+    </section>
+  </section>
+
+  <section id="iframe">
+    <h2>Iframe</h2>
+    <iframe src="https://example.com"></iframe>
+    <p>Use <code>&lt;iframe&gt;</code> to embed another page.</p>
+  </section>
+
+  <section id="events">
+    <h2>HTML Events</h2>
+    <button onclick="alert('Button Clicked!')">Click Me</button>
+    <input type="text" onmouseover="this.style.backgroundColor='yellow'" placeholder="Hover over me">
+  </section>
+
+  <footer>
+    <p>&copy; 2025 HTML Training. All rights reserved.</p>
+  </footer>
+</body>
+</html>
\ No newline at end of file
