Skip to content

Commit a221adf

Browse files
Kumar-s29Kumar-s29
committed
first commit
0 parents  commit a221adf

Some content is hidden

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

66 files changed

+2818
-0
lines changed

‎about.html

+149
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,149 @@
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>Tech2etc Ecommerce Tutorial</title>
8+
<link
9+
rel="stylesheet"
10+
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
11+
/>
12+
13+
<link rel="stylesheet" href="style.css" />
14+
</head>
15+
16+
<body>
17+
<section id="header">
18+
<a href="#"><img src="img/logo.png" class="logo" alt="" /></a>
19+
<div>
20+
<ul id="navbar">
21+
<li><a href="index.html">Home</a></li>
22+
<li><a href="shop.html">Shop</a></li>
23+
<li><a href="blog.html">Blog</a></li>
24+
<li><a class="active" href="about.html">About</a></li>
25+
<li><a href="contact.html">Contact</a></li>
26+
<li id="lg-bag">
27+
<a href="cart.html"><i class="far fa-shopping-bag"></i></a>
28+
</li>
29+
<a href="#" id="close"><i class="far fa-times"></i></a>
30+
</ul>
31+
</div>
32+
<div id="mobile">
33+
<a href="cart.html"><i class="far fa-shopping-bag"></i></a>
34+
<i id="bar" class="fas fa-outdent"></i>
35+
</div>
36+
</section>
37+
<section id="page-header" class="about-header">
38+
<h2>#KnowUS>
39+
<p>Lorem ipsum dolor sit amet , consectetur</p>
40+
</section>
41+
<section id="about-head" class="section-p1">
42+
<img src="img/about/a6.jpg" alt="">
43+
<div>
44+
<h2>Who We Are?</h2>
45+
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ea reprehenderit numquam atque unde asperiores amet eius cum excepturi assumenda, commodi, quisquam veritatis at accusantium dicta, distinctio nostrum temporibus architecto enim.</p>
46+
<abbr title="">Create stunning images with us much or as little consectetur as you like thanks to a choice of Basic and Creative modes.</abbr>
47+
<br><br>
48+
<marquee bgcolor="#ccc" behavior="scroll" direction="left" loop="-1" scrollamount="5" width="100%">Your marquee content here</marquee>
49+
</div>
50+
</section>
51+
<section id="about-app" class="section-p1">
52+
<h1>Download Our <a href="#">App</a></h1>
53+
<div class="video">
54+
<video autoplay muted loop src="img/about/1.mp4"></video>
55+
</div>
56+
</section>
57+
<section id="feature" class="section-p1">
58+
<div class="fe-box">
59+
<img src="img/features/f1.png" alt="" />
60+
<h6>Free Shipping</h6>
61+
</div>
62+
<div class="fe-box">
63+
<img src="img/features/f2.png" alt="" />
64+
<h6>Online Order</h6>
65+
</div>
66+
<div class="fe-box">
67+
<img src="img/features/f3.png" alt="" />
68+
<h6>Save Money</h6>
69+
</div>
70+
<div class="fe-box">
71+
<img src="img/features/f4.png" alt="" />
72+
<h6>Promotions</h6>
73+
</div>
74+
<div class="fe-box">
75+
<img src="img/features/f5.png" alt="" />
76+
<h6>Happy Sell</h6>
77+
</div>
78+
<div class="fe-box">
79+
<img src="img/features/f6.png" alt="" />
80+
<h6>F24/7 Support</h6>
81+
</div>
82+
</section>
83+
<section id="newsletter" class="section-p1 section-m1">
84+
<div class="newstext">
85+
<h4>Sign Up For Newsletters</h4>
86+
<p>
87+
Get E-mail updates about ourlatest shop and
88+
<span>special offers.</span>
89+
</p>
90+
</div>
91+
<div class="form">
92+
<input type="text" placeholder="Your email address" />
93+
<button class="normal">Sign Up</button>
94+
</div>
95+
</section>
96+
<footer class="section-p1">
97+
<div class="col">
98+
<img class="logo" src="img/logo.png" alt="" />
99+
<h4>Contact</h4>
100+
<p>
101+
<strong>Address:</strong>562 Willington Road, Street 32,san Francisco
102+
</p>
103+
<p><strong>Phone:</strong> +01 2222 365 /(+91) 01 2345 6789</p>
104+
<p><strong>Hours:</strong> 10:00 - 18:00, Mon - Sat</p>
105+
<div class="follow">
106+
<h4>Follow us</h4>
107+
<div class="icon">
108+
<i class="fab fa-facebook-f"></i>
109+
<i class="fab fa-twitter"></i>
110+
<i class="fab fa-instagram"></i>
111+
<i class="fab fa-pinterest-p"></i>
112+
<i class="fab fa-youtube"></i>
113+
</div>
114+
</div>
115+
</div>
116+
<div class="col">
117+
<h4>About</h4>
118+
<a href="#">About us</a>
119+
<a href="#">Delivery Information</a>
120+
<a href="#">Privacy Policy</a>
121+
<a href="#">Terms & Conditions</a>
122+
<a href="#">Contact Us</a>
123+
</div>
124+
<div class="col">
125+
<h4>My Account</h4>
126+
<a href="#">Sign In</a>
127+
<a href="#">View Cart</a>
128+
<a href="#">My Wishlist</a>
129+
<a href="#">Track My Order</a>
130+
<a href="#">Help</a>
131+
</div>
132+
<div class="col install">
133+
<h4>Install App</h4>
134+
<p>From App Store or Google Play</p>
135+
<div class="row">
136+
<img src="img/pay/app.jpg" alt="" />
137+
<img src="img/pay/play.jpg" alt="" />
138+
</div>
139+
<p>Secured Payment Gateways</p>
140+
<img src="img/pay/pay.png" alt="" />
141+
</div>
142+
<div class="copyright">
143+
<p>© 2021, Tech etc - HTML CSS Ecommerce Template</p>
144+
</div>
145+
</footer>
146+
147+
<script src="script.js"></script>
148+
</body>
149+
</html>

