-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtestimonials.html
135 lines (126 loc) · 5.85 KB
/
testimonials.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Retreat Restaurant</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="navbar-container container">
<input type="checkbox" name="" id="">
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<ul class="menu-items">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="food.html">Category</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="testimonials.html">Testimonial</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<h1 class="logo">Retreat Restaurant</h1>
</div>
</nav>
<!-- Testimonials Section -->
<section id="testimonials">
<h2 class="testimonial-title">What Our Customers Say</h2>
<div class="testimonial-container container">
<div class="testimonial-box">
<div class="customer-detail">
<div class="customer-photo">
<img src="https://i.postimg.cc/5Nrw360Y/male-photo1.jpg" alt="Ross Lee" />
<p class="customer-name">Ross Lee</p>
</div>
</div>
<div class="star-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<p class="testimonial-text">
"Incredible flavors and beautifully presented dishes. A must-visit for any food lover."
</p>
</div>
<div class="testimonial-box">
<div class="customer-detail">
<div class="customer-photo">
<img src="https://i.postimg.cc/sxd2xCD2/female-photo1.jpg" alt="Amelia Watson" />
<p class="customer-name">Amelia Watson</p>
</div>
</div>
<div class="star-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<p class="testimonial-text">
"Retreat Restaurant has become our go-to spot for family dinners. The cozy atmosphere is perfect!"
</p>
</div>
<div class="testimonial-box">
<div class="customer-detail">
<div class="customer-photo">
<img src="https://i.postimg.cc/fy90qvkV/male-photo3.jpg" alt="Ben Roy" />
<p class="customer-name">Ben Roy</p>
</div>
</div>
<div class="star-rating">
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<p class="testimonial-text">
"The food was absolutely delicious, and the service was impeccable! We can't wait to come back."
</p>
</div>
</div>
</section>
<!-- Review Form -->
<section>
<div class="review-form-container">
<h2>Leave a Review</h2>
<form action="#" method="post">
<label for="name">Your Name:</label>
<input type="text" id="name" name="name" placeholder="Enter your name" required>
<label for="email">Your Email:</label>
<input type="email" id="email" name="email" placeholder="Enter your email" required>
<label for="rating">Rating:</label>
<select id="rating" name="rating" required>
<option value="">--Select a rating--</option>
<option value="5">5 - Excellent</option>
<option value="4">4 - Very Good</option>
<option value="3">3 - Good</option>
<option value="2">2 - Fair</option>
<option value="1">1 - Poor</option>
</select>
<label for="message">Your Review:</label>
<textarea id="message" name="message" rows="5" placeholder="Write your review here..." required></textarea>
<button type="submit">Submit Review</button>
</form>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<h2>Retreat Restaurant © All Rights Reserved</h2>
<h3>
<p>Website designed by: <span style="color: green;">Anshika, Aditya</span></p>
</h3>
<p>
<a href="https://github.com/Aditya24Rathore/Minor_Project/tree/main" target="_blank" style="text-decoration: none; color: blue;">Source Code</a>
</p>
</footer>
</body>
</html>