-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
279 lines (256 loc) · 14.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Sweet Delicacies</title>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<!-- Fonts and icons -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Diplomata+SC" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/css/bootstrap.min.css">
<link href="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/css/now-ui-kit.min.css?v1.2.0" rel="stylesheet"/>
<link href="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/demo/demo.css" rel="stylesheet">
<link rel="stylesheet" href="main.css">
<style>
.navbar .navbar-nav .nav-link:not(.btn) i.fa{
font-size: 18px;
position: relative;
top: 3px;
text-align: center;
width: 21px;
}
</style>
</head>
<body class="index-page sidebar-collapse">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-primary fixed-top navbar-transparent " color-on-scroll="400">
<div class="container">
<div class="navbar-translate">
<a class="navbar-brand logo-new" rel="tooltip" title="Sweet Delicacies" data-placement="bottom" target="_blank">SD
</a>
<button class="navbar-toggler navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</button>
</div>
<div class="collapse navbar-collapse justify-content-end" >
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Follow us on Twitter" data-placement="bottom" href="#" target="_blank">
<i class="fa fa-twitter"></i>
<p class="d-lg-none d-xl-none">Twitter</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Like us on Facebook" data-placement="bottom" href="#" target="_blank">
<i class="fa fa-facebook-square"></i>
<p class="d-lg-none d-xl-none">Facebook</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" rel="tooltip" title="Follow us on Instagram" data-placement="bottom" href="#" target="_blank">
<i class="fa fa-instagram"></i>
<p class="d-lg-none d-xl-none">Instagram</p>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->
<div class="wrapper">
<div class="page-header clear-filter" filter-color="orange">
<div class="page-header-image" data-parallax="true" style="background-image:url(img/bg2.jpg);">
</div>
<div class="container">
<div class="content-center brand">
<h1 class="h1">Sweet Delicacies</h1>
<h3>Mouth watering delights</h3>
<button class="btn btn-primary btn-round btn-lg">Order Now</button>
</div>
</div>
</div>
<div class="main">
<div class="section section-basic">
<div class="container pt-5">
<div class="content-center">
<div class="card-deck">
<div class="card bg-primary">
<div class="card-body text-center">
<p class="card-text">Fast Delivery</p>
</div>
</div>
<div class="card bg-primary">
<div class="card-body text-center">
<p class="card-text">Discount on Take Away</p>
</div>
</div>
<div class="card bg-primary">
<div class="card-body text-center">
<p class="card-text">Available 24/7</p>
</div>
</div>
<div class="card bg-primary">
<div class="card-body text-center">
<p class="card-text">Best Quality</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section-favorites">
<h3>Favorites</h3>
<div class="card-deck">
<div class="card h-100">
<img class="card-img-top" src="img/c1.jpg" >
<div class="card-body">
<h5 class="card-title">Banana Choco Cake </h5>
</div>
</div>
<div class="card h-100">
<img class="card-img-top" src="img/c6.jpg" >
<div class="card-body">
<h5 class="card-title">Walnut Choco ice-cream </h5>
</div>
</div>
<div class="card h-100">
<img class="card-img-top" src="img/c9.jpg">
<div class="card-body">
<h5 class="card-title">Berry cheese Cake</h5>
</div>
</div>
</div>
</div>
<div class="section section-team text-center">
<div class="container">
<h3 class="title">Here is our team</h3>
<div class="team">
<div class="row">
<div class="col-md-4">
<div class="team-player">
<img src="img/julie.jpg" alt="Thumbnail Image" class="rounded-circle img-fluid img-raised">
<h4 class="title">Julie Hadid</h4>
<p class="category text-primary">CTO</p>
<p class="description">Julie Hadid graduated from Harvard University.She has experience of 8 years as a software developer.
</div>
</div>
<div class="col-md-4">
<div class="team-player">
<img src="img/ryan.jpg" alt="Thumbnail Image" class="rounded-circle img-fluid img-raised">
<h4 class="title">Ryan Tompson</h4>
<p class="category text-primary">Co-Founder</p>
<p class="description">Ryan Tompson graduated from Yale University.He is also the Co-Founder of a startup company called ZenTed.
</div>
</div>
<div class="col-md-4">
<div class="team-player">
<img src="img/eva.jpg" alt="Thumbnail Image" class="rounded-circle img-fluid img-raised">
<h4 class="title">Eva Jenner</h4>
<p class="category text-primary">Chef</p>
<p class="description">Eva Jenner graduated from Michigan State University.She comes up with new and creative recipies.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section section-about-us">
<div class="container">
<div class="row">
<div class="col-md-8 ml-auto mr-auto text-center">
<h3 class="title">Who we are?</h3>
<h5 class="description">We have the best quality and the most delicious desserts available 24/7. Our Desserts are Unique because they are prepared freshly and are made by the best chefs around the world.</h5>
</div>
</div>
<div class="separator separator-primary"></div>
<div class="section-story-overview">
<div class="row">
<div class="col-md-6">
<div class="image-container image-left" style="background-image: url('img/c7.jpg');">
<!-- First image on the left side -->
<p class="blockquote blockquote-primary">"Dessert is probably the most important stage of the meal, since it will be the last thing your guests remember before they pass out all over the table."
<!--https://www.brainyquote.com/quotes/william_powell_184988?src=t_dessert-->
<br>
<br>
<small>-William Powell</small>
</p>
</div>
<!-- Second image on the left side of the article -->
<div class="image-container" style="background-image: url('img/c2.jpg')"></div>
</div>
<div class="col-md-5">
<!-- First image on the right side, above the article -->
<div class="image-container image-right" style="background-image: url('img/bg1.jpg')"></div>
<p>Whether you crave sweet, savory, decadent or healthy, we have hundreds of top-rated dessert recipes to satisfy your taste buds.
</p>
<p>
When the sweet tooth comes a-knockin', dish up one these luscious dessert options. Whether it's brownies, pie, or cake that strikes your fancy, our delicious desserts satisfies your sweet carvings.
</p>
<p>
Dessert is probably the most important stage of the meal, since it will be the last thing your guests remember before they pass out all over the table.
</p>
<p>
Dessert is a course that concludes a meal; oftentimes an evening meal. The course usually consists of sweet foods, such as confections dishes or fruit, and possibly a beverage such as dessert wine or liqueur, but may include coffee, cheeses, nuts, or other savory items. In some parts of the world, such as much of central and western Africa, and most parts of China, there is no tradition of a dessert course to conclude a meal.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="section section-subscribe">
<div class="container">
<h3 class="title">Subscribe</h3>
<p>Get notifications on special offers</p>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://coolwebsites.us19.list-manage.com/subscribe/post?u=b0fdb8862acfc0111bb0ea7c8&id=40a4dcb58b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_b0fdb8862acfc0111bb0ea7c8_40a4dcb58b" tabindex="-1" value=""></div>
<div class="clear"><input class="btn btn-primary btn-round btn-lg" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</div>
<footer class="footer" data-background-color="black">
<div class="container">
Courtesy- Creative Tim, Invision
<div class="copyright float-right" id="copyright">
©
<script>
document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear()))
</script>,Made using Now UI Kit, Sneha Potugal
</div>
</div>
</footer>
</div>
</body>
<!-- Core JS Files -->
<script src="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/js/core/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/js/core/popper.min.js"></script>
<script src="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/js/core/bootstrap.min.js"></script>
<!-- Plugin for Switches, full documentation here: http://www.jque.re/plugins/version3/bootstrap.switch/ -->
<script src="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/js/plugins/bootstrap-switch.js"></script>
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
<script src="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/js/plugins/nouislider.min.js"></script>
<!-- Plugin for the DatePicker, full documentation here: https://github.com/uxsolutions/bootstrap-datepicker -->
<script src="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/js/plugins/bootstrap-datepicker.js"></script>
<!-- Control Center for Now Ui Kit: parallax effects, scripts for the example pages etc -->
<script src="https://cdn.rawgit.com/creativetimofficial/now-ui-kit/2e8e665f/assets/js/now-ui-kit.js"></script>
</html>