-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (128 loc) · 5.78 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lyari Zone</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="./nav.css">
<link rel="shortcut icon" href="./assets/shopping-cart.png" type="image/x-icon">
</head>
<body>
<header>
<!-- an shopping card -->
<!-- <div class="topnav">
<a href="#home" class="active">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
<a href="#about">About</a>
</div> -->
<div class="brand-name">
<p>Lyari-Zone</p>
</div>
<nav>
<a href="#">Home<span></span></a>
<a href="#">About<span></span></a>
<a href="#">Services<span></span></a>
<a href="#">Contact<span></span></a>
</nav>
</header>
<main>
<section class="products">
<div onclick="window.location.href='/nav.css'" class="product">
<img src="./assets/laptop1.jpeg" alt="Product 1">
<h2>HP Pavilion 1330</h2>
<p>c\Core i7 11<sup>th</sup> Generation.</p>
<span class="price">PKR 69,999 </span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop2.jpeg" alt="Product 2">
<h2>Dell latitude E6440</h2>
<p>Core i5 3rd Generation.</p>
<span class="price">PKR 24,499</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop3.jpeg" alt="Product 3">
<h2>MacBook Pro</h2>
<p>1st Generation M1 Chip.</p>
<span class="price">PKR 84,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop4.jpeg" alt="Product 4">
<h2>Lenovo T440</h2>
<p>Core i5 4<sup>th</sup> Gen.</p>
<span class="price">PKR 34,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop5.jpeg" alt="Product 5">
<h2>Lenovo Thinkpad</h2>
<p>Core i5 5<sup>th</sup> Generation.</p>
<span class="price">PKR 41,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop6.jpeg" alt="Product 6">
<h2>Asus G16 Strix</h2>
<p>Core i7 13<sup>th</sup> Generation</p>
<span class="price">PKR 1,69,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop7.jpeg" alt="Product 7">
<h2>Dell Aspirn</h2>
<p>Core i3 11<sup>th</sup> Generation</p>
<span class="price">PKR 64,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop8.jpeg" alt="Product 8">
<h2>Acer Travelmate</h2>
<p>Core i5 5<sup>th</sup> Generation.</p>
<span class="price">34,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop9.jpeg" alt="Product 9">
<h2>HP Stream 14</h2>
<p>Core i7 5<sup>th</sup> Generation.</p>
<span class="price">PKR54,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop10.jpeg" alt="Product 10">
<h2>Hp 15S</h2>
<p>Core i7 4<sup>th</sup> Generation.</p>
<span class="price">PKR 49,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop11.jpeg" alt="Product 11">
<h2>Dell Lattitude E5340</h2>
<p>Core i3 4<sup>th</sup> Generation.</p>
<span class="price">PKR 29,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
<div class="product">
<img src="./assets/laptop12.jpg" alt="Product 12">
<h2>Asus G18 Strix</h2>
<p>Core i9 13<sup>th</sup> Generation.</p>
<span class="price">PKR 2,49,999</span>
<button onclick="alert('Added To Cart Successfully')">Add to Cart</button>
</div>
</section>
</main>
<footer class="footer">
<span>© Website Created By <a href="https://www.linkedin.com/in/hamza-memon-5405a7289/">Hamza Memon</a></span>
<ul>
<li><a href=""><i class="bi bi-linkedin"></i></a></li>
<li><a href=""><i class="bi bi-facebook"></i></a></li>
<li><a href=""><i class="bi bi-instagram"></i></a></li>
</ul>
</footer>
</body>
</html>