-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
242 lines (203 loc) · 9.17 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Deco flower shop</title>
<link rel="stylesheet" href="./apps/css/style.css">
<link rel="stylesheet" href="./apps/css/bootstrap.css">
</head>
<body>
<!-- start of navbar -->
<nav class="navbar navbar-expand-lg bg-success ">
<div class="container-fluid">
<a class="navbar-brand mx-4 " href="#">
<h1 class="fw-bold text-light">Deco</h1>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center p-2" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active mx-5 text-light " aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link mx-5 text-light" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link mx-5 text-light" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- end of navbar -->
<!-- start of hero section -->
<div class="container-fluid m-2 ">
<div class="row flex-wrap-reverse">
<div class="col m-3"><br> <br> <br> <br> <br> <br>
<h3 class="text-success fw-bold">Deco flower shop</h3> <br>
<h5 class="text-success">About Us </h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora expedita temporibus in vero vel
cumque nihil enim commodi animi ipsa molestias quam at velit, corrupti ex sunt, perspiciatis ea
harum?</p>
<button type="button" class="btn btn-success text-light">Know more</button>
</div>
<div class="col">
<img src="./apps/assets/flower greenhouse.jpg" alt="greenhouse" height="530px">
</div>
</div>
</div>
<!-- end of hero section -->
<br> <br> <br>
<!-- start of our products section -->
<div class="container text-center">
<div>
<h3 class="fw-bold text-success">
Our Products
</h3> <br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint accusamus aliquid nemo? Doloribus libero
quidem obcaecati, quo nisi aliquam id. Error quaerat optio enim eos dolores officiis veniam esse
consequatur?</p>
</div>
<br> <br>
<div class="row">
<div class="col">
<img src="./apps/assets/tulip2.jpg" alt="roses" height="200px">
</div>
<div class="col">
<img src="./apps/assets/sunflower.jpg" alt="sunflower" height="200px">
</div>
<div class="col">
<img src="./apps/assets/tulips.jpg" alt="tulips" height="200px">
</div>
</div>
</div>
<br> <br> <br>
<div class="container text-center">
<div class="row">
<div class="col">
<img src="./apps/assets/tulip2.jpg" alt="roses" height="200px">
</div>
<div class="col">
<img src="./apps/assets/sunflower.jpg" alt="sunflower" height="200px">
</div>
<div class="col">
<img src="./apps/assets/tulips.jpg" alt="tulips" height="200px">
</div>
</div>
<br> <br> <br>
<button type="button" class="btn btn-success text-light">Know more</button>
</div>
</div>
<br> <br> <br>
<!-- end of our products section -->
<!-- start of who we are -->
<div class="container-fluid d-grid p-5 bg-success text-light">
<div class="row">
<div class="col"> <br> <br> <br> <br> <br> <br> <br>
<h4 class="fw-bold">We Sell High Quality Flowers Fresh From Our Greenhouses.</h4>
</div>
<div class="col"> <br> <br> <br> <br>
<img src="./apps/assets/flower greenhouse.jpg" alt="greenhouse" height="200px"> <br> <br>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Incidunt voluptatibus beatae culpa alias?
Accusantium quidem, repudiandae eos animi fugit doloremque eum officia nisi quia, nihil, iusto quasi
eveniet? Rerum, error.</p>
<button type="button" class="btn btn-light text-success">Know More</button>
</div>
<div class=" col"> <br> <br> <br> <br>
<img src="./apps/assets/roses.jpg" alt="roses">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt voluptatem amet laborum sequi
doloribus, natus possimus beatae minus accusantium eveniet numquam iure praesentium minima tempora
ullam ratione esse fuga voluptatum!</p>
<button type="button" class="btn btn-light text-success">Know More</button>
</div>
</div>
</div>
<!-- end of who we are -->
<br> <br> <br> <br>
<!-- start gift your loved ones -->
<div class="container text-center">
<div>
<h3 class="fw-bold text-success">
#GIFT YOUR LOVED ONES
</h3>
</div> <br> <br> <br> <br>
<div class="row">
<div class="col"> <br>
<img src="./apps/assets/tulips.jpg" alt="tulips">
</div>
<div class="col">
<img src="./apps/assets/sunflower.jpg" alt="sunflower" height="300px">
</div>
<div class="col"> <br>
<img src="./apps/assets/tulip2.jpg" alt="tulips">
</div>
</div>
</div>
<!-- end gift your loved ones -->
<br> <br> <br> <br> <br>
<!-- start of Testimonials -->
<div class="container text-center">
<div>
<h2 class="text-success fw-bold">Client Satisfaction</h2>
</div>
<br> <br>
<div class="row ">
<div class="col shadow-lg p-3 mb-5 bg-success rounded">
<img src="./apps/assets/black woman.jpg" alt="blackwoman"> <br> <br>
<p class="text-light">"My shopping experience with Deco has been amazing. Their customer service is
top tier."</p>
<img src="./apps/assets/5 star.png" alt="5star" height="100px">
<hr>
<h4 class="text-light">Annah.W</h4>
</div>
<div class="col shadow-lg p-3 mb-5 bg-success rounded">
<img src="./apps/assets/a man.jpg" alt="a man"> <br> <br>
<p class="text-light">"You won't regret it. I would like to personally thankyou for your outstanding
product. Absolutely
Wonderful."</p>
<img src="./apps/assets/5 star.png" alt="5star" height="100px">
<hr>
<h4 class="text-light"> James.K</h4>
</div>
<div class="col shadow-lg p-3 mb-5 bg-success rounded">
<img src="./apps/assets/white girl.jpg" alt="whitegirl"> <br> <br>
<p class="text-light">"I love their products, worth every penny! Their customer service and quality of
their products
should not be overlooked."</p>
<img src="./apps/assets/5 star.png" alt="5star" height="100px"> <br>
<hr>
<h4 class="text-light"> Brittany.H</h4>
</div>
</div>
</div>
<!-- end of testimonials section -->
<br> <br> <br> <br>
<!-- start of footer section -->
<div class="container-fluid ftr text-dark fon ">
<div class="row shadow-lg p-3 mb-1 bg-dark rounded">
<div class="col m-3"> <br> <br> <br>
<h1 class="fw-bold text-success">DECO</h1> <br> <br>
<br><br> <br>
<!-- add icons -->
<br> <br> <br> <br>
<h6 class="text-success">2024 all Right Reserved JAWAD</h6>
</div>
<div class="col m-5">
</div>
<div class="col m-5">
<h3 class="fw-bold text-success">Contact</h3> <br> <br>
<h6 class="text-success">+254 745 439 251
</h6> <br>
<h6 class="text-success">@[email protected]</h6> <br>
<h6 class="text-success">Get in touch</h6> <br>
</div>
</div>
</div>
<!-- end of Testimonials -->
</body>
<script src="./apps/js/bootstrap.bundle.js"></script>
</html>