-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
173 lines (170 loc) · 5.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chair</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--nav starts-->
<nav>
<h1>Logo</h1>
<ul>
<li><a href="#">Furniture</a></li>
<li><a href="#">Project</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">About Us</a></li>
</ul>
<button class="filled">Register</button>
</nav>
<header>
<div class="parth">
<h1>The Most<br><span>Confortable</span><br>Chair For You</h1>
<p>Welcome to LuxeSeats, where comfort meets style.
Explore our curated collection for the finest chairs,
enhancing your lifestyle elegantly.</p>
<button class="filled">Register</button>
<button class="unfill">Learn More</button>
</div>
<div>
<img src="h.jpg" alt="h1">
</div>
</header>
<section class="info">
<div>
<h1>12K+</h1>
<p>Premium product</p>
</div>
<div>
<h1>16M+</h1>
<p>Happy customers</p>
</div>
<div>
<h1>1K+</h1>
<p>Award winnings</p>
</div>
</section>
<section>
<div class="products">
<h1>Popular Products<br><span>Categeries</span></h1>
</div>
<div class="selections">
<div>
<div class="img"><div class="img1"></div></div>
<div class="details">
<h1>Workshop chair</h1>
<p>indoor chair</p>
</div>
</div>
<div>
<div class="img"><div class="img2"></div></div>
<div class="details">
<h1>Workshop chair</h1>
<p>indoor chair</p>
</div>
</div>
<div>
<div class="img"><div class="img3"></div></div>
<div class="details">
<h1>Workshop chair</h1>
<p>indoor chair</p>
</div>
</div>
</div>
<div class="btnar">
<button>←</button>
<button>→</button>
</div>
</section>
</section>
<section class="why">
<div class="imagecat"></div>
<div class="writings">
<h1><span>Why Choose</span> Us ?</h1>
<p>Unparalleled comfort, timeless design,
and expert craftsmanship – Elevate your space with our exceptional chairs today!</p>
<div class="cards">
<div class="cfill">
<div class="star">✪</div>
<h2>Longetivity</h1>
<p>Exceptional durability, designed to stand the test of time.</p>
</div>
<div class="cnofill">
<h2>Quality</h1>
<p>Exceeding standards, precision crafted for enduring comfort and satisfaction.</p>
</div>
<div class="cnofill">
<h2>Heritage</h1>
<p>Rooted in tradition, our chairs embody timeless craftsmanship</p>
</div>
<div class="cfill">
<div class="star">✪</div>
<h2>Community</h1>
<p>Join our community, where comfort and style unite seamlessly.</p>
</div>
</div>
</div>
</section>
<section class="best">
<div class="wr">
<h1><span>Best</span> Features</h1>
<p>Ergonomic design, premium materials, versatile styles. Customizable,
innovative tech, eco-friendly, easy assembly,
dedicated customer satisfaction</p>
<div class="card1">
<div class="fill">
<div class="star">✪</div>
<h2>Delivery</h2>
<p>Zero-cost delivery for added convenience.</p>
</div>
<div class="fill">
<div class="star">✪</div>
<h2>Guaranty</h2>
<p>Assured quality, satisfaction, and durability</p>
</div>
<div class="fill">
<div class="star">✪</div>
<h2>Free Repair</h2>
<p>Complimentary repairs for lasting assurance</p>
</div>
</div>
</div>
<div class="imagecont">
<img src="sectionimage.png" alt="si1">
</div>
</section>
<footer>
<div class="mainf">
<div>
<h1>Logo</h1>
<p>Experience unparalleled comfort and style. Our chairs redefine seating.
Crafted with precision, durability, and your well-being in mind.
Elevate your space today with timeless elegance and ergonomic excellence</p>
</div>
<div>
<h2>About</h2>
<p>News & Blog</p>
<p>Features</p>
<p>About Us</p>
</div>
<div>
<h2>Company</h2>
<p>How We Work ?</p>
<p>Capital</p>
<p>Security</p>
</div>
<div>
<h2>Support</h2>
<p>FAQs</p>
<p>Support</p>
<p>Contact Us</p>
</div>
</div>
<hr>
<div class="copyright">
<p>© 2024 <span>Jishnu Webdev</span> | Provided by <span>Jishnu Webdev</span></p>
</div>
</footer>
</body>
</html>