<!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>
HTML code for a Barber Shop website:
January 30, 2023
0
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
header {
background-color: #333;
Tags