1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < meta charset ="UTF-8 ">
5
+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7
+ < title > Furniture</ title >
8
+ < link rel ="stylesheet " href ="style.css ">
9
+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css ">
10
+ < link rel ="preconnect " href ="https://fonts.googleapis.com "> < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin > < link href ="https://fonts.googleapis.com/css2?family=Kenia&family=Mukta:wght@300;400;700&display=swap " rel ="stylesheet ">
11
+ </ head >
12
+ < body >
13
+ <!-- Container -->
14
+ < div class ="container ">
15
+ <!-- Navbar -->
16
+ < nav class ="navbar ">
17
+ < div class ="navbar-top ">
18
+ < div class ="logo ">
19
+ < i class ="fa-solid fa-couch "> </ i >
20
+ < span > FURNITURE</ span >
21
+ </ div >
22
+ < div class ="search-bar ">
23
+ < input type ="text " placeholder ="What are you looking for? ">
24
+ < i class ="fa-solid fa-magnifying-glass "> </ i >
25
+ </ div >
26
+ < div class ="user ">
27
+ < i class ="fa-solid fa-cart-shopping "> </ i >
28
+ < span > $0.00</ span >
29
+ < i class ="fa-regular fa-heart "> </ i >
30
+ < i class ="fa-solid fa-user "> </ i >
31
+ </ div >
32
+ </ div >
33
+ < div class ="nav-list ">
34
+ < div >
35
+ < i class ="fa-solid fa-house "> </ i >
36
+ < span > HOME</ span >
37
+ </ div >
38
+ < div >
39
+ < i class ="fa-solid fa-couch "> </ i >
40
+ < span > PRODUCTS</ span >
41
+ </ div >
42
+ < div >
43
+ < i class ="fa-solid fa-dollar-sign "> </ i >
44
+ < span > PRICING</ span >
45
+ </ div >
46
+ < div >
47
+ < i class ="fa-brands fa-blogger "> </ i >
48
+ < span > BLOG</ span >
49
+ </ div >
50
+ < div >
51
+ < i class ="fa-solid fa-star "> </ i >
52
+ < span > SALES</ span >
53
+ </ div >
54
+ < div >
55
+ < i class ="fa-solid fa-message "> </ i >
56
+ < span > CONTACT</ span >
57
+ </ div >
58
+
59
+ </ div >
60
+ </ nav >
61
+ <!-- End of Navbar -->
62
+
63
+ <!-- Landing -->
64
+ < section class ="landing ">
65
+ < div class ="landing-bg "> </ div >
66
+ < div class ="banner ">
67
+ < img src ="images/banner-img.jpg " class ="banner-img ">
68
+ < h1 class ="banner-heading "> LUXURY FURNITURE</ h1 >
69
+ < button class ="banner-btn banner-btn-1 "> GO TO SHOP</ button >
70
+ < button class ="banner-btn banner-btn-2 "> EXPLORE</ button >
71
+ </ div >
72
+ </ section >
73
+ <!-- End of Landing -->
74
+
75
+ <!-- Products -->
76
+ < section class ="products ">
77
+ < div class ="products-top ">
78
+ < h3 > SEARCH FOR</ h3 >
79
+ < h2 > 15000</ h2 >
80
+ < h1 > PRODUCTS</ h1 >
81
+ </ div >
82
+ < div class ="products-icons ">
83
+ < div class ="bedroom ">
84
+ < img src ="images/bedroom.png ">
85
+ < span > Bedroom</ span >
86
+ </ div >
87
+ < div class ="buffet ">
88
+ < img src ="images/buffet.png ">
89
+ < span > Buffet</ span >
90
+ </ div >
91
+ < div class ="dining ">
92
+ < img src ="images/dining.png ">
93
+ < span > Dining</ span >
94
+ </ div >
95
+ < div class ="sofa ">
96
+ < img src ="images/sofa.png ">
97
+ < span > Sofa</ span >
98
+ </ div >
99
+ < div class ="table ">
100
+ < img src ="images/table.png ">
101
+ < span > Table</ span >
102
+ </ div >
103
+ < div class ="wardrobe ">
104
+ < img src ="images/wardrobe.png ">
105
+ < span > Wardrobe</ span >
106
+ </ div >
107
+ </ div >
108
+ </ section >
109
+ <!-- End of Products -->
110
+
111
+ <!-- Pricing -->
112
+ < section class ="pricing ">
113
+ < div class ="pricing-top ">
114
+ < img src ="images/furniture2.png ">
115
+ < div class ="pricing-top-content ">
116
+ < h1 > GET READY FOR A CHRISTMAS</ h1 >
117
+ < button > ACTUAL TRENDS</ button >
118
+ </ div >
119
+ </ div >
120
+ < div class ="pricing-cards ">
121
+ < div class ="pricing-card ">
122
+ < div class ="pricing-card-icons ">
123
+ < i class ="fa-solid fa-link "> </ i >
124
+ < i class ="fa-regular fa-heart "> </ i >
125
+ < i class ="fa-solid fa-magnifying-glass-plus "> </ i >
126
+ </ div >
127
+ < div class ="img-wrapper ">
128
+ < img src ="images/pricing-armchair.png ">
129
+ </ div >
130
+ < h3 > ARMCHAIR</ h3 >
131
+ < div class ="stars ">
132
+ < i class ="fa-solid fa-star "> </ i >
133
+ < i class ="fa-solid fa-star "> </ i >
134
+ < i class ="fa-solid fa-star "> </ i >
135
+ < i class ="fa-solid fa-star "> </ i >
136
+ < i class ="fa-solid fa-star "> </ i >
137
+ </ div >
138
+ < h4 > $99.00</ h4 >
139
+ </ div >
140
+ < div class ="pricing-card ">
141
+ < div class ="pricing-card-icons ">
142
+ < i class ="fa-solid fa-link "> </ i >
143
+ < i class ="fa-regular fa-heart "> </ i >
144
+ < i class ="fa-solid fa-magnifying-glass-plus "> </ i >
145
+ </ div >
146
+ < div class ="img-wrapper ">
147
+ < img src ="images/pricing-couch.png ">
148
+ </ div >
149
+ < h3 > COUCH</ h3 >
150
+ < div class ="stars ">
151
+ < i class ="fa-solid fa-star "> </ i >
152
+ < i class ="fa-solid fa-star "> </ i >
153
+ < i class ="fa-solid fa-star "> </ i >
154
+ < i class ="fa-solid fa-star "> </ i >
155
+ < i class ="fa-regular fa-star "> </ i >
156
+ </ div >
157
+ < h4 > $129.00</ h4 >
158
+ </ div >
159
+ < div class ="pricing-card ">
160
+ < div class ="pricing-card-icons ">
161
+ < i class ="fa-solid fa-link "> </ i >
162
+ < i class ="fa-regular fa-heart "> </ i >
163
+ < i class ="fa-solid fa-magnifying-glass-plus "> </ i >
164
+ </ div >
165
+ < div class ="img-wrapper ">
166
+ < img src ="images/pricing-lighting.png ">
167
+ </ div >
168
+ < h3 > LIGHTING</ h3 >
169
+ < div class ="stars ">
170
+ < i class ="fa-solid fa-star "> </ i >
171
+ < i class ="fa-solid fa-star "> </ i >
172
+ < i class ="fa-solid fa-star "> </ i >
173
+ < i class ="fa-solid fa-star "> </ i >
174
+ < i class ="fa-solid fa-star "> </ i >
175
+ </ div >
176
+ < h4 > $59.00</ h4 >
177
+ </ div >
178
+ < div class ="pricing-card ">
179
+ < div class ="pricing-card-icons ">
180
+ < i class ="fa-solid fa-link "> </ i >
181
+ < i class ="fa-regular fa-heart "> </ i >
182
+ < i class ="fa-solid fa-magnifying-glass-plus "> </ i >
183
+ </ div >
184
+ < div class ="img-wrapper ">
185
+ < img src ="images/pricing-sofa.png ">
186
+ </ div >
187
+ < h3 > SOFA</ h3 >
188
+ < div class ="stars ">
189
+ < i class ="fa-solid fa-star "> </ i >
190
+ < i class ="fa-solid fa-star "> </ i >
191
+ < i class ="fa-solid fa-star "> </ i >
192
+ < i class ="fa-solid fa-star "> </ i >
193
+ < i class ="fa-regular fa-star "> </ i >
194
+ </ div >
195
+ < h4 > $89.00</ h4 >
196
+ </ div >
197
+ < div class ="pricing-card ">
198
+ < div class ="pricing-card-icons ">
199
+ < i class ="fa-solid fa-link "> </ i >
200
+ < i class ="fa-regular fa-heart "> </ i >
201
+ < i class ="fa-solid fa-magnifying-glass-plus "> </ i >
202
+ </ div >
203
+ < div class ="img-wrapper ">
204
+ < img src ="images/pricing-table.png ">
205
+ </ div >
206
+ < h3 > TABLE</ h3 >
207
+ < div class ="stars ">
208
+ < i class ="fa-solid fa-star "> </ i >
209
+ < i class ="fa-solid fa-star "> </ i >
210
+ < i class ="fa-solid fa-star "> </ i >
211
+ < i class ="fa-solid fa-star "> </ i >
212
+ < i class ="fa-regular fa-star "> </ i >
213
+ </ div >
214
+ < h4 > $49.00</ h4 >
215
+ </ div >
216
+ < div class ="pricing-card ">
217
+ < div class ="pricing-card-icons ">
218
+ < i class ="fa-solid fa-link "> </ i >
219
+ < i class ="fa-regular fa-heart "> </ i >
220
+ < i class ="fa-solid fa-magnifying-glass-plus "> </ i >
221
+ </ div >
222
+ < div class ="img-wrapper ">
223
+ < img src ="images/pricing-wardrobe.png ">
224
+ </ div >
225
+ < h3 > WARDROBE</ h3 >
226
+ < div class ="stars ">
227
+ < i class ="fa-solid fa-star "> </ i >
228
+ < i class ="fa-solid fa-star "> </ i >
229
+ < i class ="fa-solid fa-star "> </ i >
230
+ < i class ="fa-solid fa-star "> </ i >
231
+ < i class ="fa-solid fa-star "> </ i >
232
+ </ div >
233
+ < h4 > $599.00</ h4 >
234
+ </ div >
235
+ </ div >
236
+ < button > GO TO SHOP</ button >
237
+ </ section >
238
+ <!-- End of Pricing -->
239
+
240
+ <!-- Blog -->
241
+ < section class ="blog ">
242
+ < div class ="blog-content ">
243
+ < div class ="blog-top ">
244
+ < div class ="magazine ">
245
+ < img src ="images/magazine.png ">
246
+ </ div >
247
+ < div class ="trends ">
248
+ < h1 > WINTER TRENDS 2023</ h1 >
249
+ < button > DOWNLOAD</ button >
250
+ </ div >
251
+ </ div >
252
+ < div class ="blog-articles ">
253
+ < div class ="article ">
254
+ < span > 01</ span >
255
+ < span > Lorem ipsum dolor sit amet</ span >
256
+ </ div >
257
+ < div class ="article ">
258
+ < span > 02</ span >
259
+ < span > Lorem ipsum dolor sit amet</ span >
260
+ </ div >
261
+ < div class ="article ">
262
+ < span > 03</ span >
263
+ < span > Lorem ipsum dolor sit amet</ span >
264
+ </ div >
265
+ </ div >
266
+ </ div >
267
+ </ div >
268
+ </ section >
269
+ <!-- End of Blog -->
270
+
271
+ <!-- Contact -->
272
+ < section class ="contact ">
273
+ < div class ="contact-content ">
274
+ < div class ="content-left ">
275
+ < h2 > Subscribe to our newsletter and grab < span > 30% OFF</ span > </ h2 >
276
+ </ div >
277
+
278
+ < div class ="content-right ">
279
+ < input type ="email " placeholder ="Your e-mail address... ">
280
+ < button > SIGN UP</ button >
281
+ </ div >
282
+ </ div >
283
+ </ section >
284
+ <!-- End of Contact -->
285
+
286
+ <!-- Footer -->
287
+ < footer class ="footer ">
288
+ < div class ="copyright ">
289
+ < p > © All Rights Reserved 2023. Created by Code And Create</ p >
290
+ </ div >
291
+ < div class ="brand ">
292
+ < i class ="fa-solid fa-couch "> </ i >
293
+ < h1 > FURNITURE</ h1 >
294
+ </ div >
295
+
296
+ </ footer >
297
+ <!-- End of Footer -->
298
+ </ div >
299
+ <!-- End of Container -->
300
+ </ body >
301
+ </ html >
0 commit comments