-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
155 lines (151 loc) · 6.45 KB
/
Copy pathindex.html
File metadata and controls
155 lines (151 loc) · 6.45 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="/img/logo.png">
<title>Starbucks Coffee</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
<script defer src="script.js"></script>
</head>
<body>
<header>
<a href="https://nmitydv.github.io/Starbucks.com/" class="logo"><img src="img\logo.png" alt=""></a>
<div class="bx bx-menu" id="menu-icon"></div>
<ul class="navbar" id="navbar">
<li><a href="#home">Home</a></li>
<li><a href="#shop">Shop</a></li>
<li><a href="#delivery">Delivery</a></li>
<li><a href="#app">Apps</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</header>
<section class="home" id="home">
<div class="home-text">
<span>Welcome To Starbucks</span>
<h1>Journey Through <br> the World of Coffee Excellence</h1>
<h2>Free Coffee is to away</h2>
<button class="button-86" role="button">Buy Now</button>
</div>
<div class="home-img">
<img src="img/home.png" alt="">
</div>
</section>
<section class="shop" id="shop">
<div class="heading">
<span>Shop Now</span>
<h1>Shop Coffee</h1>
</div>
<div class="shop-container">
<div class="box">
<div class="box-img">
<img src="img/shop1.png" alt="">
</div>
<div class="stars">
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star-half"></i>
</div>
<h2>Starbucks Coffee</h2>
<span> ₹ 400</span>
<button class="button-86" role="button">Order Now</button>
</div>
<!-- -->
<div class="box">
<div class="box-img">
<img src="img/shop2.png" alt="">
</div>
<div class="stars">
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star-half"></i>
</div>
<h2>Starbucks Coffee</h2>
<span> ₹ 475</span>
<button class="button-86" role="button">Order Now</button>
</div>
<!-- -->
<div class="box">
<div class="box-img">
<img src="img/shop3.png" alt="">
</div>
<div class="stars">
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star"></i>
<i class="bx bxs-star-half"></i>
</div>
<h2>Starbucks Coffee</h2>
<span> ₹ 550</span>
<button class="button-86" role="button">Order Now</button>
</div>
</div>
</section>
<section class="delivery" id="delivery">
<div class="heading">
<span>Get Now</span>
<h1>Order With Our Eats</h1>
</div>
<div class="container">
<div class="delivery-img">
<img src="img/delivery.png" alt="">
</div>
<div class="delivery-text">
<h2>Today Deserve delivery</h2>
<p>Transform Your Day with Fresh Delights! Our mission is to elevate your daily routine by delivering mouthwatering meals and essentials right to your doorstep. With lightning-fast service and a commitment to quality, we're here to make your day extraordinary. Don't wait—order now and experience the convenience and delight of Today's Deserve Delivery!</p>
<a href="https://nmitydv.github.io/Starbucks.com/" class="btn">Order Now</a>
</div>
</div>
</section>
<section class="app" id="app">
<div class="heading">
<span>Our App</span>
<h1>Download App</h1>
</div>
<div class="container">
<div class="delivery-text">
<h2>Fall into an easier routine</h2>
<p>Experience the full Starbucks universe right on your smartphone by downloading our Starbucks mobile app today! It's your gateway to a world of convenience, rewards, and personalized coffee indulgence. With our app, you can breeze through your day with mobile ordering, receive customized drink recommendations, and earn Starbucks Stars for free drinks and treats through Starbucks Rewards.</p>
<a href="#" class="btn">Get App</a>
</div>
<div class="delivery-img">
<img src="img/app.png" alt="">
</div>
</div>
</section>
<section class="about" id="about">
<div class="about-img">
<img src="img/about.png" alt="">
</div>
<div class="about-text ">
<h2>50 year's of serving communities</h2>
<p> A Remarkable Journey of Commitment and Impact
For half a century, our unwavering dedication has been the cornerstone of our community's growth and prosperity. As we celebrate this remarkable milestone, we fondly look back on five decades filled with meaningful connections, transformative initiatives, and shared accomplishments.</p>
<button class="button-86" role="button">Learn More</button>
</div>
</section>
<section class="contact" id="contact">
<div class="social">
<a href="#"><i class="bx bxl-facebook"></i></a>
<a href="https://twitter.com/"><i class="bx bxl-twitter"></i></a>
<a href="https://instagram.com/"><i class="bx bxl-instagram"></i></a>
<a href="https://youtube.com/"><i class="bx bxl-youtube"></i></a>
</div>
<div class="links">
<a href="https://nmitydv.github.io/Starbucks.com/">Privacy Policy</a>
<a href="https://nmitydv.github.io/Starbucks.com/">Term of Use</a>
<a href="https://nmitydv.github.io/Starbucks.com/">Our Company</a>
</div>
<p>©All Right Reserved <br>
@Nmitydv_1.4 ♥
</p>
</section>
</body>
</html>