Restaurant/index.html at main · jiya-coder/Restaurant · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Byte Bistro</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Google Fonts for modern, stylish typography -->
  <link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Montserrat:wght@400;700&family=Quicksand:wght@400;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <h1>Byte Bistro</h1>
    <nav>
      <a href="#home">Home</a>
      <a href="#menu">Menu</a>
      <a href="#reservation">Reservations</a>
      <a href="#events">Events</a>
    </nav>
  </header>
  <section id="home" class="hero">
    <div class="hero-content">
      <h2>Welcome to Bistro</h2>
      <p>Where every bite is a celebration. Discover vibrant flavors and unforgettable moments!</p>
    </div>
    <div class="floating-images">
      <img src="images.jpeg" class="float float1" alt="Dish 1">
      <img src="chocolate-truffle-cake-8844.jpg" class="float float2" alt="Dish 2">
      <img src="Margherita-Pizza.jpg.webp" class="float float3" alt="Dish 3">
      <img src="garlic-butter-shrimp-1-10.jpg" class="float float4" alt="Dish 4">
    </div>
  </section>
  <section id="menu">
    <h2>Our Menu</h2>
    <div class="menu-list">
      <div class="menu-item">
        <h3>Margherita Pizza</h3>
        <p>Classic Neapolitan pizza with San Marzano tomatoes, creamy mozzarella, and fresh basil.</p>
        <span>$12</span>
      </div>
      <div class="menu-item">
        <h3>Truffle Pasta</h3>
        <p>Homemade fettuccine tossed in a rich, silky truffle cream sauce.</p>
        <span>$18</span>
      </div>
      <div class="menu-item">
        <h3>Caprese Salad</h3>
        <p>Heirloom tomatoes, buffalo mozzarella, basil, and a drizzle of olive oil.</p>
        <span>$10</span>
      </div>
      <div class="menu-item">
        <h3>Chocolate Lava Cake</h3>
        <p>Warm chocolate cake with a gooey, molten center, served with vanilla gelato.</p>
        <span>$8</span>
      </div>
      <div class="menu-item">
        <h3>Grilled Salmon</h3>
        <p>Perfectly seared salmon fillet on a bed of wild rice and seasonal veggies.</p>
        <span>$21</span>
      </div>
      <div class="menu-item">
        <h3>Eggplant Parmigiana</h3>
        <p>Baked layers of eggplant, marinara, and mozzarella, finished with basil pesto.</p>
        <span>$15</span>
      </div>
      <div class="menu-item">
        <h3>Garlic Butter Shrimp</h3>
        <p>Juicy shrimp sautéed in garlic butter, served over creamy polenta.</p>
        <span>$19</span>
      </div>
      <div class="menu-item">
        <h3>Rainbow Quinoa Bowl</h3>
        <p>Colorful roasted veggies, chickpeas, feta, and lemon-tahini dressing over quinoa.</p>
        <span>$14</span>
      </div>
      <div class="menu-item">
        <h3>Classic Tiramisu</h3>
        <p>Espresso-soaked ladyfingers layered with mascarpone and cocoa.</p>
        <span>$9</span>
      </div>
      <div class="menu-item">
        <h3>Mango Panna Cotta</h3>
        <p>Creamy vanilla panna cotta topped with fresh mango puree and mint.</p>
        <span>$10</span>
      </div>
      <div class="menu-item">
        <h3>Wood-fired Garlic Bread</h3>
        <p>Rustic wood-fired bread brushed with garlic butter and herbs.</p>
        <span>$6</span>
      </div>
      <div class="menu-item">
        <h3>Lemon Herb Chicken</h3>
        <p>Succulent roasted chicken marinated in lemon and Mediterranean herbs.</p>
        <span>$17</span>
      </div>
    </div>
  </section>
  <section id="reservation">
    <h2>Reservations</h2>
    <form id="reservationForm">
      <label>Name: <input type="text" name="name" required></label>
      <label>Email: <input type="email" name="email" required></label>
      <label>Date: <input type="date" name="date" required></label>
      <label>Time: <input type="time" name="time" required></label>
      <label>Guests: <input type="number" name="guests" min="1" max="10" required></label>
      <button type="submit">Book Now</button>
      <p id="confirmation" class="hidden"></p>
    </form>
  </section>
  <section id="events">
    <h2>Upcoming Events</h2>
    <div class="events-list">
      <div class="event">
        <h3>Wine Tasting Night</h3>
        <p>August 10, 2025 - Sample exquisite Italian wines with our sommelier.</p>
      </div>
      <div class="event">
        <h3>Live Jazz Dinner</h3>
        <p>August 20, 2025 - Enjoy a gourmet meal with live jazz music.</p>
      </div>
      <div class="event">
        <h3>Pasta Workshop</h3>
        <p>September 5, 2025 - Learn to make authentic pasta from our chefs.</p>
      </div>
      <div class="event">
        <h3>Seafood Festival</h3>
        <p>September 15, 2025 - Celebrate the ocean's bounty with our special seafood menu.</p>
      </div>
    </div>
  </section>
  <footer>
    <p>&copy; 2025 Delizioso Restaurant. All rights reserved.</p>
  </footer>
  <script src="app.js"></script>
</body>
</html>