-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·196 lines (187 loc) · 9.57 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cheesecake</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Wrapper for the content -->
<div class="mainWrapper">
<!-- Nav Bar Style -->
<nav class="navHeaderStyle flex">
<a href="" class="navLogo"><img src="/images/main-logo.png" alt=""></a>
<div class="navMenu flex">
<a href="" class="homeNavLink">Home</a>
<div class="navLinks flex">
<a href="#" class="navItems">About Us</a>
<a href="#" class="navItems">Menu</a>
<a href="#" class="navItems">Contact</a>
</div>
</div>
<a class="signUpBtn" href="#">Sign Up</a>
</nav>
<!-- Page Content-->
<section class="mainContainer flex">
<!-- First Chessecake Content-->
<div class="pageTextImage flex">
<h1 class="textHeader">bite the world of <br> Cheesecake wonders</h1>
<img src="/images/Main Image (Home).png" alt="">
</div>
<p class="textContent">We always make our customer happy by providing <br> as many choices as possible</p>
<div class="btnStyle flex">
<a href="#" class="getStartedBtn flex">Get Started</a>
<a href="#" class="watchDemoBtn flex"><img src="/images/Vector.png" alt=""><span>Watch Demo</span></a>
</div>
<!-- About Us Content-->
<div class="pageTextImage2 flex">
<div class="textContentHeader flex">
<h1 class="secondTextHeader">We Love Cheesecake</h1>
<h3 class="secondTextHeader2">Discover Our Cheesecake Story</h3>
<p class="secondTextContent">At Cheesecake Love, quality is our cornerstone. Each
cheesecake is crafted with the finest ingredients,
meticulous attention to detail, and a dash of creativity.
</p>
<p class="secondTextContent">We believe in delivering not just desserts but moments of
sheer indulgence.
</p>
<a href="#" class="readMoreBtn">Read More</a>
</div>
<img src="/images/About Us Image.png" alt="A delicous chessecake with strawberries">
</div>
<!-- Menu Content-->
<div class="menuContainer flex">
<h1 class="menuListHeader">our menu</h1>
<div class="itemsList flex">
<div class="menuItems flex">
<img src="/images/food-menu1.png" alt="">
<div class="textStyle">
<h5>Blueberry Chessecake</h5>
<p>Blueberry love, cheesecake delight!</p>
</div>
<div class="priceRating flex">
<div><span>$</span>9.00</div>
<img src="/images/STARS.png" alt="">
</div>
</div>
<div class="menuItems flex">
<img src="/images/food-menu2.png" alt="">
<div class="textStyle">
<h5>Biscoff cheesecake</h5>
<p>Biscoff adores cheesecake magic</p>
</div>
<div class="priceRating flex">
<div><span>$</span>11.00</div>
<img src="/images/STARS.png" alt="">
</div>
</div>
<div class="menuItems flex">
<img src="/images/food-menu3.png" alt="">
<div class="textStyle">
<h5>Chocolate Chessecake</h5>
<p>Cherish Chocolate, relish cheesecake magic!</p>
</div>
<div class="priceRating flex">
<div><span>$</span>10.00</div>
<img src="/images/STARS.png" alt="">
</div>
</div>
</div>
<a class="viewMoreBtn flex" href="#"><span>View More</span><img src="/images/Green Arrow BTN.png" alt=""></a>
</div>
<!-- Blog Content-->
<div class="blogContentContainer flex">
<div class="blogContentHeader flex">
<h1>Our Blog</h1>
<h4>Our Recent Posts</h4>
</div>
<div class="blogContentList flex">
<div class="blogContentItems flex">
<img src="/images/Blog-post1.jpeg" alt="">
<div class="blogContentText">
<p>23 Nov, 2023 / Cheesecake</p>
<h5>A Peek Behind the Cheesecake Curtain</h5>
<p class="blogContent">
Step into our cheesecake haven, where
the magic unfolds behind the scenes,
whisking dreams into reality. Our kitchen
is a symphony and very...
</p>
<a class="blogBtn" href="#">Read More</a>
</div>
</div>
<div class="blogContentItems flex">
<img src="/images/Blog-post2.jpeg" alt="">
<div class="blogContentText">
<p>18 July, 2023 / Cheesecake</p>
<h5>
Low-Sugar & Gluten-Free
Cheesecakes
</h5>
<p class="blogContent">
Welcome to our guilt-free indulgence
zone, where we're redefining the art of
cheesecake with our delectable low-
sugar...
</p>
<a class="blogBtn" href="#">Read More</a>
</div>
</div>
<div class="blogContentItems1 flex">
<img src="/images/Blog-post3.jpeg" alt="">
<div class="blogContentText1">
<p>1 January, 2024 / Cheesecake</p>
<h5>
Sweet Words - Customer
Reviews of Cheesecakes
</h5>
<p class="blogContent">
Indulge in the rich tapestry of heartfelt
stories within "Sweet Words." This curated
collection of customer reviews offers a
glimpse into the joy...
</p>
<a class="blogBtn" href="#">Read More</a>
</div>
</div>
</div>
</div>
<!-- Contact Content -->
<div class="contactSectionContainer flex">
<div class="contactContent flex">
<h1 class="contactHeader">
Contact Us
</h1>
<p class="contactTextContent">
Need to get in touch with us? Either fill out the form with your inquiry or find the department phone, email you'd like to connect below
</p>
<img src="/images/contact-us.png" alt="" class="contactImg">
</div>
<div class="contactFormWrapper flex">
<form action="post">
<label for="name"></label>
<input type="text" name="Name" id="name" placeholder="Name" required><br>
<label for="email"></label>
<input type="text" name="Email" id="email" placeholder="Email" required>
<textarea name="" id="" cols="30" rows="10" placeholder="Your Message..."></textarea>
</form>
<button class="contactBtn">Contact us now</button>
</div>
</div>
<!-- Footer-->
<footer>
<div class="footerWrapper flex">
<div class="socialLinks flex">
<a class="facebookIcon flex" href="#"><img src="/images/facebook.png" alt="an icon for"></a>
<a class="instagramIcon flex" href="#"><img src="/images/instagram.png" alt=""></a>
<a class="twitterIcon flex" href="#"><img src="/images/twitter.png" alt=""></a>
<a class="youtubeIcon flex" href="#"><img src="/images/youtube.png" alt=""></a>
</div>
<p class="copyright">Copyright<span class="copyrightIcon">©</span><strong> 2024 Dscode | All rights reserved</strong></p>
</div>
</footer>
</section>
</div>
</body>
</html>