-
Notifications
You must be signed in to change notification settings - Fork 0
/
Rings.htm
77 lines (70 loc) · 3.14 KB
/
Rings.htm
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
<!DOCTYPE html>
<html>
<head>
<title>Jwellery Shopping Website</title>
<link href="WT_P10.css" rel="stylesheet">
<script src="WT_P10.js"></script>
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
</head>
<body>
<header>
<h1>Chandrajeet Jewellers</h1>
<a href="#Cart"><button id="cartbutton" class="cart" onclick="showCart()"><span>0</span> Items in cart</button></a>
<nav>
<ul>
<li><a href="WT_P10.htm">Home</a></li>
<li><a href="#container">Products</a></li>
<li><a href="#footer">Contact Us</a></li>
<li><a href="WT_P10_Login.htm">Logout</a></li>
</ul>
</nav>
</header>
<h2>Rings</h2>
<div id="container" class="container">
<div class="card">
<img src="rings.jpg">
<h3>Ring 1</h3>
<p>₹ 9,999</p>
<button onclick="addToCart('Ring 1', 9999, 1)">Add to Cart</button>
<button onclick="removeFromCart('Ring 1')">Remove from Cart</button>
</div>
<div class="card">
<img src="ring2.webp">
<h3>Ring 2</h3>
<p>₹ 8,999</p>
<button onclick="addToCart('Ring 2', 8999, 1)">Add to Cart</button>
<button onclick="removeFromCart('Ring 2')">Remove from Cart</button>
</div>
<div class="card">
<img src="ring3.webp">
<h3>Ring 3</h3>
<p>₹ 11,999</p>
<button onclick="addToCart('Ring 3', 11999, 1)">Add to Cart</button>
<button onclick="removeFromCart('Ring 3')">Remove from Cart</button>
</div>
</div>
<div id="Cart">
<p style="font-weight: bold;">Cart :</p>
<div id="cartcontent"></div>
</div>
<footer>
<div class="contact" id="footer">
<h4>Contact Us,</h4>
<p>Shubh Ranpara , CSE Department,Nirma University</p>
<p>Email: <a href="mailto:21bce248@nirmauni.ac.in">21bce248@nirmauni.ac.in</a></p>
<p>Phone: +91 999999999</p>
<p>Address : S.G. Highway, Ahmedabad, 381 481</p>
<p>2023 © Chandrajeet Jewellers, All rights reserved.</p>
<ul>
<li><a href="#"><i class="ion-social-instagram"></i></a></li>
<li><a href="#"><i class="ion-social-facebook"></i></a></li>
<li><a href="#"><i class="ion-social-twitter"></i></a></li>
<!-- <li><a href="#"><i class="ion-social-rss"></i></a></li> -->
<!-- <li><a href="#"><i class="ion-social-googleplus"></i></a></li> -->
<li><a href="#"><i class="ion-social-youtube"></i></a></li>
<li><a href="#"><i class="ion-social-linkedin"></i></li>
</ul>
</div>
</footer>
</body>
</html>