-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsproduct3.html
123 lines (102 loc) · 4.43 KB
/
sproduct3.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shopping Website</title>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />
</head>
<body>
<section id="header">
<b>WATCH STORE</b>
<div id="navbar">
<i class="fas fa-shopping-cart"></i>
</div>
</section>
<section id="proddetails" class="section-p1">
<div class="singleimage">
<img src="4.jpg" width="60%" id="main" alt="">
<div class="smallimggroup">
<div class="smallimgcol">
<img src="4.jpg" width="100%" class="smallimg" alt="">
</div>
<div class="smallimgcol">
<img src="4.1.jpg" width="100%" class="smallimg" alt="">
</div>
<div class="smallimgcol">
<img src="4.2.jpg" width="100%" class="smallimg" alt="">
</div>
<div class="smallimgcol">
<img src="4.3.jpg" width="100%" class="smallimg" alt="">
</div>
<div class="smallimgcol">
<img src="4.4.jpg" width="100%" class="smallimg" alt="">
</div>
<div class="smallimgcol">
<img src="4.5.jpg" width="100%" class="smallimg" alt="">
</div>
</div>
</div>
<div class="singleprodetails">
<h4>Fossil</h4>
<h2>$43.45</h2>
<select>
<option>Select Color</option>
<option>Rose Gold</option>
<option>Wine</option>
<option>Gold</option>
</select>
<div class="product-btn-group">
<button class="btn minus-btn disabled" type="button"
onclick="quantityOfItemDec()">-</button>
<input type="text" name="numberOfitem" id="quantity" value="1">
<button class="btn plus-btn" type="button" onclick="quantityOfItemInc()">+</button>
<button class="normal" onClick="myfunction()" location.href='billing.html'>Add to Cart</button>
<h4>Product Details</h4>
<span>
Fossil Women's Modern Courier Stainless Steel
Chronograph Dress Quartz Watch.
Fossil is inspired by American creativity and ingenuity. Bringing new life into the
watch and leathers industry by making quality, fashionable accessories that are
both fun and accessible.
This 40mm Modern Courier features a gold-tone dial with Roman numerals,
chronograph movement and gold-tone steel bracelet.
Round stainless steel case, with a gold dial. 40mm case, 18mm band width, mineral
crystal, Quartz movement with an analog display.
Attachment Material/Color: Stainless Steel/Gold; Closure type: 2 Pusher Foldover
Clasp; Interchangeable with all Fossil 18MM bands.
Water resistant to 165 feet (50 M): suitable for short periods of recreational
swimming and showering, but not diving or snorkeling.
Customize your watch with complimentary engraving at a local Fossil store.
Engraving is available at participating U.S. and Canadian full-priced and outlet
Fossil stores. This service is not applicable on all accessories.
</span>
</div>
</section>
<script>
var MainImg = document.getElementById("main");
var smallImg = document.getElementsByClassName("smallimg");
smallImg[0].onclick = function () {
MainImg.src = smallImg[0].src;
}
smallImg[1].onclick = function () {
MainImg.src = smallImg[1].src;
}
smallImg[2].onclick = function () {
MainImg.src = smallImg[2].src;
}
smallImg[3].onclick = function () {
MainImg.src = smallImg[3].src;
}
smallImg[4].onclick = function () {
MainImg.src = smallImg[4].src;
}
smallImg[5].onclick = function () {
MainImg.src = smallImg[5].src;
}
</script>
<script src="script.js"></script>
</body>
</html>