<!DOCTYPE html>
<html>
   <head>
      <title>My Web Page</title>
   </head>
   <body>
      <header>
         <h1>Welcome to My Web Page</h1>
         <nav>
            <ul>
               <li><a href="#">Home</a></li>
               <li><a href="#">About Us</a></li>
               <li><a href="#">Contact Us</a></li>
            </ul>
         </nav>
      </header>
      <main>
         <section>
            <article>
               <h2>Article 1</h2>
               <p>This is the first article.</p>
            </article>
            <article>
               <h2>Article 2</h2>
               <p>This is the second article.</p>
            </article>
         </sect>
         <aside>
            <h3>About the Author</h3>
            <p>Ayisha M.A is a webdeveloper</p>
         </aside>
      </main>
      <footer>
         <p>Copyright © 2023 My Web Page</p>
      </footer>
   </body>
</html>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.