-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (113 loc) · 5.1 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset ="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheet_index.css">
<title>Daily Brew Cafe</title>
<script src="javascript_index.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
// When the form is submitted
$('#contact-form').on('submit', function(e) {
e.preventDefault(); // Prevent default form submission behavior
// Get the form data
const formData = $(this).serialize();
// Send a POST request to the /reserve endpoint
$.ajax({
type: 'POST',
url: '/contact',
data: formData,
success: function(response) {
// Handle successful response
console.log(response);
},
error: function(xhr, status, error) {
// Handle error response
console.log(xhr.responseText);
}
});
});
});
</script>
</head>
<style>
body {
margin: 0;
background-image: url('Images/background-coffee-menu.avif');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
</style>
<body>
<!--navigation header-->
<section class="header">
<a href="index.html" class="logo">Daily Brew</a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="menu.html" >Menu</a></li>
<li><a href="index.html#about" >About Us</a></li>
<li><a href="#contact">Contact Us</a></li>
<li><a href="reservation.html" class="button">Book Reservation</a></li>
<li><a href="checkout.html" class="button">Check Out</a></li>
</ul>
</nav>
</section>
<!--image text-->
<section class="home" id="home-page">
<div class="content">
<span class="text">Daily Brew</span>
<h3>where mornings are brighter</h3>
</div>
</section>
<!--about us-->
<section class="about-us" id="about">
<div class="content">
<div class="box">
<img src="Images/pastries.jpg" class="barista" alt="Pastery Image" style="width:20%;height:auto;">
<div class="text-box">
<h1 class="header-title">About Us</h1>
<p> We're energetic about giving our clients great espresso and delightful food in a comfortable and inviting climate. Since its inception, our cafe has served as a gathering spot for the local community.
We are proud to brew each cup to perfection, and our coffee comes from some of the world's best roasters.</p>
<p> Whether you're in the mind-set for a rich coffee or a smooth latte, our talented baristas will ensure you get the ideal cup.
But we're not just about coffee; we also have delicious breakfast and lunch options made with fresh, local ingredients on our menu. From our cushioned hotcakes to our appetizing sandwiches, there's something for everybody on our menu.</p>
<p> At our cafe, we have confidence in establishing a warm and inviting climate where everybody feels comfortable. We invite you to make yourself at home and take advantage of everything that our cafe has to offer, whether you're here to catch up with friends, work on your laptop, or just unwind with a good book.</p>
<p>We hope to see you soon!</p>
</div>
</div>
</div>
</section>
<!--footer-->
<footer class="footer" id="contact">
<div class="footer-content">
<div class="bottom-section about">
<h1 class="logo-text"><span>Got</span> Questions?</h1>
<p> If you have any questions or concerns, please don't hesitate to contact us. We are always happy to assist you in any way we can. Whether you need help with a product or service, have a general inquiry, or simply want to provide feedback, we are here for you.</p>
<p> Our team is committed to providing the highest level of customer service possible, and we believe that communication is key to achieving this.
</p><br>
<div class="contact">
<span><i class="phone"></i> Call Us: 123-456-7890</span><br>
<span><i class="email"></i> Email Us: [email protected]</span>
</div>
</div>
<div class="bottom-section contact">
<h1>Contact Us</h1>
<br>
<form id="contact-form" action="index.html" method="post">
<label>
<input type="email" name="email" class="text-input contact-input" placeholder="Your Email Address">
</label>
<label>
<textarea name="message" class="text-input contact-input" placeholder="Your Message"></textarea>
</label>
<br>
<button type="submit" class="button">Send</button>
</form>
</div>
</div>
</footer>
</body>
</html>