-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
184 lines (149 loc) · 7.33 KB
/
blog.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
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-commerce Website</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/93c5e829c9.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="img/logo.png" type="image/png" >
</head>
<body>
<section id="header">
<a href="#"><img src="img/logo.png" class="logo" alt="logo"> </a>
<div>
<ul id="navbar">
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a class="active" href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li id="lg-bag"><a href="cart.html"> <i class="fa-solid fa-bag-shopping"></i> </a></li>
<a href="#" id="close"> <i class="fa-solid fa-xmark"></i> </a>
</ul>
</div>
<div id="mobile">
<a href="cart.html"> <i class="fa-solid fa-bag-shopping" ></i> </a>
<i id="bar" class="fa-solid fa-bars"></i>
</div>
</section>
<section id="hero2" >
<h2>#readmore</h2>
<p>Read all case studies about our products!</p>
</section>
<section id="blog">
<div class="blog-box section-p1">
<div class="blog-img">
<h2>13/06</h2>
<img src="img/blog/b1.jpg" alt="">
</div>
<div id="blog-detailId" class="blog-details">
<h4>The Cotton-Jersey Zip-Up Hoodies</h4>
<p>Looking for the perfect blend of comfort and style? Our Cotton-Jersey Zip-Up Hoodies are just what you need. Made from premium cotton-jersey fabric, these hoodies are incredibly soft, breathable, and durable. <span id="span-id1" class="hide">Ideal for layering or wearing on their own, they offer a versatile look that suits any casual occasion. Featuring a sturdy zip-up front, a spacious hood, and roomy pockets, these hoodies combine functionality with modern design. </span> </p>
<h6 id="read1"> CONTINUE READING.... </h6>
<h6 class="hide" id="less1">READ LESS </h6>
</div>
</div>
<div class="blog-box section-p1">
<div class="blog-img">
<h2>14/06</h2>
<img src="img/blog/b2.jpg" alt="">
</div>
<div id="blog-detailId" class="blog-details">
<h4>How to Style a Quiff</h4>
<p>Elevate your look with the timeless sophistication of a quiff. Our guide will take you through the essential steps to style this classic yet versatile hairstyle, perfect for any occasion. <span class="hide" id="span-id2"> Discover the best techniques to create volume and structure, ensuring your quiff stays sharp and stylish all day long. From selecting the right hair products to mastering the blow-dry, our detailed instructions make it easy for anyone to achieve a polished, professional finish. </span> </p>
<h6 id="read2"> CONTINUE READING.... </h6>
<h6 class="hide" id="less2">READ LESS </h6>
</div>
</div>
<div class="blog-box section-p1">
<div class="blog-img">
<h2>15/06</h2>
<img src="img/blog/b3.jpg" alt="">
</div>
<div id="blog-detailId" class="blog-details">
<h4>Must-Have Skater Girl Items</h4>
<p>Embrace your inner skater girl with our curated list of must-have items that blend style and functionality. From the perfect pair of distressed jeans to a collection of graphic tees <span id="span-id3" class="hide">, we've got everything you need to nail that effortlessly cool look. Discover the best skate shoes that offer both comfort and grip, and explore accessories like snapback hats, beanies, and backpacks that complete your aesthetic. </span> </p>
<h6 id="read3"> CONTINUE READING.... </h6>
<h6 class="hide" id="less3">READ LESS </h6>
</div>
</div>
<div class="blog-box section-p1">
<div class="blog-img">
<h2>16/06</h2>
<img src="img/blog/b4.jpg" alt="">
</div>
<div id="blog-detailId" class="blog-details">
<h4>Runway-Inspired Trends</h4>
<p>Stay ahead of the fashion curve with our latest blog on runway-inspired trends. Discover how to translate high-fashion looks into everyday style with our expert tips<span id="span-id4" class="hide">and curated picks. From bold patterns to statement accessories, we break down the must-have trends straight from the catwalk. </span> </p>
<h6 id="read4"> CONTINUE READING.... </h6>
<h6 class="hide" id="less4">READ LESS </h6>
</div>
</div>
</section>
<section id="pagination" class="section-p1">
<a href="#">1</a>
<a href="blog2.html">2</a>
<a href="blog2.html"><i class="fa-solid fa-right-long"></i></a>
</section>
<section id="newsletter" class="section-p1 section-m1">
<div class="newstext">
<h4>Sign Up For Newsletters</h4>
<p>Get E-mail updates about our latest shop and <span>Special offers</span></p>
</div>
<div class="form">
<input type="email" name="email" id="email" placeholder="Your Email Address">
<button> Sign Up</button>
</div>
</section>
<footer class="section-p1">
<div class="col col1">
<img src="img/logo.png" alt="">
<h4>Contact</h4>
<p> <strong>Address:</strong> 142, Hardoi-Kanpur Road, Mallawan, IN </p>
<p> <strong>Phone:</strong> +91-8081399512 </p>
<p> <strong>Hours:</strong> 10:00 - 18:00, Mon - Sat</p>
<div class="follow">
<h4>Follow Us</h4>
<div class="icon">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-x-twitter"></i>
<i class="fa-brands fa-youtube"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-pinterest-p"></i>
</div>
</div>
</div>
<div class="col">
<h4>About</h4>
<a href="#">About us</a>
<a href="#">Delivery Information</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms & Conditions</a>
<a href="#">Contact us</a>
</div>
<div class="col">
<h4>My Account</h4>
<a href="#">Sign In</a>
<a href="#">View Cart</a>
<a href="#">My Wishlist</a>
<a href="#">Track My Order</a>
<a href="#">Help</a>
</div>
<div class="col install">
<h4> Install App</h4>
<p>From App store or Google </p>
<div class="row">
<img src="img/pay/app.jpg" alt="">
<img src="img/pay/play.jpg" alt="">
</div>
<p>Secured Payment Gateways</p>
<img src="img/pay/pay.png" alt="">
</div>
<div class="copyright">
<p>© 2024, Tech2etc - HTML CSS E-commerce Template</p>
</div>
</footer>
<script src="script.js" defer></script>
</body>
</html>