-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathShop1.html
166 lines (148 loc) · 7.74 KB
/
Shop1.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<title>SHOP 1</title>
</head>
<body>
<div class="container">
<header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
<a href="#" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<svg class="bi me-2" width="40" height="32">
<use xlink:href="#bootstrap"></use>
</svg>
<span class="fs-4">Shop 1</span>
</a>
<ul class="nav nav-pills">
<li class="nav-item"><a href="home.html" class="nav-link active" aria-current="page">Home</a></li>
<li class="nav-item"><a href="#" class="nav-link">Shopping History</a></li>
<li class="nav-item"><a href="#" class="nav-link">Pricing</a></li>
<li class="nav-item"><a href="#" class="nav-link">FAQs</a></li>
<li class="nav-item"><a
href="index.html"
class="nav-link">LogOut</a></li>
</ul>
</header>
</div>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://source.unsplash.com/1400x300/?groceryshop, market" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h1 style="font-size:90px;">SHOP 1</h1>
<p>I like my freedom. I like to do my own grocery shopping.</p>
</div>
</div>
<div class="carousel-item">
<img src="https://source.unsplash.com/1400x300/?Grocery store, shopping" class="d-block w-100"
alt="...">
<div class="carousel-caption d-none d-md-block">
<h1 style="font-size:90px;"><b>SHOP 1</b></h1>
<p>I like my freedom. I like to do my own grocery shopping.</p>
</div>
</div>
<div class="carousel-item">
<img src="https://source.unsplash.com/1400x300/?shoping mall, grocery" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h1 style="font-size:90px;">SHOP 1</h1>
<p>I like my freedom. I like to do my own grocery shopping.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<nav class="navbar navbar-dark bg-dark">
<!-- Navbar content -->
</nav>
<nav class="navbar navbar-dark bg-primary">
<!-- Navbar content -->
</nav>
<nav class="navbar navbar-light" style="background-color: #e3f2fd;">
<!-- Navbar content -->
</nav>
<div class="container">
<header class="d-flex justify-content-center py-3">
<ul class="nav nav-pills">
<li class="nav-item"><a href="#" class="nav-link active" aria-current="page">Number of people Currently present in the Shop = 23</a></li>
</ul>
</header>
</div>
<p>Chakki 365 in Delhi is one of the leading businesses in the Grocery Stores. Also known for Grocery Stores,
Grocery Home Delivery Services and much more. Find Address, Contact Number, Reviews & Ratings, Photos, Maps of
Chakki 365, Delhi. Chakki 365 in Shaheen Bagh-Jamia Nagar has a wide range of products and / or services to
cater to the varied requirements of their customers. The staff at this establishment are courteous and prompt at
providing any assistance. They readily answer any queries or questions that you may have. This establishment is
functional from delhi.</p>
<p><i><b center>15A-Kailash Colony, New Delhi</b></i></p>
<div class="progress">
<div class="progress-bar bg-warning" role="progressbar" style="width: 100%" aria-valuenow="100"
aria-valuemin="0" aria-valuemax="100"></div>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">An item</li>
<li class="list-group-item">A second item</li>
<li class="list-group-item">A third item</li>
<li class="list-group-item">A fourth item</li>
<li class="list-group-item">And a fifth one</li>
</ul>
<div class="d-flex align-items-end flex-column" style="height: 200px;">
<a href="ShoppingDone.html" target="_blank">
<button class="mt-auto p-2">Shopping Done>></button>
</a>
</div>
<nav class="navbar navbar-light bg-info">
<div class="container-fluid">
<a class="navbar-brand">Comment Box</a>
<form class="d-flex">
<input class="form-control me-2" type="Enter" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Submit</button>
</form>
</div>
</nav>
<div class="card text-center">
<div class="card-header">
Featured
</div>
<div class="card-body">
<h5 class="card-title">OUR TEAM</h5>
<p class="card-text">Contect QueueUp Team on Instagram Cofounders</p>
<a href="#" class="btn btn-secondary">Connect Us</a>
</div>
<div class="card-footer text-muted">
2 days ago
</div>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
-->
</body>
</html>