Header html

2026-04-03 16:36:12 +00:00
1 changed files with 51 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,51 @@
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Website</title>
    <style>
      body {
        margin: 0;
        font-family: Arial, sans-serif;
      }
      header {
        background-color: #333;
        color: #fff;
        padding: 1rem 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .brand {
        font-size: 1.3rem;
        font-weight: bold;
      }
      nav a {
        color: #fff;
        text-decoration: none;
        margin-left: 1rem;
      }
      nav a:hover {
        text-decoration: underline;
      }
    </style>
  </head>
  <body>
    <header>
      <div class="brand">My Site</div>
      <nav>
        <a href="#home">Home</a>
        <a href="#about">About</a>
        <a href="#services">Services</a>
        <a href="#contact">Contact</a>
      </nav>
    </header>
    <main>
      <section id="home">
        <h1>Welcome to My Website</h1>
        <p>This is a sample header section with navigation.</p>
      </section>
    </main>
  </body>
 </html>