-
Notifications
You must be signed in to change notification settings - Fork 17
/
index.html
208 lines (169 loc) · 16 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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<title>StarBucks Coffe Company</title>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-light">
<div class="container-fluid ct1">
<a class="navbar-brand" href="#">
<svg class="block nav-img" focusable="false" height="100%" viewBox="0 0 62 62" width="100%" xmlns="http://www.w3.org/2000/svg"><circle cx="31" cy="31" fill="#fff" r="30.002"></circle><path d="M34.017 13.969c-.263-.047-1.531-.26-3.017-.26s-2.754.212-3.017.26c-.151.027-.209-.121-.094-.207.104-.077 3.11-2.365 3.11-2.365l3.109 2.365c.117.086.06.234-.091.207zm-5.194 14.856s-.159.057-.201.197c.63.484 1.064 1.585 2.378 1.585s1.748-1.101 2.377-1.585c-.041-.141-.2-.197-.2-.197s-.823.194-2.177.194-2.177-.194-2.177-.194zm2.177-1.853c-.365 0-.445-.138-.694-.137-.237.001-.697.19-.797.363.007.088.039.167.103.237.532.08.772.376 1.389.376s.856-.296 1.389-.376c.062-.07.096-.148.103-.237-.099-.173-.56-.361-.798-.363-.25-.002-.331.137-.695.137zm29.956 5.673c-.038.717-.102 1.428-.19 2.131-3.396.562-4.61-2.464-8.089-2.312.208.738.377 1.49.507 2.258 2.869-.002 4.025 2.68 7.217 2.285-.168.82-.37 1.629-.603 2.426-2.524.248-3.413-2.26-6.334-2.191.024.416.037.836.037 1.26l-.012.701 5.672 2.164c-.297.807-.629 1.596-.991 2.369-1.705-.094-2.293-2.281-4.887-2.107-.078.561-.177 1.115-.295 1.662 2.253-.158 2.738 1.916 4.352 2.084-.411.75-.854 1.48-1.325 2.191-.956-.512-1.785-2.057-3.598-2.152.186-.574.349-1.156.487-1.748-1.608 0-3.447-.627-4.989-2.031.5-2.846-3.917-5.744-3.917-7.828 0-2.264 1.145-3.517 1.145-6.569 0-2.265-1.1-4.722-2.759-6.401-.321-.326-.65-.59-1.028-.827 1.524 1.886 2.694 4.122 2.694 6.712 0 2.874-1.337 4.391-1.337 7.044 0 2.652 3.88 4.947 3.88 7.682 0 1.076-.344 2.127-1.478 4.191 1.742 1.74 4.011 2.689 5.475 2.689.475 0 .73-.145.9-.518.146-.322.285-.648.416-.977 1.577.061 2.299 1.494 3.172 2.066-.479.643-.982 1.264-1.509 1.865-.585-.648-1.371-1.738-2.522-2.041-.206.4-.424.795-.653 1.182.991.27 1.669 1.27 2.194 1.928-.566.586-1.155 1.148-1.768 1.688-.383-.596-.979-1.352-1.647-1.76-.247.334-.504.66-.769.977.568.385 1.069 1.078 1.396 1.643-.708.568-1.44 1.107-2.198 1.611-.374-3.047-4.533-5.135-3.412-8.67-.368.623-.807 1.402-.807 2.34 0 2.559 2.726 4.59 2.943 7.133-.565.338-1.143.656-1.732.957-.098-2.795-2.984-5.854-2.984-8.148 0-2.561 3.354-5.133 3.354-8.156 0-3.025-3.87-5.119-3.87-7.775 0-2.654 1.646-4.181 1.646-7.583 0-2.492-1.184-5.014-3.013-6.625-.324-.286-.643-.513-1.026-.712 1.725 2.069 2.725 3.946 2.725 6.794 0 3.199-1.886 4.975-1.886 8.107 0 3.133 3.798 4.875 3.798 7.795s-3.535 5.381-3.535 8.381c0 2.729 3.116 5.453 3.162 8.691-.681.297-1.375.568-2.081.814.396-3.271-3.111-6.645-3.111-9.314 0-2.918 3.667-5.426 3.667-8.572 0-3.148-3.728-4.611-3.728-7.842 0-3.229 2.287-5.017 2.287-8.585 0-2.781-1.373-5.282-3.379-6.832l-.127-.096c-.189-.14-.345.029-.211.195 1.42 1.773 2.179 3.566 2.179 6.221 0 3.264-2.627 5.916-2.627 9.078 0 3.732 3.528 4.799 3.528 7.861 0 3.061-3.783 5.51-3.783 8.76 0 3.014 3.58 6.359 2.966 9.838-.718.186-1.446.348-2.185.48.672-4.332-2.84-7.443-2.84-10.277 0-3.068 3.918-5.803 3.918-8.801 0-2.828-2.812-3.752-3.182-6.645-.051-.395-.368-.688-.805-.615-.571.104-1.303.48-2.453.48s-1.882-.377-2.454-.48c-.436-.072-.753.221-.804.615-.369 2.893-3.183 3.816-3.183 6.645 0 2.998 3.919 5.732 3.919 8.801 0 2.834-3.512 5.945-2.841 10.277-.738-.133-1.467-.295-2.185-.48-.614-3.479 2.967-6.824 2.967-9.838 0-3.25-3.784-5.699-3.784-8.76 0-3.062 3.529-4.129 3.529-7.861 0-3.162-2.628-5.813-2.628-9.078 0-2.654.759-4.447 2.18-6.221.133-.166-.022-.335-.212-.195l-.126.096c-2.004 1.546-3.376 4.047-3.376 6.828 0 3.568 2.287 5.356 2.287 8.585 0 3.23-3.728 4.693-3.728 7.842 0 3.146 3.667 5.654 3.667 8.572 0 2.67-3.507 6.043-3.11 9.314-.707-.246-1.401-.518-2.082-.814.047-3.238 3.161-5.963 3.161-8.691 0-3-3.533-5.461-3.533-8.381s3.796-4.662 3.796-7.795c0-3.132-1.885-4.908-1.885-8.107 0-2.848.999-4.725 2.724-6.794-.384.199-.702.426-1.025.712-1.829 1.611-3.012 4.133-3.012 6.625 0 3.402 1.646 4.929 1.646 7.583 0 2.656-3.87 4.75-3.87 7.775 0 3.023 3.354 5.596 3.354 8.156 0 2.295-2.888 5.354-2.985 8.148-.589-.301-1.167-.619-1.732-.957.218-2.543 2.943-4.574 2.943-7.133 0-.938-.438-1.717-.807-2.34 1.121 3.535-3.038 5.623-3.412 8.67-.758-.504-1.491-1.043-2.198-1.611.326-.564.827-1.258 1.396-1.643-.266-.316-.522-.643-.769-.977-.669.408-1.266 1.164-1.648 1.76-.611-.539-1.201-1.102-1.767-1.688.525-.658 1.203-1.658 2.194-1.928-.229-.387-.447-.781-.653-1.182-1.151.303-1.938 1.393-2.522 2.041-.527-.602-1.031-1.223-1.509-1.865.873-.572 1.595-2.006 3.171-2.066.132.328.271.654.417.977.17.373.426.518.9.518 1.464 0 3.732-.949 5.475-2.689-1.134-2.064-1.478-3.115-1.478-4.191 0-2.734 3.88-5.029 3.88-7.682 0-2.653-1.337-4.17-1.337-7.044 0-2.59 1.17-4.826 2.694-6.712-.378.237-.707.501-1.028.827-1.659 1.68-2.759 4.136-2.759 6.401 0 3.052 1.146 4.305 1.146 6.569 0 2.084-4.418 4.982-3.918 7.828-1.542 1.404-3.381 2.031-4.99 2.031.14.592.303 1.174.487 1.748-1.812.096-2.641 1.641-3.598 2.152-.472-.711-.914-1.441-1.325-2.191 1.613-.168 2.099-2.242 4.353-2.084-.118-.547-.218-1.102-.296-1.662-2.594-.174-3.182 2.014-4.887 2.107-.362-.773-.694-1.562-.991-2.369l5.673-2.164-.012-.701c0-.424.013-.844.036-1.26-2.921-.068-3.81 2.439-6.334 2.191-.232-.797-.435-1.605-.602-2.426 3.19.395 4.347-2.287 7.217-2.285.13-.768.299-1.52.506-2.258-3.479-.151-4.693 2.875-8.088 2.312-.089-.703-.152-1.414-.19-2.131 3.947.441 5.427-2.804 9.021-2.407.339-.859.733-1.69 1.177-2.49-4.506-.792-6.036 2.976-10.23 2.397.453-16.171 13.706-29.143 29.989-29.143s29.536 12.972 29.989 29.147c-4.195.579-5.725-3.188-10.23-2.397.443.8.837 1.631 1.177 2.49 3.592-.398 5.072 2.848 9.02 2.407zm-42.852-12.583c-2.209-.903-4.883-.695-7.167.772-.354-2.125-1.507-4.013-3.149-5.152-.227-.157-.463-.008-.442.255.347 4.49-2.278 8.389-5.506 11.816 3.327 1 6.159-3.284 10.474-1.789 1.548-2.305 3.514-4.308 5.79-5.902zm12.896-2.716c-2.785 0-5.118 1.575-5.729 3.61-.047.156.017.257.197.176.501-.225 1.071-.333 1.69-.333 1.136 0 2.137.417 2.729 1.143.262.864.284 2.115-.012 2.829-.468-.105-.636-.467-1.093-.467s-.811.321-1.586.321c-.774 0-.865-.366-1.374-.366-.599 0-.709.617-.709 1.313 0 3.103 2.852 7.373 5.886 7.373 3.033 0 5.885-4.27 5.885-7.373 0-.696-.143-1.292-.769-1.373-.312.225-.599.426-1.313.426-.775 0-.989-.321-1.445-.321-.551 0-.496 1.162-1.15 1.227-.436-1.048-.457-2.392-.095-3.589.593-.726 1.593-1.143 2.729-1.143.619 0 1.193.109 1.689.333.181.081.244-.021.197-.176-.61-2.035-2.942-3.61-5.727-3.61zm4.434 4.452c-.668 0-1.451.205-1.943.753-.051.149-.051.371.021.519 1.211-.415 2.279-.431 2.795.146.275-.25.363-.475.363-.736 0-.403-.41-.682-1.236-.682zm-9.741 1.418c.584-.585 1.815-.56 3.094-.088.056-.636-1.083-1.331-2.221-1.331-.827 0-1.236.279-1.236.683 0 .261.088.487.363.736zm19.194-10.504c-2.199.157-4.109.912-5.654 2.17.656-1.86 1.489-3.487 2.545-5.064-2.8.297-5.141 1.321-6.849 3.071l-1.337-3.505 2.968-2.621-3.974-.281-1.586-3.696-1.587 3.696-3.974.281 2.968 2.621-1.336 3.505c-1.709-1.75-4.05-2.774-6.848-3.071 1.054 1.578 1.887 3.205 2.543 5.064-1.544-1.259-3.454-2.014-5.653-2.17 1.319 1.696 2.488 3.504 3.354 5.448.098.219.308.291.535.178 3.012-1.497 6.406-2.339 9.997-2.339s6.984.843 9.998 2.339c.227.113.437.041.534-.178.867-1.944 2.036-3.752 3.356-5.448zm4.801 13.254c4.313-1.495 7.146 2.788 10.473 1.789-3.228-3.427-5.852-7.326-5.505-11.816.021-.263-.216-.413-.442-.255-1.643 1.139-2.796 3.027-3.149 5.152-2.285-1.467-4.958-1.676-7.167-.772 2.273 1.592 4.24 3.595 5.79 5.902z" fill="#006341"></path><g fill="#006341"><path d="M53.595 57.01h-1.526v4.105h-.547v-4.105h-1.522v-.51h3.595v.51zM54.236 56.5h.811l1.57 3.618h.011l1.574-3.618h.798v4.615h-.551v-3.869h-.012l-1.653 3.869h-.333l-1.659-3.869h-.011v3.869h-.545v-4.615z"></path></g></svg>
<div class="collapse nav1 navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" aria-current="page" href="#">MENU</a>
<a class="nav-link" href="#">REWARDS</a>
<a class="nav-link" href="#">GIFT CARDS</a>
</div>
</div>
<div class="collapse nav2 navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link bt" aria-current="page" href="#">Find a store</a>
<button type="button" class="btn bt btn-outline-secondary btn-light">Sign In</button>
<button type="button" class="btn bt btn-dark">Join Now</button>
</div>
</div>
</div>
</nav>
<div class="container-fluid ct2" >
<div class="row" style="background-color: #d4e9e2;">
<div class="col-lg-6" style=" padding-left: 0px; padding-right:0px; ">
<img class="product-left-img" alt="Pumpkin Spice Latte pictured with a phone featuring the Starbucks app surrounded by gold stars." class="block" src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-79280.jpg">
</div>
<div class="col-lg-6 prd-right">
<div class="prd-body">
<h2 class="heading">Fall at your fingertips</h2>
<p class="main-txt">Ordering your fall favorites is a snap with the app. Join Starbucks® Rewards and tap into fall.</p>
<button type="button" class="btn bt bt1 btn-outline-secondary btn-light">Join Now</button>
</div>
</div>
</div>
</div>
<div class="container-fluid ct2" >
<div class="row" style="background-color: #006241;">
<div class="col-lg-6 prd-right">
<div class="prd-body">
<h2 class="heading" style="color: #ffff;">PSL for your BFF</h2>
<p class="main-txt" style="color: #ffff;">Treat your bestie to a Pumpkin Spice Latte and more with a thoughtful gift card.</p>
<button type="button" class="btn bt bt2 btn-outline-secondary btn-light">Buy Now</button>
</div>
</div>
<div class="col-lg-6" style=" padding-left: 0px; padding-right:0px; ">
<img class="product-left-img" alt="An illustrated gift card featuring leaves, a white Starbucks cup and the words, “Pump up the spice.”" class="block" src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-79429.jpg">
</div>
</div>
</div>
<div class="container-fluid ct2" >
<div class="row " style="background-color: #006241;">
<div class="col-lg-6" style=" padding-left: 0px; padding-right:0px; ">
<img class="product-left-img" alt="A coffee drink with whip cream topping in a clear mug next to a marbled coffee drink in a tall, clear glass with thick foam topping." class="block" src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-79281.jpg">
</div>
<div class="col-lg-6 prd-right">
<div class="prd-body box">
<h2 class="heading heading1" style="color: #ffff;">Welcome home, pumpkin</h2>
<p class="main-txt main1" style="color: #ffff;">Fall favorites return with the blissful Pumpkin Spice Latte and smooth Pumpkin Cream Cold Brew.</p>
<button type="button" class="btn bt bt2 btn-outline-secondary btn-light">Learn More</button>
</div>
</div>
</div>
</div>
<div class="container-fluid ct2" >
<div class="row" style="background-color: #006241;">
<div class="col-lg-6 prd-right">
<div class="prd-body box">
<h2 class="heading heading1" style="color: #ffff;">Layers of baked apple yum</h2>
<p class="main-txt main1" style="color: #ffff;">Try the Apple Crisp Oatmilk Macchiato, now nondairy and with Starbucks® Blonde Espresso.</p>
<button type="button" class="btn bt bt2 btn-outline-secondary btn-light">Learn More</button>
</div>
</div>
<div class="col-lg-6" style=" padding-left: 0px; padding-right:0px; ">
<img class="product-left-img" alt="Clear mug contains a coffee drink with foamy top, sitting next to layered iced coffee drink in a tall glass." class="block" src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-79282.jpg">
</div>
</div>
</div>
<div class="container-fluid ct2" >
<div class="row" style="background-color: #006241;">
<div class="col-lg-6" style=" padding-left: 0px; padding-right:0px; ">
<img class="product-left-img" alt="A creamy tea drink with frothy top inside a clear glass mug." class="block" src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-79430.jpg">
</div>
<div class="col-lg-6 prd-right">
<div class="prd-body box">
<h2 class="heading heading1" style="color: #ffff;">Falling for chai</h2>
<p class="main-txt main1" style="color: #ffff;">Cozy up to Chai Tea Latte’s warm spices balanced with creamy milk.</p>
<button type="button" class="btn bt bt2 btn-outline-secondary btn-light">Order Now</button>
</div>
</div>
</div>
</div>
<div class="container-fluid ct2" >
<div class="row" style="background-color: #006241;">
<div class="col-lg-6 prd-right">
<div class="prd-body box">
<h2 class="heading heading1" style="color: #ffff;">Picks of the patch</h2>
<p class="main-txt main1" style="color: #ffff;">Choose a comforting classic: Pumpkin Cream Cheese Muffin, Pumpkin & Pepita Loaf or Pumpkin Scone.</p>
<button type="button" class="btn bt bt2 btn-outline-secondary btn-light">Learn More</button>
</div>
</div>
<div class="col-lg-6" style=" padding-left: 0px; padding-right:0px; ">
<img class="product-left-img" alt="Three baked items form a triangular shape: Muffin with creamy center, slice of a loaf cake and frosted scone." class="block" src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-79283.jpg">
</div>
</div>
</div>
<div class="container-fluid ct2" >
<div class="row" style="background-color: #d4e9e2;">
<div class="col-lg-6" style=" padding-left: 0px; padding-right:0px; ">
<img class="product-left-img" alt="A woman sitting next to a coffee table writing in a journal. There is a Starbucks hot beverage sitting on top of the table, and an Uber Eats delivery bag on the floor." class="block" src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-79431.jpg">
</div>
<div class="col-lg-6 prd-right">
<div class="prd-body">
<h2 class="heading" style="color: #282828;">Fall faves at your fingertips</h2>
<p class="main-txt" style="color: #282828;">Order Starbucks® delivery with Uber Eats today.*</p>
<button type="button" class="btn bt bt2 btn-outline-secondary btn-light">Order Now</button>
</div>
</div>
</div>
</div>
<div class="info">
<div class=" info1">
<p>*Menu limited. Restricted delivery area. Available in participating locations only. Fees subject to change.
Prices for Starbucks® items purchased through Uber Eats may be higher than posted in stores or as marked.
See the Uber Eats app for details.
</p>
</div>
</div>
<div class="divider"></div>
<footer class="footer">
<div class="footer-container">
<div class="social">
<a href="https://spotify.com">
<img src="./Images/spotify2.png" alt="" />
</a>
<a href="https://facebook.com">
<img src="./Images/facebook.png" alt="" />
</a>
<a href="https://pinterest.com">
<img src="./Images/pinterest.png" alt="" />
</a>
<a href="https://instagram.com">
<img src="./Images/ig2.png" alt="" />
</a>
<a href="https://youtube.com">
<img src="./Images/yt6.png" alt="" />
</a>
<a href="https://twitter.com">
<img src="./Images/twt2.png" alt="" />
</a>
</div>
<p>© 2021 Starbucks Coffee Company. All rights reserved.</p>
</div>
</footer>
</body>
</html>