diff --git a/readme.md b/readme.md
index 1eacf38..183b1da 100644
--- a/readme.md
+++ b/readme.md
@@ -10,14 +10,14 @@
    **[10 Marks]** [View Code](shadow/index.html)
 
 4. **Explain any 5 semantic tags of HTML5 with an example.**  
-   **[10 Marks]**
+   **[10 Marks]** [View Code](semantic-tags)
 
 5. **What is HTTP? Describe the structure of HTTP request and response messages.**  
    **[10 Marks]**
 
 6. **Write a code to drag an image from outside the box and drop it inside the box.**  
    **[5 Marks]**
-     [View Code](html+js/dragAndDrop.html)
+   [View Code](html+js/dragAndDrop.html)
 
 7. **Create an external stylesheet and link it to an HTML form. The stylesheet should include:**
 
diff --git a/semantic-tags/article.html b/semantic-tags/article.html
new file mode 100644
index 0000000..788107c
--- /dev/null
+++ b/semantic-tags/article.html
@@ -0,0 +1,4 @@
+<article>
+    <h3>How to Learn HTML</h3>
+    <p>HTML is the foundation of web development. Start by learning the basic tags...</p>
+</article>
\ No newline at end of file
diff --git a/semantic-tags/footer.html b/semantic-tags/footer.html
new file mode 100644
index 0000000..fe0c78d
--- /dev/null
+++ b/semantic-tags/footer.html
@@ -0,0 +1,4 @@
+<footer>
+    <p>&copy; 2024 My Website. All Rights Reserved.</p>
+    <p><a href="#privacy-policy">Privacy Policy</a> | <a href="#terms">Terms of Use</a></p>
+</footer>
\ No newline at end of file
diff --git a/semantic-tags/header.html b/semantic-tags/header.html
new file mode 100644
index 0000000..1cab6d8
--- /dev/null
+++ b/semantic-tags/header.html
@@ -0,0 +1,10 @@
+<header>
+    <h1>Welcome to My Website</h1>
+    <nav>
+        <ul>
+            <li><a href="#home">Home</a></li>
+            <li><a href="#about">About</a></li>
+            <li><a href="#contact">Contact</a></li>
+        </ul>
+    </nav>
+</header>
\ No newline at end of file
diff --git a/semantic-tags/nav.html b/semantic-tags/nav.html
new file mode 100644
index 0000000..6377d80
--- /dev/null
+++ b/semantic-tags/nav.html
@@ -0,0 +1,7 @@
+<nav>
+    <ul>
+        <li><a href="#services">Services</a></li>
+        <li><a href="#portfolio">Portfolio</a></li>
+        <li><a href="#blog">Blog</a></li>
+    </ul>
+</nav>
\ No newline at end of file
diff --git a/semantic-tags/section.html b/semantic-tags/section.html
new file mode 100644
index 0000000..2002ba6
--- /dev/null
+++ b/semantic-tags/section.html
@@ -0,0 +1,4 @@
+<section>
+    <h2>Our Services</h2>
+    <p>We offer web development, app development, and digital marketing services.</p>
+</section>
\ No newline at end of file