Skip to content

Commit b9d8001

Browse files
HuXn-WebDevHuXn-WebDev
committed
Charis Landing Page
1 parent 13c6776 commit b9d8001

7 files changed

+659
-0
lines changed

‎95. Chairs/Images/bruno-emmanuelle--MUoHL1XULM-unsplash-removebg-preview.png‎

92.1 KB
Loading

‎95. Chairs/Images/daniil-silantev-1P6AnKDw6S8-unsplash-removebg-preview.png‎

60.8 KB
Loading

‎95. Chairs/Images/daniil-silantev-1P6AnKDw6S8-unsplash.jpg‎

846 KB
Loading

‎95. Chairs/Images/pexels-ron-lach-8346055-removebg-preview.png‎

71.5 KB
Loading

‎95. Chairs/Images/scott-webb-eD853mTbBA0-unsplash-removebg-preview.png‎

75.8 KB
Loading

‎95. Chairs/index.html‎

Lines changed: 230 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,230 @@
1+
<html lang="en">
2+
<head>
3+
<meta charset="UTF-8" />
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Chairs</title>
7+
<link rel="stylesheet" href="style.css" />
8+
</head>
9+
<body>
10+
<nav>
11+
<div class="logo">
12+
<h1>Logo</h1>
13+
</div>
14+
15+
<ul>
16+
<li><a href="">Furniture</a></li>
17+
<li><a href="">Project</a></li>
18+
<li><a href="">Product</a></li>
19+
<li><a href="">About Us</a></li>
20+
</ul>
21+
22+
<button class="btn-fill">Register</button>
23+
</nav>
24+
25+
<header>
26+
<div class="content-container">
27+
<h1 class="main-headings">
28+
The Most <br />
29+
<span> Comfortable </span><br />
30+
Chair For You
31+
</h1>
32+
<p class="primary-headings">
33+
Lorem Ipsum is simply dummy text of the printing and typesetting
34+
industry. Lorem Ipsum has been the industry's standard dummy text ever
35+
since the 1500s
36+
</p>
37+
<div class="btns-container">
38+
<button class="btn-fill">Register</button>
39+
<button class="btn-outline">Learn More</button>
40+
</div>
41+
</div>
42+
43+
<div class="img-container">
44+
<img
45+
src="Images/daniil-silantev-1P6AnKDw6S8-unsplash-removebg-preview.png"
46+
/>
47+
</div>
48+
</header>
49+
<section class="popularity">
50+
<div class="popularity-one">
51+
<h1>12k+</h1>
52+
<p>Premium Product</p>
53+
</div>
54+
<div class="popularity-two">
55+
<h1>21k+</h1>
56+
<p>Happy Customers</p>
57+
</div>
58+
<div class="popularity-three">
59+
<h1>28k+</h1>
60+
<p>Awards Winnings</p>
61+
</div>
62+
</section>
63+
64+
<section class="products-container">
65+
<h1 class="products-heading main-headings">
66+
Shop Popular <br />
67+
<span>Categories</span>
68+
</h1>
69+
70+
<div class="products">
71+
<div class="product">
72+
<div class="product-img-layer">
73+
<div class="img img-one"></div>
74+
</div>
75+
<div class="product-content">
76+
<h1 class="product-name">Workshop Chair</h1>
77+
<p class="product-quality">Indoor Chair</p>
78+
</div>
79+
</div>
80+
<div class="product">
81+
<div class="product-img-layer">
82+
<div class="img img-two"></div>
83+
</div>
84+
<div class="product-content">
85+
<h1 class="product-name">Workshop Chair</h1>
86+
<p class="product-quality">Indoor Chair</p>
87+
</div>
88+
</div>
89+
<div class="product">
90+
<div class="product-img-layer">
91+
<div class="img img-three"></div>
92+
</div>
93+
<div class="product-content">
94+
<h1 class="product-name">Workshop Chair</h1>
95+
<p class="product-quality">Indoor Chair</p>
96+
</div>
97+
</div>
98+
</div>
99+
<div class="b-container">
100+
<button>&#x2190;</button>
101+
<button>&rarr;</button>
102+
</div>
103+
</section>
104+
105+
<section class="why-us">
106+
<div class="section-img-container">
107+
<div class="img-layer">
108+
<div class="img"></div>
109+
</div>
110+
</div>
111+
112+
<div class="content-container">
113+
<h1 class="main-headings">Why Choose <span> Us?</span></h1>
114+
<p class="primary-headings">
115+
Lorem Ipsum is simply dummy text of the printing and typesetting
116+
industry. Lorem Ipsum has been the industry's standard dummy text ever
117+
since the 1500s.
118+
</p>
119+
<div class="cards">
120+
<div class="card card-fill">
121+
<div class="star">&#9733;</div>
122+
<h1 class="card-title">Longevity</h1>
123+
<p class="card-info">
124+
Lorem Ipsum is simply dummy text of the printing and typesetting
125+
industry.
126+
</p>
127+
</div>
128+
<div class="card">
129+
<h1 class="card-title">Quality</h1>
130+
<p class="card-info">
131+
Lorem Ipsum is simply dummy text of the printing and typesetting
132+
industry.
133+
</p>
134+
</div>
135+
<div class="card">
136+
<h1 class="card-title">Heritage</h1>
137+
<p class="card-info">
138+
Lorem Ipsum is simply dummy text of the printing and typesetting
139+
industry.
140+
</p>
141+
</div>
142+
<div class="card card-fill">
143+
<div class="star">&#9733;</div>
144+
<h1 class="card-title">Community</h1>
145+
<p class="card-info">
146+
Lorem Ipsum is simply dummy text of the printing and typesetting
147+
industry.
148+
</p>
149+
</div>
150+
</div>
151+
</div>
152+
</section>
153+
154+
<section class="features">
155+
<div class="content-container">
156+
<h1 class="main-headings">Best <span> Features</span></h1>
157+
<p class="primary-headings">
158+
Lorem Ipsum is simply dummy text of the printing and typesetting
159+
industry. Lorem Ipsum has been the industry's standard dummy text ever
160+
since the 1500s.
161+
</p>
162+
<div class="cards">
163+
<div class="card card-fill">
164+
<div class="star">&#9733;</div>
165+
<h1>Dilvery</h1>
166+
<p>
167+
Lorem Ipsum is simply dummy text of the printing and typesetting
168+
industry.
169+
</p>
170+
</div>
171+
<div class="card card-fill">
172+
<div class="star">&#9733;</div>
173+
<h1>Gurantee</h1>
174+
<p>
175+
Lorem Ipsum is simply dummy text of the printing and typesetting
176+
industry.
177+
</p>
178+
</div>
179+
<div class="card card-fill">
180+
<div class="star">&#9733;</div>
181+
<h1>Free Repair</h1>
182+
<p>
183+
Lorem Ipsum is simply dummy text of the printing and typesetting
184+
industry.
185+
</p>
186+
</div>
187+
</div>
188+
</div>
189+
190+
<div class="img-container d-none">
191+
<img
192+
src="Images/bruno-emmanuelle--MUoHL1XULM-unsplash-removebg-preview.png"
193+
alt=""
194+
/>
195+
</div>
196+
</section>
197+
198+
<footer>
199+
<div class="logo-container">
200+
<h1>Logo</h1>
201+
<p>
202+
Lorem Ipsum is simply dummy text of the printing and typesetting
203+
industry. Lorem Ipsum has been the industry's standard dummy text ever
204+
since the 1500s.
205+
</p>
206+
</div>
207+
208+
<div class="about-company">
209+
<div class="container">
210+
<h1>About</h1>
211+
<p>News & Blog</p>
212+
<p>Features</p>
213+
<p>About Us</p>
214+
</div>
215+
<div class="container">
216+
<h1>Company</h1>
217+
<p>How We Work?</p>
218+
<p>Capital</p>
219+
<p>Security</p>
220+
</div>
221+
<div class="container">
222+
<h1>Support</h1>
223+
<p>FAQs</p>
224+
<p>Support</p>
225+
<p>Contact Us</p>
226+
</div>
227+
</div>
228+
</footer>
229+
</body>
230+
</html>

0 commit comments

Comments
 (0)