Skip to content

Commit c00b7db

Browse files
toohard0987-techtoohard0987-tech
authored
Update index.html
1 parent 280c343 commit c00b7db

1 file changed

Lines changed: 311 additions & 6 deletions

File tree

‎index.html‎

Lines changed: 311 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,322 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<html>
3+
44
<head>
55

66
<meta name="google-site-verification" content="r-PW5sBsx-Jl_6HyznqyZMeEhke3URz8mM5YTH2CcD0">
77

8-
<title>BABA TECH HUB</title>
8+
<meta charset="UTF-8">
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
10+
11+
<title>BABA TECH HUB - New & Used Laptops</title>
12+
13+
<link rel="stylesheet" href="css/style.css">
914

1015
</head>
1116

1217
<body>
13-
...
14-
</body>
15-
</html>
1618

17-
<body>
19+
<header>
20+
21+
<nav class="navbar">
22+
23+
<div class="logo">
24+
<h2>BABA <span>TECH HUB</span></h2>
25+
</div>
26+
27+
<ul class="nav-links">
28+
29+
<li><a href="index.html" class="active">Home</a></li>
30+
<li><a href="products.html">Products</a></li>
31+
<li><a href="services.html">Services</a></li>
32+
<li><a href="about.html">About</a></li>
33+
<li><a href="contact.html">Contact</a></li>
34+
35+
</ul>
36+
37+
<div class="nav-icons">
38+
39+
<a href="wishlist.html">
40+
<i class="fa-solid fa-heart"></i>
41+
</a>
42+
43+
<a href="cart.html">
44+
<i class="fa-solid fa-cart-shopping"></i>
45+
</a>
46+
47+
<a href="login.html" class="login-btn">
48+
Login
49+
</a>
50+
51+
</div>
52+
53+
</nav>
54+
55+
</header>
56+
57+
58+
<!-- HERO SECTION -->
59+
60+
<section class="hero">
61+
62+
<div class="hero-left">
63+
64+
<h1>
65+
Buy Premium
66+
<span>New & Used</span>
67+
Laptops
68+
</h1>
69+
70+
<p>
71+
Buy certified laptops, mobiles & cameras at the best price.
72+
Repair services available across Jaipur.
73+
</p>
74+
75+
76+
<div class="hero-buttons">
77+
78+
<a href="products.html" class="btn-primary">
79+
Shop Now
80+
</a>
81+
82+
<a href="services.html" class="btn-secondary">
83+
Repair Service
84+
</a>
85+
86+
</div>
87+
88+
</div>
89+
90+
91+
<div class="hero-right">
92+
93+
<img src="images/hero.jpg" alt="Laptop">
94+
95+
</div>
96+
97+
</section>
98+
99+
100+
101+
<!-- FEATURES -->
102+
103+
<section class="features">
104+
105+
106+
<div class="feature">
107+
108+
<i class="fa-solid fa-truck-fast"></i>
109+
110+
<h3>Fast Delivery</h3>
111+
112+
<p>Quick delivery in Jaipur.</p>
113+
114+
</div>
115+
116+
117+
118+
<div class="feature">
119+
120+
<i class="fa-solid fa-shield-halved"></i>
121+
122+
<h3>Warranty</h3>
123+
124+
<p>Warranty Available.</p>
125+
126+
</div>
127+
128+
129+
130+
<div class="feature">
131+
132+
<i class="fa-solid fa-headset"></i>
133+
134+
<h3>24/7 Support</h3>
135+
136+
<p>WhatsApp Support.</p>
137+
138+
</div>
139+
140+
141+
142+
<div class="feature">
143+
144+
<i class="fa-solid fa-wallet"></i>
145+
146+
<h3>Best Price</h3>
147+
148+
<p>Affordable Products.</p>
149+
150+
</div>
151+
152+
153+
</section>
154+
155+
156+
157+
158+
<!-- CATEGORY -->
159+
160+
<section class="categories">
161+
162+
163+
<h2>
164+
Shop By Category
165+
</h2>
166+
167+
168+
<div class="category-grid">
169+
170+
171+
<div class="category-card">
172+
173+
<img src="images/laptops/laptop1.jpg">
174+
175+
<h3>Laptops</h3>
176+
177+
</div>
178+
179+
180+
181+
<div class="category-card">
182+
183+
<img src="images/mobiles/mobile1.jpg">
184+
185+
<h3>Mobiles</h3>
186+
187+
</div>
188+
189+
190+
191+
<div class="category-card">
192+
193+
<img src="images/cameras/camera1.jpg">
194+
195+
<h3>Cameras</h3>
196+
197+
</div>
198+
199+
200+
201+
<div class="category-card">
202+
203+
<img src="images/icons/repair.png">
204+
205+
<h3>Repair</h3>
206+
207+
</div>
208+
209+
210+
</div>
211+
212+
</section>
213+
214+
215+
216+
<!-- FEATURED PRODUCTS -->
217+
218+
<section class="featured-products">
219+
220+
221+
<div class="section-title">
222+
223+
<h2>Featured Products</h2>
224+
225+
<p>Best Selling Tech Products</p>
226+
227+
</div>
228+
229+
230+
<div class="products-grid">
231+
232+
233+
<div class="product-card">
234+
235+
236+
<span class="badge">Hot</span>
237+
238+
239+
<img src="images/laptops/laptop1.jpg" alt="Laptop">
240+
241+
242+
<h3>Dell Latitude 5420</h3>
243+
244+
245+
<p class="price">
246+
247+
₹29,999
248+
249+
<span>₹34,999</span>
250+
251+
</p>
252+
253+
254+
<div class="rating">
255+
★★★★★
256+
</div>
257+
258+
259+
<div class="product-buttons">
260+
261+
<a href="#" class="buy-btn">
262+
Buy Now
263+
</a>
264+
265+
266+
<a href="#" class="cart-btn">
267+
<i class="fa fa-cart-shopping"></i>
268+
</a>
269+
270+
271+
</div>
272+
273+
274+
</div>
275+
276+
277+
278+
<div class="product-card">
279+
280+
281+
<span class="badge">Sale</span>
282+
283+
284+
<img src="images/laptops/laptop2.jpg">
285+
286+
287+
<h3>HP ProBook</h3>
288+
289+
290+
<p class="price">
291+
292+
₹24,999
293+
294+
<span>₹29,999</span>
295+
296+
</p>
297+
298+
299+
<div class="rating">
300+
★★★★★
301+
</div>
302+
303+
304+
<div class="product-buttons">
305+
306+
307+
<a href="#" class="buy-btn">
308+
Buy Now
309+
</a>
310+
311+
312+
<a href="#" class="cart-btn">
313+
314+
<i class="fa fa-cart-shopping"></i>
315+
316+
</a>
317+
318+
319+
</div>
320+
321+
322+
</div>

0 commit comments

Comments
 (0)