Skip to content

Commit 732476a

Browse files
Code files uploaded
1 parent 45e9561 commit 732476a

File tree

100 files changed

+5104
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

100 files changed

+5104
-0
lines changed
961 KB
Binary file not shown.
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading
Lines changed: 301 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,301 @@
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>&copy; 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

Comments
 (0)