├── OIP.jpg ├── logo.png ├── 100447.webp ├── 112573.webp ├── Drinks.webp ├── Food.webp ├── th (1).png ├── cofee bg.jpg ├── download.png ├── Bestseller.webp ├── Merchandise.webp ├── ReadyToEat.webp ├── appstoreiOS.png ├── placeholder.webp ├── CoffeeAtHome.webp ├── appstoreAndroid.png ├── 285_x_595_App_removebg_preview_2_c4bc942184.png ├── veg.svg ├── facebook.svg ├── search.svg ├── account_thin.svg ├── twitter.svg ├── instagram.svg ├── greyleafright.svg ├── greyleafright (1).svg ├── index.html └── style.css /OIP.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/OIP.jpg -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/logo.png -------------------------------------------------------------------------------- /100447.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/100447.webp -------------------------------------------------------------------------------- /112573.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/112573.webp -------------------------------------------------------------------------------- /Drinks.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/Drinks.webp -------------------------------------------------------------------------------- /Food.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/Food.webp -------------------------------------------------------------------------------- /th (1).png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/th (1).png -------------------------------------------------------------------------------- /cofee bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/cofee bg.jpg -------------------------------------------------------------------------------- /download.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/download.png -------------------------------------------------------------------------------- /Bestseller.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/Bestseller.webp -------------------------------------------------------------------------------- /Merchandise.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/Merchandise.webp -------------------------------------------------------------------------------- /ReadyToEat.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/ReadyToEat.webp -------------------------------------------------------------------------------- /appstoreiOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/appstoreiOS.png -------------------------------------------------------------------------------- /placeholder.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/placeholder.webp -------------------------------------------------------------------------------- /CoffeeAtHome.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/CoffeeAtHome.webp -------------------------------------------------------------------------------- /appstoreAndroid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/appstoreAndroid.png -------------------------------------------------------------------------------- /285_x_595_App_removebg_preview_2_c4bc942184.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ST3WIN/Starbugs/HEAD/285_x_595_App_removebg_preview_2_c4bc942184.png -------------------------------------------------------------------------------- /veg.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /search.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /account_thin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /instagram.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /greyleafright.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /greyleafright (1).svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Starbugs 7 | 8 | 9 | 10 | 11 |
12 | 50 |
51 |
52 |
53 |
Starbucks
54 |
55 |
56 | 57 |
58 |
59 |
60 |
61 | 62 |
63 |
64 |

Starbugs

65 |
Beverege Subscription
66 |

Starbugs subscription is back! sip your favouritefor less. Tap to details.T&C Apply

67 |

68 |
69 |
70 | T&C Apply 71 | 72 |
73 |
74 |
75 |
76 |

Handcrafted Curations

77 |
78 |
79 |
80 | 81 |

Bestseller

82 |
83 |
84 | 85 |

Drinks

86 |
87 |
88 | 89 |

Food

90 |
91 |
92 | 93 |

Merchandise

94 |
95 |
96 | 97 |

Coffee at home

98 |
99 |
100 | 101 |

Ready to Eat

102 |
103 |
104 |
105 |
106 |
107 |
108 |

Barista Recommends

109 |
110 |
111 |
112 |

view Menu

113 |
114 |
115 | 116 |
117 |
118 |
119 |
120 |
121 |
122 | 123 |

₹ 283.50

124 |
125 |
126 | 127 |

Cappuccino

128 |

SHORT().

129 |
130 |
131 | 132 |
133 |
134 |
135 |
136 | 137 |

₹ 309.75

138 |
139 |
140 | 141 |

Signature Hot Chocolite

142 |

SHORT(237ML).284 Kcal

143 |
144 |
145 | 146 |
147 |
148 |
149 |
150 | 151 |
152 |

₹ 378.00

153 |
154 |
155 |
156 | 157 |

Vanilla Milkshake

158 |

TALL(354 ML).PER SERVE(354 ml)-531 Kcal

159 |
160 |
161 | 162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |

Learn more about thewoid of coffe!

171 |
172 |
173 |

Discover more

174 |
175 |
176 |
177 |
178 | 179 |
180 | 181 |
182 |
183 |

Arts & sience of coffee brewing

184 |

Master the perfect brew with starbucks! Learn art and sience of coffee browing.

185 | 186 |
187 |
188 |
189 | 190 |
191 |
192 |
193 |
194 |
195 | 196 |
197 |
198 |

About us

199 |

