Skip to content

Commit 13c6776

Browse files
HuXn-WebDevHuXn-WebDev
committed
Hoodies Landing Page
1 parent a76ec44 commit 13c6776

12 files changed

+508
-0
lines changed

‎94. Hoodie/images/Product/1.png

403 KB
Loading

‎94. Hoodie/images/Product/2.png

155 KB
Loading

‎94. Hoodie/images/Product/3.png

222 KB
Loading

‎94. Hoodie/images/Product/4.png

344 KB
Loading

‎94. Hoodie/images/alireza-esmaeeli-BGSZ1t80rpM-unsplash.jpg

764 KB
Loading

‎94. Hoodie/images/gesphotoss-1i9K55ni5Dk-unsplash.jpg

644 KB
Loading

‎94. Hoodie/images/joshua-rondeau-xazIYnxpS2Q-unsplash.jpg

2.37 MB
Loading

‎94. Hoodie/images/milan-popovic-kOnmHdLJTNI-unsplash.jpg

527 KB
Loading

‎94. Hoodie/images/oswaldo-ibanez-1NPUmTaiMeg-unsplash.jpg

1.19 MB
Loading

‎94. Hoodie/images/yogendra-singh-uWs_N5Dlyiw-unsplash.jpg

2.95 MB
Loading

‎94. Hoodie/index.html

Lines changed: 174 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
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>Hoodietitle>
7+
<link rel="stylesheet" href="style.css" />
8+
head>
9+
<body>
10+
<nav>
11+
<div class="logo">
12+
<h1>Logoh1>
13+
div>
14+
<div class="burger">
15+
<span>span>
16+
<span>span>
17+
<span>span>
18+
div>
19+
nav>
20+
21+
<header>
22+
<div class="header-content">
23+
<h1 class="main-headings">
24+
New Cocktail <br />
25+
<span>Hoodiesspan>
26+
h1>
27+
<p class="primary-headings">
28+
Lorem Ipsum dolor sit amet, constecture adipiscing elit, sed do
29+
eiusmod. Sit amet, constecture orem Ipsum dolor adipiscing elit, sed
30+
do eiusmod.
31+
p>
32+
<div class="btns-container">
33+
<button class="btn-fill">Shop Nowbutton>
34+
<button class="btn-outline active">50% OFFbutton>
35+
div>
36+
div>
37+
<div class="img-container">
38+
<div class="header-img">div>
39+
div>
40+
header>
41+
42+
<section class="section-one">
43+
<div class="img-container">
44+
<div class="section-one-img header-img">div>
45+
div>
46+
47+
<div class="section-content">
48+
<h1 class="main-headings">
49+
Summer <span>Sell <br /> Offerspan>
50+
51+
h1>
52+
<p class="primary-headings">
53+
Lorem Ipsum dolor sit amet, constecture adipiscing elit, sed do
54+
eiusmod.
55+
p>
56+
<button class="btn-fill">Learn Morebutton>
57+
div>
58+
div>
59+
section>
60+
61+
62+
<section class="products">
63+
<h1 class="products-heading">OUR PRODUCTSh1>
64+
65+
<section class="product-categories">
66+
<button class="btn-outline active">NEW ARRIVALSbutton>
67+
<button class="btn-outline">TOP RATINGbutton>
68+
<button class="btn-outline">BEST SELLERbutton>
69+
section>
70+
71+
<div class="product-items-container">
72+
<div class="item">
73+
<div class="item-layer">
74+
<img src="images/Product/1.png" >
75+
div>
76+
<h4 class="item-name">Red Hoodieh4>
77+
<p class="item-price">$52.99p>
78+
<a href="#" class="view-product">View Producta>
79+
div>
80+
<div class="item">
81+
<div class="item-layer">
82+
<img src="images/Product/2.png" >
83+
div>
84+
<h4 class="item-name">Black Luxurious Hoodieh4>
85+
<p class="item-price">$52.99p>
86+
<a href="#" class="view-product">View Producta>
87+
div>
88+
<div class="item">
89+
<div class="item-layer">
90+
<img src="images/Product/3.png" >
91+
div>
92+
<h4 class="item-name">Teal Expensive Hoodieh4>
93+
<p class="item-price">$52.99p>
94+
<a href="#" class="view-product">View Producta>
95+
div>
96+
<div class="item">
97+
<div class="item-layer">
98+
<img src="images/Product/2.png" >
99+
div>
100+
<h4 class="item-name">Red Hoodieh4>
101+
<p class="item-price">$52.99p>
102+
<a href="#" class="view-product">View Producta>
103+
div>
104+
<div class="item">
105+
<div class="item-layer">
106+
<img src="images/Product/3.png" >
107+
div>
108+
<h4 class="item-name">Black Luxurious Hoodieh4>
109+
<p class="item-price">$52.99p>
110+
<a href="#" class="view-product">View Producta>
111+
112+
div>
113+
<div class="item">
114+
<div class="item-layer">
115+
<img src="images/Product/1.png" >
116+
div>
117+
<h4 class="item-name">Teal Expensive Hoodieh4>
118+
<p class="item-price">$52.99p>
119+
<a href="#" class="view-product">View Producta>
120+
div>
121+
div>
122+
section>
123+
124+
125+
<h1 class="customers-heading">OUR CLIENT'S SAYSh1>
126+
<section class="customers-reviews">
127+
128+
<div class="customer">
129+
<div class="customer-img">
130+
<div class="img img-one">div>
131+
div>
132+
133+
<h1 class="customer-name">Anna Mariah1>
134+
135+
<p class="customer-description">Lorem Ipsum dolor sit amet, constecture adipiscing elit, sedp>
136+
div>
137+
138+
<div class="customer">
139+
<div class="customer-img">
140+
<div class="img img-two">div>
141+
div>
142+
<h1 class="customer-name">Anna Mariah1>
143+
144+
<p class="customer-description">Lorem Ipsum dolor sit amet, constecture adipiscing elit, sedp>
145+
div>
146+
147+
<div class="customer">
148+
<div class="customer-img">
149+
<div class="img img-three">div>
150+
div>
151+
<h1 class="customer-name">Anna Mariah1>
152+
<p class="customer-description">Lorem Ipsum dolor sit amet, constecture adipiscing elit, sed.p>
153+
div>
154+
section>
155+
156+
157+
<footer>
158+
<div class="container">
159+
<h1 class="footer-heading">Locationh1>
160+
<h2 class="footer-primary-heading">Start With Our Fresh shrimpsh2>
161+
<h2 class="footer-primary-heading">4213 Somewhere On Earthh2>
162+
div>
163+
<div class="container">
164+
<h1 class="footer-heading">Working Hoursh1>
165+
<h2 class="footer-primary-heading">Monday - Thursday - Fridayh2>
166+
<h2 class="footer-primary-heading">Saturday - Sundayh2>
167+
div>
168+
<div class="container">
169+
<h1 class="footer-heading">Contact Ush1>
170+
<h2 class="footer-primary-heading">[email protected]h2>
171+
div>
172+
footer>
173+
body>
174+
html>

0 commit comments

Comments
 (0)