Type Here to Get Search Results !

HTML code for a Barber Shop website:

0

 <!DOCTYPE html>

<html>

<head>

  <title>Barber Shop</title>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

  <header>

    <h1>Barber Shop</h1>

    <nav>

      <ul>

        <li><a href="#services">Services</a></li>

        <li><a href="#pricing">Pricing</a></li>

        <li><a href="#location">Location</a></li>

        <li><a href="#contact">Contact</a></li>

      </ul>

    </nav>

  </header>

  <main>

    <section id="services">

      <h2>Services</h2>

      <p>Our barbers provide a variety of services including haircuts, shaves, and beard grooming. We use the highest quality products and techniques to ensure you leave feeling refreshed and looking your best.</p>

    </section>

    <section id="pricing">

      <h2>Pricing</h2>

      <table>

        <tr>

          <th>Service</th>

          <th>Price</th>

        </tr>

        <tr>

          <td>Haircut</td>

          <td>$25</td>

        </tr>

        <tr>

          <td>Shave</td>

          <td>$20</td>

        </tr>

        <tr>

          <td>Beard Grooming</td>

          <td>$15</td>

        </tr>

      </table>

    </section>

    <section id="location">

      <h2>Location</h2>

      <p>123 Main Street, Anytown USA</p>

      <p>Hours: Mon-Sat 9am-5pm</p>

    </section>

    <section id="contact">

      <h2>Contact</h2>

      <form action="submit_form.php" method="post">

        <label for="name">Name:</label>

        <input type="text" id="name" name="name"><br><br>

        <label for="email">Email:</label>

        <input type="email" id="email" name="email"><br><br>

        <label for="message">Message:</label>

        <textarea id="message" name="message"></textarea><br><br>

        <input type="submit" value="Submit">

      </form>

    </section>

  </main>

  <footer>

    <p>Copyright © 2020 Barber Shop</p>

  </footer>

</body>

</html>



body {
  font-family: Arial, sans-serif;
  background-color: #f2f2f2;
}

header {
  background-color: #333;

Tags

Post a Comment

0 Comments

Recent-post