Our Heritage

200 |

Cofffe House

201 |

Our Company

202 |
203 |
204 |

Responsibility

205 |

Diversity

206 |

Community

207 |

ethical sourcing

208 |

Environmental Stewardship

209 |

Learn More

210 |
211 |
212 |

Quick Linkes

213 |

Privacy Policy

214 |

FAQs

215 |

Starbucks India Mobile App
Terms of Use

216 |

Customer Service

217 |

Starbucks Rewards Day Offer

218 |

Delivery

219 |

Season's Gifting

220 |

Offer for Beverage
Subscription at Starbucks.

221 |

Loyalty Program Terms and
Conditions

222 |

Beverage Subscription

223 |
224 | 230 |
231 |
232 | 233 |
234 |
235 | 236 |
237 |
238 |
239 |
240 |
241 |
242 | 264 |
265 | 266 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0; 3 | } 4 | nav{ 5 | display: flex; 6 | } 7 | nav .left{ 8 | width: 50%; 9 | display: flex; 10 | justify-content: space-evenly; 11 | align-items: center; 12 | } 13 | nav .left img{ 14 | width: 52px; 15 | height: 52px; 16 | margin-left: 30px; 17 | } 18 | nav .left p{ 19 | font-size: 22px; 20 | font-family: serif; 21 | font-weight: 200; 22 | color: black; 23 | } 24 | nav .left p:hover{ 25 | color: #00754a; 26 | } 27 | .home,.gift,.order,.pay,.store{ 28 | border-bottom: 2.5px solid white; 29 | } 30 | .home:focus{ 31 | border-color: #025738; 32 | } 33 | .home:active{ 34 | border-color: #025738; 35 | } 36 | .gift:focus{ 37 | border-color: #025738; 38 | } 39 | .gift:active{ 40 | border-color: #025738; 41 | } 42 | .order:focus{ 43 | border-color: #025738; 44 | } 45 | .order:active{ 46 | border-color: #025738; 47 | } 48 | .pay:focus{ 49 | border-color: #025738; 50 | } 51 | .pay:active{ 52 | border-color: #025738; 53 | } 54 | .store:focus{ 55 | border-color: #025738; 56 | } 57 | .store:active{ 58 | border-color: #025738; 59 | } 60 | .senter{ 61 | width: 15%; 62 | } 63 | nav .right{ 64 | width: 35%; 65 | align-content: center; 66 | } 67 | .left-r{ 68 | width: 300px; 69 | height: 42px; 70 | display: flex; 71 | justify-content: space-around; 72 | background-color: white; 73 | border: 1px solid rgb(174, 173, 173); 74 | border-radius: 20px; 75 | margin-right: 10px; 76 | float: left; 77 | margin-top: 15px; 78 | } 79 | .left-r:focus{ 80 | border-color: black; 81 | } 82 | .left-r:active{ 83 | border-color: black; 84 | } 85 | .left-r input::placeholder{ 86 | color: rgb(150, 145, 145); 87 | font-size: 15px; 88 | } 89 | .left-r input{ 90 | font-size: 20px; 91 | } 92 | .right .left-r input{ 93 | width: 230px; 94 | height: 38px; 95 | border: none; 96 | outline-width: 0; 97 | border-radius:20px ; 98 | } 99 | .left-r img{ 100 | width: 25px; 101 | height: 25px; 102 | margin-top: 10px; 103 | margin-left: 10px; 104 | } 105 | .account{ 106 | float: left; 107 | margin-left: 200px; 108 | margin-top: 10px; 109 | } 110 | .account img{ 111 | width: 50px; 112 | height: 45px; 113 | } 114 | .section-1{ 115 | display: flex; 116 | justify-content: space-around; 117 | width: 100%; 118 | background-color: #1e3932; 119 | } 120 | .section-1 .starbucks{ 121 | width: 50%; 122 | font-size: 30px; 123 | font-weight: 100; 124 | color: white; 125 | letter-spacing: 2px; 126 | margin-right: 400px; 127 | } 128 | .section-1 .know-more{ 129 | align-content: end; 130 | width: 100px; 131 | height: 64px; 132 | margin-right: 150px; 133 | } 134 | .section-1 .know-more button{ 135 | width: 140px; 136 | height: 50px; 137 | border-radius: 20px; 138 | margin-top: 30px; 139 | border: 1px solid white; 140 | background-color:#1e3932 ; 141 | color: white; 142 | font-size: 17px; 143 | } 144 | .section-2{ 145 | width: 84%; 146 | background-color:rgb(25, 128, 128); 147 | margin: 170px; 148 | margin-top: 30px; 149 | height: 330px; 150 | border-radius: 14px; 151 | } 152 | .section-2 .image-2{ 153 | width: 20%; 154 | float: left; 155 | background-color:rgb(25, 128, 128); 156 | border-radius: 14px; 157 | } 158 | .section-2 .image-2 img{ 159 | width: 140px; 160 | height: 270px; 161 | margin-top: 50px; 162 | } 163 | .section-2 .para-2{ 164 | width: 60%; 165 | float: left; 166 | background-color:rgb(25, 128, 128); 167 | margin-left: -100px; 168 | } 169 | .section-2 .para-2 p{ 170 | font-size: 22px; 171 | color: white; 172 | margin-top: 50px; 173 | } 174 | .section-2 .para-2 h5{ 175 | font-size: 30px; 176 | color: white; 177 | } 178 | button{ 179 | margin-top: 220px; 180 | margin-left: 170px; 181 | width: 240px; 182 | height: 60px; 183 | border-radius: 20px; 184 | border: none; 185 | font-size: 15px; 186 | font-weight: bold; 187 | } 188 | .section-2 span{ 189 | margin-left: 320px; 190 | font-size: 15px; 191 | font-weight: bold; 192 | color: white; 193 | letter-spacing: 0; 194 | } 195 | .section-3 .header h1{ 196 | font-size: 40px; 197 | margin-left: 175px; 198 | margin-top: -100px; 199 | font-family: SoDoSans_Bold, Helvetica, sans-serif !important; 200 | color: #1e3932; 201 | } 202 | .section-3 img{ 203 | width: 150px; 204 | border-radius: 100%; 205 | } 206 | .section-3 .image-3{ 207 | width: 92%; 208 | display: flex; 209 | justify-content: space-around; 210 | margin-left: 80px; 211 | text-align: center; 212 | } 213 | .section-3 p{ 214 | font-size: 20px; 215 | font-weight: bold; 216 | line-height: 0; 217 | } 218 | .section-4{ 219 | background-color: #edebe9; 220 | margin-top: 100px; 221 | } 222 | .left-4{ 223 | margin-left: 140px; 224 | font-size: 20px; 225 | font-family: SoDoSans_Bold, Helvetica, sans-serif !important; 226 | color: #1e3932; 227 | letter-spacing: 1px; 228 | } 229 | .section-4 .header{ 230 | display: flex; 231 | justify-content: space-between; 232 | font-size: 18px; 233 | color: #0b8d0b; 234 | font-weight: bold; 235 | margin-top: 20px; 236 | } 237 | .header img{ 238 | align-content: end; 239 | padding: 0; 240 | margin: 0; 241 | margin-left: 100px; 242 | } 243 | .header .right-v4{ 244 | display: flex; 245 | justify-content: space-around; 246 | } 247 | .section-4 img{ 248 | width: 100px; 249 | height: 100px; 250 | border-radius: 10px; 251 | } 252 | .main-4 .cappuccino,.chocolite,.vanilla{ 253 | width: 450px; 254 | height: 170px; 255 | border: 1px solid rgb(218, 215, 215); 256 | background-color: white; 257 | margin-left: 20px; 258 | margin-top: -60px; 259 | margin-right: 20px; 260 | display: flex; 261 | padding: 30px; 262 | border-radius: 10px; 263 | } 264 | .main-4{ 265 | display: flex; 266 | justify-content:center; 267 | padding: 50px; 268 | } 269 | .main-4 .green img{ 270 | width: 35px; 271 | height: 35px; 272 | margin-left: 20px; 273 | } 274 | .main-4 .green h3{ 275 | margin-left: 22px; 276 | margin-top: 3px; 277 | } 278 | .main-4 .green p{ 279 | margin-top: -17px; 280 | margin-left:23px ; 281 | font-size: 10px; 282 | } 283 | .add-4 button{ 284 | width: 120px; 285 | height: 40px; 286 | border: none; 287 | background-color: #00754a; 288 | color: white; 289 | margin-top: 140px; 290 | margin-left: -0px; 291 | } 292 | .add-4-1 button{ 293 | width: 120px; 294 | height: 40px; 295 | border: none; 296 | background-color: #00754a; 297 | color: white; 298 | margin-top: 140px; 299 | margin-left: 100px; 300 | } 301 | .section-5{ 302 | width: 100%; 303 | height: 700px; 304 | background-color:#edebe9 ; 305 | font-family: SoDoSans_Light, Helvetica, sans-serif !important; 306 | } 307 | .section-5 .header-5{ 308 | display: flex; 309 | justify-content: space-between; 310 | margin-top:50px ; 311 | } 312 | .header-5 h1{ 313 | margin-left: 125px; 314 | margin-top: 70px; 315 | font-size: 35px; 316 | font-weight: bolder; 317 | color: #023925; 318 | } 319 | .header-5 p{ 320 | margin-right: 210px; 321 | margin-top: 70px; 322 | font-size: 20px; 323 | color: #00754a; 324 | } 325 | .section-5 .image-section img{ 326 | width: 1620px; 327 | height: 500px; 328 | margin-top: 30px; 329 | margin-left: 160px; 330 | border-radius: 15px; 331 | position: relative; 332 | } 333 | .image-section .image-5{ 334 | width: 1620px; 335 | height: 500px; 336 | } 337 | .image-5 button{ 338 | font-size: 10px; 339 | width: 110px; 340 | height: 25px; 341 | margin-top: -480px; 342 | margin-left: 200px; 343 | position: absolute; 344 | border-radius: 10px; 345 | border: none; 346 | background-color: #bee0d4; 347 | color: #0b8d0b; 348 | } 349 | .section-5 .text-image-5{ 350 | margin-top: -270px; 351 | position: absolute; 352 | margin-left: 207px; 353 | color: white; 354 | font-size: 20px; 355 | } 356 | .section-5 .text-image-5 button{ 357 | width: 250px; 358 | height: 37px; 359 | margin-top: 50px; 360 | margin-left: 0px; 361 | font-size: 16px; 362 | color: black; 363 | background-color: rgb(238, 237, 237); 364 | border: none; 365 | border-radius: 20px; 366 | } 367 | .section-6{ 368 | background-color: #0e382c; 369 | line-height: 2; 370 | width: 100%; 371 | height: 1070px; 372 | } 373 | .section-6 .main-6{ 374 | display: flex; 375 | justify-content: space-evenly; 376 | padding-top: 150px; 377 | margin-top: 60px; 378 | } 379 | .main-6 h2{ 380 | padding: 0; 381 | margin-top: -20px; 382 | font-size: 30px; 383 | font-family: SoDoSans_Semibold, Helvetica, sans-serif; 384 | font-weight: bold; 385 | color: white; 386 | } 387 | .main-6 .image-6 img{ 388 | width: 90px; 389 | height: 90px; 390 | } 391 | .main-6 p{ 392 | font-size: 18px; 393 | font-weight: 400; 394 | letter-spacing: 1px; 395 | font-family: SoDoSans_Semibold, Helvetica, sans-serif; 396 | color: rgb(208, 207, 207); 397 | } 398 | .main-6 p:hover{ 399 | color: #908e8e; 400 | } 401 | .Social img{ 402 | width: 40px; 403 | margin: 7px; 404 | } 405 | .app img{ 406 | width: 250px; 407 | } 408 | .main-hr hr{ 409 | width: 1800px; 410 | color: #908e8e; 411 | margin-top: 80px; 412 | } 413 | footer{ 414 | display: flex; 415 | justify-content: space-between; 416 | } 417 | footer .left-footer{ 418 | display: flex; 419 | justify-content:space-evenly 420 | } 421 | footer .left-footer{ 422 | width: 40%; 423 | } 424 | footer hr{ 425 | color: #908e8e; 426 | padding: 0; 427 | margin: 0; 428 | height: 20px; 429 | margin-top: 18px; 430 | position: relative; 431 | left: 65px; 432 | }footer .left-footer p{ 433 | font-size: 14px; 434 | font-weight: 400; 435 | letter-spacing: 1px; 436 | font-family: SoDoSans_Semibold, Helvetica, sans-serif; 437 | color: rgb(208, 207, 207); 438 | position: relative; 439 | left: 65px; 440 | } 441 | footer p:hover{ 442 | color: #908e8e; 443 | } 444 | .right-footer{ 445 | position: relative; 446 | right: 120px; 447 | color: #e1e0e0; 448 | font-size: 15px; 449 | font-family: SoDoSans_Semibold, Helvetica, sans-serif; 450 | } 451 | --------------------------------------------------------------------------------