-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
203 lines (203 loc) · 11.6 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
<!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>Starbucks</title>
<link rel="stylesheet" href="header.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="footer.css">
<link rel="icon" href="logo.png">
</head>
<body>
<header>
<div class="header">
<div class="header-container">
<div class="left-bar">
<div class="logo">
<a href="https://www.starbucks.in/dashboard"><img src="logo.png"></a>
</div>
<nav>
<ul>
<li><a href="https://www.starbucks.com/menu">Menu</a></li>
<li><a href="https://www.starbucks.com/rewards">rewards</a></li>
<li><a href="https://www.starbucks.com/gift">gift cards</a></li>
</ul>
</nav>
</div>
<div class="right-bar">
<div class="find-store">
<a href="https://www.starbucks.com/store-locator?map=39.635307,-101.337891,5z" ><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
<path
d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
</svg>
<span>Find a store</a></span>
</div>
<div class="sign-in">
<a href="https://www.starbucks.com/account/signin?ReturnUrl=%2F">sign in</a>
</div>
<div class="join-now">
<a href="https://www.starbucks.com/account/create">join now</a>
</div>
</div>
</div>
</div>
</header>
<main>
<div class="main-container">
<section class="first section">
<div class="image">
<img src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-81151.jpg">
</div>
<div class="text">
<h1>Win a thousand Stars</h1>
<p>We’re giving away 1,000 Stars to 1,000 Starbucks® Rewards members in our Million Stars Giveaway and much more all week!*</p>
<div class="button"><a href="https://www.starbucksstardays.com/#/">play to win</a></div>
</div>
</section>
<section class="second section">
<div class="image">
<img src=" https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-81104.jpg">
</div>
<div class="text">
<h1>A new way to earn sips and trips</h1>
<p>Now you can link your Starbucks® Rewards + Delta SkyMiles® accounts to get:</p>
<ul>
<li>150 Stars + 500 miles when you link before 12/31</li>
<li>Double Stars on Delta travel days</li>
<li>1 mile per $1 spent at Starbucks (excludes taxes and gratuities)*</li>
</ul>
<div class="button"><a href=https://www.deltastarbucks.com/content/starbucks/en/overview.html?mkcpgn=dipd-sbux7003>link account</a></div>
</div>
</section>
<section class="third section">
<div class="text">
<h1>No tricks, just treats</h1>
<p>Send someone a spooky Starbucks eGift Card.</p>
<div class="button"><a href=https://www.starbucks.com/gift/873070581>Buy now</a></div>
</div>
<div class="image">
<img src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-81197.jpg">
</div>
</section>
<section class="fourth section">
<div class="image">
<img src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-81152.jpg">
</div>
<div class="text">
<h1>Perfectly pumpkin</h1>
<p>Savor the season with a Pumpkin Spice Latte or Pumpkin Cream Cold Brew.</p>
<div class="button"><a href="https://www.starbucks.com/menu/featured/">Order now</a></div>
</div>
</section>
<section class="fifth section">
<div class="text">
<h1>Pairs well with crisp mornings</h1>
<p>Discover the nondairy layers of Apple Crisp Oatmilk Macchiato, now with Starbucks® Blonde Espresso.</p>
<div class="button"><a href="https://www.starbucks.com/menu/featured/">Learn more</a></div>
</div>
<div class="image">
<img src=" https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-81198.jpg">
</div>
</section>
<section class="sixth section">
<div class="image">
<img src="https://content-prod-live.cert.starbucks.com/binary/v2/asset/137-81199.jpg">
</div>
<div class="text">
<h1>Spice up your fall</h1>
<p>Warm your senses with the delightfully creamy Chai Tea Latte. Try it hot or iced.</p>
<div class="button"><a href="https://www.starbucks.com/menu/featured/">Learn more</a></div>
</div>
</section>
<section class="seventhsection">
<div class="bottom-text">
<div class="bottom">
<p>*Excludes taxes and gratuities. At participating stores. Some restrictions apply. 150 Stars deposited after first qualifying Starbucks purchase. Flights purchased close to departure may not earn double Stars. Stars may not be earned on purchases of alcohol, Starbucks Cards and Starbucks Card reloads. For details, visit <a href="https://www.deltastarbucks.com/content/starbucks/en/terms-and-conditions.html">deltastarbucks.com/terms</a>
</p>
</div>
</div>
</section>
</div>
</main>
<footer>
<div class="footer-container">
<div class="links-container">
<ul>
<li><b>About Us</b></li><br>
<li>Our Company</li>
<li>Our Coffee</li>
<li>Stories and News</li>
<li>Starbucks Archive</li>
<li>Investor Relations</li>
<li>customers Service</li>
</ul>
</div>
<div class="links-container">
<ul>
<li><b>Careers</b></li><br>
<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="links-container">
<ul>
<li><b>Social Impact</b></li><br>
<li>People</li>
<li>Planet</li>
<li>Environmental and Social Impact Reporting</li>
</ul>
</div>
<div class="links-container">
<ul>
<li><b>For Business Partners</b></li><br>
<li>Landlord Support Center</li>
<li>Suppliers</li>
<li>Corporate Gift Card Sales</li>
<li>Office and Foodservice Coffee</li>
</ul>
</div>
<div class="links-container">
<ul>
<li><b>Order and Pickup</b></li><br>
<li>Order on the App</li>
<li>Order on the Web</li>
<li>Delivery</li>
<li>Order and Pickup Options</li>
<li>Explore and Find Coffee for Home</li>
</ul>
</div>
</div>
</footer>
<section class="biodata">
<div class="bio">
<div class="bio-icon">
<div class="icon">
<a href="https://www.instagram.com/gani_shinde_?r=nametag"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></a>
</div>
<div class="icon">
<a href="https://github.com/"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg></a>
</div>
</div>
</div>
<div class="bio-text">
<div class="design">
<span>STARBUCKS CLONE | DESIGNED BY | GANESH SHINDE</span>
</div>
<div class="intro">
" This is just my first try on web page development. I made this web page in such way it should work on both mobile and pc"
</div>
</div>
</section>
</body>
</html>