-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproduct.html
159 lines (153 loc) · 9.22 KB
/
product.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>StarBucks</title>
<link href="normalize.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="https://kit.fontawesome.com/621175abe2.js" crossorigin="anonymous"></script>
<script type="module" src="product.js"></script>
</head>
<body id="product-body">
<!-- Top Navigation Bar-->
<nav>
<a href="index.html"><img id="starbuckslogo" src="https://shop.starbucks.com.sg/images/logo.svg"
alt="starbuckslogo"></a>
<ul>
<li><a href="product.html">Merchandise</a></li>
<li><a href="cart.html"><i class="fa-solid fa-bag-shopping fa-2x" style="color:white"></i></a></li>
</ul>
</nav>
<!-- Products Catalog -->
<section id="products">
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/0b7d8f96-bbca-40af-b66c-de830d5daba8/1/240x240/starbucks-pink-bearista-glass-cold-cup-20oz.jpg"
alt="Image of Starbucks Pink Bearista Glass Cold Cup 20oz">
<p class="product-description">Starbucks Pink Bearista Glass Cold Cup 20oz</p>
<p class="price">$36.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/de8c6993-8fd1-4177-a758-290d7c10d0e9/1/std/starbucks-gradient-pearl-stainless-steel-water-bottle-20oz.jpg?t=0.9046320338775276"
alt="Starbucks Gradient Pearl Stainless Steel Water Bottle 20oz">
<p class="product-description">Starbucks Gradient Pearl Stainless Steel Water Bottle 20oz</p>
<p class="price">$44.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/a3031537-811a-4d52-9da4-8f22fe03d073/1/std/starbucks-coral-wreath-stainless-steel-cold-cup-16oz.jpg?t=0.40397972897256484"
alt="Starbucks Coral Wreath Stainless Steel Cold Cup 16oz">
<p class="product-description">Starbucks Coral Wreath Stainless Steel Cold Cup 16oz</p>
<p class="price">$42.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/f7c16697-4829-48c6-add5-53819fac8f04/1/240x240/starbucks-siren-swimming-in-the-ocean-water-bottle-18oz.jpg"
alt="Starbucks Siren Swimming In The Ocean Water Bottle 18oz">
<p class="product-description">Starbucks Siren Swimming In The Ocean Water Bottle 18oz</p>
<p class="price">$27.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/8d5c8ccb-055a-44fa-a382-702e1b13db6f/1/240x240/starbucks-siren-in-ocean-tumbler-16oz.jpg"
alt="Starbucks Siren In Ocean Tumbler 16oz">
<p class="product-description">Starbucks Siren In Ocean Tumbler 16oz</p>
<p class="price">$29.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/49bf76db-a8e4-4a38-b73e-2013a6843a4e/1/240x240/starbucks-coral-reef-siren-mug-12oz.jpg"
alt="Starbucks Coral Reef Siren Mug 12oz">
<p class="product-description">Starbucks Coral Reef Siren Mug 12oz</p>
<p class="price">$25.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/8fc98b76-ba34-4f28-bb5b-dd76d9d5347c/1/240x240/starbucks-coral-pink-glass-cup-14oz.jpg"
alt="Starbucks Coral Pink Glass Cup 14oz">
<p class="product-description">Starbucks Coral Pink Glass Cup 14oz</p>
<p class="price">$29.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/258a7d69-24e1-4a4a-a359-d0ae98eaf273/1/240x240/starbucks-mint-blue-glass-cup-14oz.jpg"
alt="Starbucks Mint Blue Glass Cup 14oz">
<p class="product-description">Starbucks Mint Blue Glass Cup 14oz</p>
<p class="price">$29.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/51845174-1910-40f8-828c-a60d41b3b6b2/1/240x240/starbucks-iridescent-purple-stainless-steel-water-bottle-20oz.jpg"
alt="Starbucks Iridescent Purple Stainless Steel Water Bottle 20oz">
<p class="product-description">Starbucks Iridescent Purple Stainless Steel Water Bottle 20oz</p>
<p class="price">$56.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/81f44655-7634-49cc-9d10-ee682b551e42/1/240x240/starbucks-iridescent-purple-stainless-steel-tumbler-12oz.jpg"
alt="Starbucks Iridescent Purple Stainless Steel Tumbler 12oz">
<p class="product-description">Starbucks Iridescent Purple Stainless Steel Tumbler 12oz</p>
<p class="price">$44.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/26cf30c6-afbe-4166-b1d8-38fc5b45dd7f/1/240x240/starbucks-iridescent-purple-stainless-steel-tumbler-16oz.jpg"
alt="Starbucks Iridescent Purple Stainless Steel Tumbler 12oz">
<p class="product-description">Starbucks Iridescent Purple Stainless Steel Tumbler 12oz</p>
<p class="price">$48.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/7cdbd9de-a3eb-441d-9a56-fedfec5c530b/1/240x240/starbucks-black-cat-holding-pumpkin-mug-12oz.jpg"
alt="Starbucks Black Cat Holding Pumpkin Mug 12oz">
<p class="product-description">Starbucks Black Cat Holding Pumpkin Mug 12oz</p>
<p class="price">$26.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/d325b774-1c2e-49b6-ac23-68357f575d6f/1/240x240/starbucks-black-cat-with-pumpkin-mug-12oz.jpg"
alt="Starbucks Black Cat With Pumpkin Mug 12oz">
<p class="product-description">Starbucks Black Cat With Pumpkin Mug 12oz</p>
<p class="price">$26.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/f2dc4591-b16c-4ca4-b915-0f954b95485e/1/240x240/starbucks-dog-and-pumpkin-mug-with-lid-12oz.jpg"
alt="Starbucks Dog And Pumpkin Mug with Lid 12oz">
<p class="product-description">Starbucks Dog And Pumpkin Mug with Lid 12oz</p>
<p class="price">$39.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/389e7f02-6aeb-4f92-ab1e-386c4ac829f8/1/240x240/starbucks-dog-in-witch-hat-mug-with-lid-12oz.jpg"
alt="Starbucks Dog In Witch Hat Mug with Lid 12oz">
<p class="product-description">Starbucks Dog In Witch Hat Mug with Lid 12oz</p>
<p class="price">$39.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
<div class="product">
<img class="picture"
src="https://starbuckssg-prd-cdn.ascentismedia.com/ProductImages/759e6c84-ed70-46ec-976b-9aac7f39f0d5/1/240x240/starbucks-color-changing-ghost-and-friends-mug-12oz.jpg"
alt="Starbucks Color-Changing Ghost And Friends Mug 12oz">
<p class="product-description">Starbucks Color-Changing Ghost And Friends Mug 12oz</p>
<p class="price">$36.90</p>
<button class="add-to-cart-btn">Add to Cart</button>
</div>
</section>
</body>
</html>