-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
189 lines (179 loc) · 7.15 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Starbucks</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="shortcut icon" href="Starbucks.png" type="image/x-icon">
</head>
<body>
<header>
<div class="heading">
<div class="left_head">
<img src="Starbucks.png" alt="loading" class="logo_img">
<nav class="navbar">
<ul>
<a href="#" id="menu">MENU </a>
<a href="#" id="reward">REWARDS</a>
<a href="#" id="gift">GIFT CARDS</a>
</ul>
</nav>
</div>
<div class="right_head">
<img src="location.jpg" alt="loading" class="loc_logo">
<span class="find"><a href="#">Find a store</a></span>
<span class="sign"><a href="#">Sign in</a></span>
<span class="jn">Join now</span>
</div>
</div>
</div>
</header>
<section>
<div class="container">
<div class="card1">
<img src="stbrews.webp" alt="loading" class="stbrews">
<div card1_text>
<h4 class="head1">Gift cards keep on giving</h4>
<p class="para1">Join Starbucks Rewards and start earning free drinks & food when you use gift cards
in the app.(Yes really!)* </p>
<span class="btn1">Join for free</span>
</div>
</div>
</div>
<div class="card2">
<div class="card2_text">
<h4 class="head2">Pass the pistachios</h4>
<p class="para2">Your favourite winter duo is back: the Pistachio Latte and Pistachio Cream Cold Brew.
</p>
<span class="btn2">Order now</span>
</div>
<img src="stbpist.jpg" alt="loading" class="stbpist">
</div>
<div class="card3">
<img alt="loading." class="stbhazle"
src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/143-88122.jpg">
<div class="card3_text">
<h4 class="head3">Hey there, hazelnut</h4>
<p class="para3">Say hello to our Hazelnut Oat Shaken Espresso, a rich and layered pick-me-up.
</p>
<span class="btn3">Order now</span>
</div>
</div>
<div class="card4">
<div class="card4_text">
<h4 class="head4">Daily Delicious</h4>
<p class="para4">The new Potato , Cheddar and Chive Bakes are full of protein - packed goodness</p>
<span class="btn4">Order now</span>
</div>
<img alt="loading" class="stbpotato"
src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/143-88124.jpg">
</div>
<div class="card5">
<img alt="loading." class="img4"
src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/143-88126.jpg">
<div class="card5_text">
<h4 class="head5">Want to use your own cup?</h4>
<p class="para5">It’s easy to use a clean personal cup—tell your barista while ordering in-café and at
the drive-thru, or in the app choose "Personal Cup.” Thanks for helping us reduce waste together.
</p>
<span class="btn5">Learn how</span>
</div>
</div>
<div class="para_last">
*At participating stores. Some restrictions apply. Stars cannot be earned on purchases of alcohol,
Starbucks Cards or Starbucks Card reloads. See
<a href="#" class="para_link">starbucks.com/rewards</a>
for details and earn rates.
</div>
</section>
<footer>
<div class="foot_part1">
<div class="part1">
<span class="spn">About Us</span>
<ul>
<li>Our Company</li>
<li>Our Cofee</li>
<li>Stories and News</li>
<li>Starbucks Archive</li>
<li>Investor Relations</li>
<li>Customer Service</li>
<li>Contact Us</li>
</ul>
</div>
<div class="part2">
<span class="spn">Careers</span>
<ul>
<li>Culture and Values</li>
<li>Inclusion,Diversity and equity</li>
<li>College Achievement Plan</li>
<li>Alumini Community</li>
<li>U.S. Careers</li>
<li>International Careers</li>
</ul>
</div>
<div class="part3">
<span class="spn">Social Impact</span>
<ul>
<li>People</li>
<li>Planet</li>
<li>Environmental and Social Impact Reporting</li>
</ul>
</div>
<div class="part4">
<span class="spn">For business partners</span>
<ul>
<li>Landlord Support Centers</li>
<li>Suppliers</li>
<li>Corporate Gift Card Sales</li>
<li>Office and Foodservice cofee </li>
</ul>
</div>
<div class="part4">
<span class="spn">Order and Pick Up</span>
<ul>
<li>Orders on the App</li>
<li>Orders on the Web</li>
<li>Delivery</li>
<li>Order and Pick Up Options</li>
<li>Explore and Find Cofee at home</li>
</ul>
</div>
</div>
<div class="foot_part2">
<div class="social">
<a href="https://spotify.com">
<img src="spotify.png" alt="" />
</a>
<a href="https://facebook.com">
<img src="facebook.png" alt="" />
</a>
<a href="https://pinterest.com">
<img src="pin.png" alt="" />
</a>
<a href="https://instagram.com">
<img src="instagram.webp" alt="" />
</a>
<a href="https://youtube.com">
<img src="youtube.webp" alt="" />
</a>
<a href="https://twitter.com">
<img src="twitter.png" alt="" />
</a>
</div>
<div class="text_foot">
<ul>
<li>Privacy Notice <span class="mark">|</span></li>
<li>Terms of use <span class="mark">|</span></li>
<li>Do Not Share my Personal Information <span class="mark">|</span></li>
<li>CA Supply Chain Act <span class="mark">|</span></li>
<li>Accessibility <span class="mark">|</span></li>
<li>Cookie Preferences </li>
</ul>
</div>
<span class="copyright">© 2024 Starbucks Coffee Company. All rights reserved.</span>
</div>
</footer>
</body>
</html>