‎blog.html

+186
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,186 @@
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>Tech2etc Ecommerce Tutorial</title>
8+
<link
9+
rel="stylesheet"
10+
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
11+
/>
12+
13+
<link rel="stylesheet" href="style.css" />
14+
</head>
15+
16+
<body>
17+
<section id="header">
18+
<a href="#"><img src="img/logo.png" class="logo" alt="" /></a>
19+
<div>
20+
<ul id="navbar">
21+
<li><a href="index.html">Home</a></li>
22+
<li><a href="shop.html">Shop</a></li>
23+
<li><a class="active" href="blog.html">Blog</a></li>
24+
<li><a href="about.html">About</a></li>
25+
<li><a href="contact.html">Contact</a></li>
26+
<li id="lg-bag">
27+
<a href="cart.html"><i class="far fa-shopping-bag"></i></a>
28+
</li>
29+
<a href="#" id="close"><i class="far fa-times"></i></a>
30+
</ul>
31+
</div>
32+
<div id="mobile">
33+
<a href="cart.html"><i class="far fa-shopping-bag"></i></a>
34+
<i id="bar" class="fas fa-outdent"></i>
35+
</div>
36+
</section>
37+
<section id="page-header" class="blog-header">
38+
<h2>#readmore</h2>
39+
<p>Read all case studies about our products!</p>
40+
</section>
41+
<section id="blog">
42+
<div class="blog-box">
43+
<div class="blog-img">
44+
<img src="img/blog/b1.jpg" alt="" />
45+
</div>
46+
<div class="blog-details">
47+
<h4>The Cotton-Jersey Zip-Up Hoodie</h4>
48+
<p>
49+
Kickstarter man braid godard coloring book. Raclette waistcoat
50+
selfies yr wolf chartreuse hexagon irony, godard..
51+
</p>
52+
<a href="#">CONTINUE READING</a>
53+
</div>
54+
<h1>13/01</h1>
55+
</div>
56+
<div class="blog-box">
57+
<div class="blog-img">
58+
<img src="img/blog/b2.jpg" alt="" />
59+
</div>
60+
<div class="blog-details">
61+
<h4>How to Style a Quiff</h4>
62+
<p>
63+
Kickstarter man braid godard coloring book. Raclette waistcoat
64+
selfies yr wolf chartreuse hexagon irony, godard..
65+
</p>
66+
<a href="#">CONTINUE READING</a>
67+
</div>
68+
<h1>13/01</h1>
69+
</div>
70+
<div class="blog-box">
71+
<div class="blog-img">
72+
<img src="img/blog/b3.jpg" alt="" />
73+
</div>
74+
<div class="blog-details">
75+
<h4>Must -Have Skater Girl Items</h4>
76+
<p>
77+
Kickstarter man braid godard coloring book. Raclette waistcoat
78+
selfies yr wolf chartreuse hexagon irony, godard..
79+
</p>
80+
<a href="#">CONTINUE READING</a>
81+
</div>
82+
<h1>13/01</h1>
83+
</div>
84+
<div class="blog-box">
85+
<div class="blog-img">
86+
<img src="img/blog/b4.jpg" alt="" />
87+
</div>
88+
<div class="blog-details">
89+
<h4>Runway-Inspired Trends</h4>
90+
<p>
91+
Kickstarter man braid godard coloring book. Raclette waistcoat
92+
selfies yr wolf chartreuse hexagon irony, godard..
93+
</p>
94+
<a href="#">CONTINUE READING</a>
95+
</div>
96+
<h1>13/01</h1>
97+
</div>
98+
<div class="blog-box">
99+
<div class="blog-img">
100+
<img src="img/blog/b5.jpg" alt="" />
101+
</div>
102+
<div class="blog-details">
103+
<h4>AW20 Menswear Trends</h4>
104+
<p>
105+
Kickstarter man braid godard coloring book. Raclette waistcoat
106+
selfies yr wolf chartreuse hexagon irony, godard..
107+
</p>
108+
<a href="#">CONTINUE READING</a>
109+
</div>
110+
<h1>13/01</h1>
111+
</div>
112+
</section>
113+
114+
<section id="pagination" class="section-p1">
115+
<a href="#">1</a>
116+
<a href="#">2</a>
117+
<a href="#"><i class="fal fa-long-arrow-alt-right"></i></a>
118+
</section>
119+
120+
<section id="newsletter" class="section-p1 section-m1">
121+
<div class="newstext">
122+
<h4>Sign Up For Newsletters</h4>
123+
<p>
124+
Get E-mail updates about ourlatest shop and
125+
<span>special offers.</span>
126+
</p>
127+
</div>
128+
<div class="form">
129+
<input type="text" placeholder="Your email address" />
130+
<button class="normal">Sign Up</button>
131+
</div>
132+
</section>
133+
<footer class="section-p1">
134+
<div class="col">
135+
<img class="logo" src="img/logo.png" alt="" />
136+
<h4>Contact</h4>
137+
<p>
138+
<strong>Address:</strong>562 Willington Road, Street 32,san Francisco
139+
</p>
140+
<p><strong>Phone:</strong> +01 2222 365 /(+91) 01 2345 6789</p>
141+
<p><strong>Hours:</strong> 10:00 - 18:00, Mon - Sat</p>
142+
<div class="follow">
143+
<h4>Follow us</h4>
144+
<div class="icon">
145+
<i class="fab fa-facebook-f"></i>
146+
<i class="fab fa-twitter"></i>
147+
<i class="fab fa-instagram"></i>
148+
<i class="fab fa-pinterest-p"></i>
149+
<i class="fab fa-youtube"></i>
150+
</div>
151+
</div>
152+
</div>
153+
<div class="col">
154+
<h4>About</h4>
155+
<a href="#">About us</a>
156+
<a href="#">Delivery Information</a>
157+
<a href="#">Privacy Policy</a>
158+
<a href="#">Terms & Conditions</a>
159+
<a href="#">Contact Us</a>
160+
</div>
161+
<div class="col">
162+
<h4>My Account</h4>
163+
<a href="#">Sign In</a>
164+
<a href="#">View Cart</a>
165+
<a href="#">My Wishlist</a>
166+
<a href="#">Track My Order</a>
167+
<a href="#">Help</a>
168+
</div>
169+
<div class="col install">
170+
<h4>Install App</h4>
171+
<p>From App Store or Google Play</p>
172+
<div class="row">
173+
<img src="img/pay/app.jpg" alt="" />
174+
<img src="img/pay/play.jpg" alt="" />
175+
</div>
176+
<p>Secured Payment Gateways</p>
177+
<img src="img/pay/pay.png" alt="" />
178+
</div>
179+
<div class="copyright">
180+
<p>© 2021, Tech etc - HTML CSS Ecommerce Template</p>
181+
</div>
182+
</footer>
183+
184+
<script src="script.js"></script>
185+
</body>
186+
</html>

0 commit comments

Comments
 (0)