-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
349 lines (312 loc) · 13 KB
/
Copy pathabout.html
File metadata and controls
349 lines (312 loc) · 13 KB
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Antonio Restaurant</title>
<!-- Font Awesome CDN for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="stylesheet" href="./assets/CSS/about.css">
</head>
<body>
<header>
<div class="logo">
<img src="images/logo.png" alt="Antonio Logo">
</div>
<button class="menu-toggle">
<i class="fas fa-bars"></i>
</button>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html" class="active">About</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="reservation.html">Reservation</a></li>
<li><a href="order.html">Order</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="account">
<i class="fa-regular fa-user"></i>
<span>My Account</span>
</div>
</header>
<!-- Hero Section -->
<section class="about-hero">
<div class="hero-content animate-on-scroll">
<h1>Our Story</h1>
<p>For nearly two decades, Antonio Restaurant has been serving authentic Italian cuisine with passion, tradition, and a modern twist.</p>
</div>
</section>
<!-- Story Section -->
<section class="story-section">
<div class="section-title animate-on-scroll">
<h2>Our Journey</h2>
<p>From a small family kitchen to a beloved neighborhood institution</p>
</div>
<div class="story-content">
<div class="story-text animate-left">
<h3>A Family Legacy</h3>
<p>Founded in 2005 by Antonio and Maria Rossi, our restaurant began as a small dream in the heart of Little Italy. With recipes passed down through generations, we set out to share the authentic flavors of our Italian heritage with New York City.</p>
<p>What started as a 30-seat trattoria has grown into a 150-seat restaurant, but our commitment to quality, family, and tradition has never wavered. Every dish we serve tells a story of our journey from the hills of Tuscany to the streets of New York.</p>
<p>Today, we continue to honor our roots while embracing innovation, creating a dining experience that blends the comfort of tradition with the excitement of modern Italian cuisine.</p>
</div>
<div class="story-image animate-right">
<img src="./images/3.avif" alt="Antonio Restaurant Founders">
</div>
</div>
</section>
<!-- Values Section -->
<section class="values-section">
<div class="section-title animate-on-scroll">
<h2>Our Values</h2>
<p>The principles that guide everything we do</p>
</div>
<div class="values-grid animate-stagger">
<div class="value-card">
<div class="value-icon">
<i class="fas fa-heart"></i>
</div>
<h3>Passion</h3>
<p>We pour our hearts into every dish, ensuring that each meal is prepared with the same love and care as if we were serving our own family.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-seedling"></i>
</div>
<h3>Quality</h3>
<p>We source only the finest ingredients, working with local farmers and Italian importers to bring you authentic flavors and exceptional quality.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-users"></i>
</div>
<h3>Community</h3>
<p>We believe in building relationships with our guests and neighbors, creating a warm, welcoming environment where everyone feels like family.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-history"></i>
</div>
<h3>Tradition</h3>
<p>We honor time-tested recipes and cooking methods while adding our own creative touches to keep Italian cuisine vibrant and exciting.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-award"></i>
</div>
<h3>Excellence</h3>
<p>We strive for perfection in every aspect of our restaurant, from food preparation to service, creating memorable experiences for all our guests.</p>
</div>
<div class="value-card">
<div class="value-icon">
<i class="fas fa-leaf"></i>
</div>
<h3>Sustainability</h3>
<p>We're committed to environmentally responsible practices, from reducing food waste to supporting sustainable farming and fishing methods.</p>
</div>
</div>
</section>
<!-- Team Section -->
<section class="team-section">
<div class="section-title animate-on-scroll">
<h2>Meet Our Team</h2>
<p>The passionate people behind your dining experience</p>
</div>
<div class="team-grid animate-stagger">
<div class="team-member">
<div class="member-image">
<img src="./images/7.avif" alt="Chef Antonio Rossi">
</div>
<div class="member-info">
<h3>Antonio Rossi</h3>
<p>Executive Chef & Owner</p>
<p class="member-desc">With over 30 years of culinary experience, Chef Antonio brings the authentic flavors of his native Sicily to every dish.</p>
</div>
</div>
<div class="team-member">
<div class="member-image">
<img src="./images/8.avif" alt="Chef Maria Rossi">
</div>
<div class="member-info">
<h3>Maria Rossi</h3>
<p>Pastry Chef & Owner</p>
<p class="member-desc">Maria's desserts have been featured in Food & Wine magazine, and her tiramisu recipe is a closely guarded family secret.</p>
</div>
</div>
<div class="team-member">
<div class="member-image">
<img src="./images/9.avif" alt="Manager Luca Bianchi">
</div>
<div class="member-info">
<h3>Luca Bianchi</h3>
<p>Restaurant Manager</p>
<p class="member-desc">Luca ensures every guest receives exceptional service, drawing on 15 years of experience in fine dining establishments.</p>
</div>
</div>
</div>
</section>
<!-- Stats Section -->
<section class="stats-section">
<div class="section-title animate-on-scroll">
<h2>By The Numbers</h2>
<p>Our journey in milestones</p>
</div>
<div class="stats-grid animate-stagger">
<div class="stat-item">
<div class="stat-number">18+</div>
<div class="stat-text">Years of Excellence</div>
</div>
<div class="stat-item">
<div class="stat-number">50,000+</div>
<div class="stat-text">Happy Customers</div>
</div>
<div class="stat-item">
<div class="stat-number">150+</div>
<div class="stat-text">Wines in Our Cellar</div>
</div>
<div class="stat-item">
<div class="stat-number">12</div>
<div class="stat-text">Awards & Recognitions</div>
</div>
<div class="stat-item">
<div class="stat-number">100%</div>
<div class="stat-text">Fresh Ingredients</div>
</div>
</div>
</section>
<!-- Testimonials Section (Redesigned) -->
<section class="testimonials-section">
<div class="section-title animate-on-scroll">
<h2>What Our Guests Say</h2>
<p>Hear from those who have experienced Antonio's</p>
</div>
<div class="testimonials-container animate-stagger">
<div class="testimonial-card">
<div class="quote-icon"><i class="fas fa-quote-left"></i></div>
<p class="testimonial-content">"The best Italian food I've had outside of Italy! The pasta is handmade daily, and you can taste the difference. The atmosphere is warm and inviting, and the service is impeccable."</p>
<hr class="testimonial-divider">
<div class="testimonial-author">
<div class="author-image">
<img src="./images/11.avif" alt="Sarah Johnson">
</div>
<div class="author-info">
<h4>Sarah Johnson</h4>
<p>Food Critic, NYC Eats Magazine</p>
</div>
</div>
</div>
<div class="testimonial-card">
<div class="quote-icon"><i class="fas fa-quote-left"></i></div>
<p class="testimonial-content">"We celebrated our anniversary at Antonio's, and it was magical. From the personalized menu to the exceptional wine pairing, every detail was perfect. This is our new special occasion spot!"</p>
<hr class="testimonial-divider">
<div class="testimonial-author">
<div class="author-image">
<img src="./images/12.avif" alt="Michael and Elena Rodriguez">
</div>
<div class="author-info">
<h4>Michael & Elena Rodriguez</h4>
<p>Regular Guests Since 2010</p>
</div>
</div>
</div>
<div class="testimonial-card">
<div class="quote-icon"><i class="fas fa-quote-left"></i></div>
<p class="testimonial-content">"As an Italian expat, I'm very particular about my food. Antonio's captures the true essence of Italian cuisine - simple, high-quality ingredients prepared with skill and passion."</p>
<hr class="testimonial-divider">
<div class="testimonial-author">
<div class="author-image">
<img src="./images/13.avif" alt="Giovanni Moretti">
</div>
<div class="author-info">
<h4>Giovanni Moretti</h4>
<p>From Florence, Italy</p>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta-section">
<div class="cta-content animate-on-scroll">
<h2>Experience Antonio's For Yourself</h2>
<p>Join us for an unforgettable dining experience that celebrates the rich traditions and vibrant flavors of Italy.</p>
<div class="cta-buttons">
<button class="cta-btn primary">Make a Reservation</button>
<button class="cta-btn secondary">View Our Menu</button>
</div>
</div>
</section>
<!-- Footer Section -->
<footer>
<div class="footer-bg"></div>
<div class="footer-content animate-stagger">
<div class="footer-column">
<div class="footer-logo">
<img src="images/logo.png" alt="Antonio Restaurant">
</div>
<p>Antonio Restaurant has been serving authentic Italian cuisine since 2005. We take pride in our family recipes and commitment to quality ingredients, bringing the taste of Italy to your table.</p>
<div class="social-links">
<a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
<a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-link"><i class="fab fa-tiktok"></i></a>
</div>
</div>
<div class="footer-column">
<h4>Quick Links</h4>
<ul class="footer-links">
<li><a href="index.html"><i class="fas fa-chevron-right"></i> Home</a></li>
<li><a href="about.html"><i class="fas fa-chevron-right"></i> About Us</a></li>
<li><a href="menu.html"><i class="fas fa-chevron-right"></i> Our Menu</a></li>
<li><a href="reservation.html"><i class="fas fa-chevron-right"></i> Reservations</a></li>
<li><a href="order.html"><i class="fas fa-chevron-right"></i> Order Online</a></li>
<li><a href="contact.html"><i class="fas fa-chevron-right"></i> Contact Us</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Contact Info</h4>
<ul class="contact-info">
<li>
<i class="fas fa-map-marker-alt"></i>
<span>123 Italian Street, Little Italy<br>New York, NY 10013</span>
</li>
<li>
<i class="fas fa-phone"></i>
<span>+1 (555) 123-4567</span>
</li>
<li>
<i class="fas fa-envelope"></i>
<span>info@antonio-restaurant.com</span>
</li>
</ul>
</div>
<div class="footer-column">
<h4>Newsletter</h4>
<p>Subscribe to our newsletter to receive updates on special offers, new menu items, and events.</p>
<div class="newsletter">
<form class="newsletter-form">
<input type="email" class="newsletter-input" placeholder="Your email address" required>
<button type="submit" class="newsletter-btn"><i class="fas fa-paper-plane"></i></button>
</form>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom-content">
<div>
<p>© 2026 Antonio Restaurant. All rights reserved.</p>
</div>
<div>
<p>Designed with <i class="fas fa-heart" style="color: #F2360A;"></i> for food lovers</p>
</div>
</div>
</div>
</footer>
<!-- Back to Top Button -->
<div class="back-to-top" id="backToTop">
<i class="fas fa-chevron-up"></i>
</div>
<script src="./assets/JS/about.js"></script>
</body>
</html>