<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Restaurant Website</title>
  <style>
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #d3d3d3;
    }

    /* Navigation */
    nav {
      background-color: #8fffd3;
      padding: 15px;
      display: flex;
      justify-content: center;
      gap: 60px;
      font-size: 20px;
      font-weight: bold;
    }
    nav a {
      text-decoration: none;
      color: purple;
    }

    /* Section Containers */
    section {
      padding: 40px 20px;
      text-align: center;
    }

    /* HOME SECTION */
    #home {
      background-color: #f6e7c3;
      margin: 20px;
      border-radius: 10px;
      padding: 60px;
    }
    #home h1 {
      font-family: "Brush Script MT", cursive;
      font-size: 60px;
      color: steelblue;
    }
    #home p {
      font-family: "Brush Script MT", cursive;
      font-size: 30px;
      color: teal;
    }
    .btn-menu {
      margin-top: 20px;
      padding: 12px 20px;
      background: black;
      color: white;
      border: none;
      border-radius: 5px;
    }

    /* Image Row */
    .image-row {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 30px;
      margin-top: 40px;
    }
    .image-row img {
      width: 260px;
      height: 180px;
      object-fit: cover;
      border-radius: 5px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    }

    /* MENU SECTION */
    #menu {
      padding: 50px;
    }
    #menu h2 {
      background: #9ad36a;
      padding: 20px;
      display: inline-block;
      border: 2px solid black;
      border-radius: 10px;
      font-family: "Brush Script MT", cursive;
      font-size: 55px;
      color: red;
    }

    .menu-grid {
      margin-top: 40px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 25px;
    }
    .menu-item {
      width: 250px;
      padding: 20px;
      border-radius: 10px;
      background: white;
      text-align: center;
    }
    .menu-item h3 {
      color: red;
      font-size: 24px;
    }

    /* FOOTER */
    footer {
      background: #015501;
      color: white;
      padding: 25px;
      margin-top: 40px;
      text-align: center;
      font-size: 18px;
    }
    footer a {
      color: white;
      text-decoration: none;
      margin: 0 15px;
    }
  </style>
</head>
<body>

  <!-- Navigation Bar -->
  <nav>
    <a href="#home">Home</a>
    <a href="#catering">Catering</a>
    <a href="#menu">Menu</a>
    <a href="#contact">Contact</a>
  </nav>

  <!-- HOME SECTION -->
  <!-- HOME SECTION -->
  <section id="home">
    <h1>Welcome to Preston's Pleasent Pizzaria</h1>
    <p>Experience the finest dining with our exquisite menu and warm ambiance.</p>
    <button class="btn-menu">View Menu</button>
  </section>

  <!-- Image Gallery Row -->
  <div class="image-row">
    <img src="https://thevirtualcaterer.com/wp-content/uploads/2024/05/BBQ-Chicken-Pizza-2-500x500.jpg" />
    <img src="https://www.acozykitchen.com/wp-content/uploads/2021/10/MeatLoversPizza-8-1.jpg" />
    <img src="https://www.hunts.com/sites/g/files/qyyrlu211/files/uploadedImages/img_6934_48664.jpg" />
    <img src="https://www.orchidsandsweettea.com/wp-content/uploads/2019/05/Veggie-Pizza-2-of-5-e1691215701129.jpg" />
  </div>

  <!-- MENU SECTION -->
  <!-- MENU SECTION -->
  <section id="menu">
    <h2>Our Special Menu - Mouth Watering Pizzas</h2>

    <div class="menu-grid">
      <div class="menu-item" style="background:#ffcbc7;"><h3>Margherita</h3><p>Classic tomato, mozzarella, and basil.</p><p>$12.99</p></div>
      <div class="menu-item" style="background:#fff2a8;"><h3>Pepperoni</h3><p>Loaded with pepperoni slices and cheese.</p><p>$13.99</p></div>
      <div class="menu-item" style="background:#e7ffb0;"><h3>BBQ Chicken</h3><p>BBQ sauce, grilled chicken, red onions, mozzarella.</p><p>$14.99</p></div>
      <div class="menu-item" style="background:#c1dbff;"><h3>Hawaiian</h3><p>Ham, pineapple, mozzarella, tomato sauce.</p><p>$13.99</p></div>
      <div class="menu-item" style="background:#b7ffe4;"><h3>Veggie Supreme</h3><p>Peppers, mushrooms, onions, olives, tomatoes.</p><p>$12.99</p></div>
      <div class="menu-item" style="background:#fff8f8;"><h3>Meat Lovers</h3><p>Pepperoni, sausage, bacon, ham, ground beef.</p><p>$15.99</p></div>
      <div class="menu-item" style="background:#ffe6c6;"><h3>Four Cheese</h3><p>Mozzarella, parmesan, gouda, cheddar.</p><p>$13.99</p></div>
      <div class="menu-item" style="background:#ffd0b0;"><h3>Spicy Chicken</h3><p>Spicy chicken, jalapeños, onions, hot sauce drizzle.</p><p>$14.99</p></div>
    </div>
  </section>

  <!-- CONTACT SECTION -->
  <!-- CONTACT SECTION -->
  <section id="contact">
    <h2>Contact Us</h2>
    <p>Email: PPP@restaurant.com</p>
    <p>Phone: 123-456-7890</p>
    <p>Location: 123 Main Street</p>
  </section>

  <!-- FOOTER SECTION -->
  <footer>
    <div>
      <a href="#home">Home</a>
      <a href="#catering">Catering</a>
      <a href="#menu">Menu</a>
      <a href="#contact">Contact</a>
    </div>
    <p>Created by - Preston Gordon - © 2025 Preston's Pleasent Pizzaria. All rights reserved.</p>
  </footer>

</body>
</html>
