-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
154 lines (141 loc) · 7.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Link to local CSS file -->
<link rel="stylesheet" href="css/main.css">
<!-- Jquery library -->
<script type="text/javacsript" src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/jquery.slim.min.js"></script>
<!-- Bootstrap files -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
<title>E-marketplace</title>
</head>
<body>
<!-- Header starts -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
<div class="container">
<!-- Website logo -->
<div class="navbar-header">
<a href="index.html" class="navbar-brand">E-marketplace</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mynavbar" aria-controls="mynavbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<!-- Website Links -->
<div class="collapse navbar-collapse" id="mynavbar">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="index.html" class="nav-link active">Home</a>
</li>
<li class="nav-item">
<a href="signup.html" class="nav-link">Sign Up</a>
</li>
<li class="nav-item">
<a href="login.html" class="nav-link">Login</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- /Header-->
<!-- Main body content -->
<header>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
<div class="carousel-inner" role="listbox">
<!-- Slide One -->
<div class="carousel-item active" style="background-image: url('img/home/shirt.jpg')">
<div class="carousel-caption d-md-block">
<h2 class="display-4">Men's Shirts</h2>
<p class="lead">Premium quality fabric from best brands.<br>Plain - Checkered - printed</p>
</div>
</div>
<!-- Slide Two -->
<div class="carousel-item" style="background-image: url('img/home/watch.jpg">
<div class="carousel-caption d-md-block">
<h2 class="display-4">Watches</h2>
<p class="lead">Get best wrist watches for men and women. <br>Chronograph - Analog - Digital</p>
</div>
</div>
<!-- Slide Three -->
<div class="carousel-item" style="background-image: url('img/home/t-shirt.jpg')">
<div class="carousel-caption d-md-block">
<h2 class="display-4">T-shirts</h2>
<p class="lead">Trendy collection of printed & solid t-shirts & polos.<br>Unisex - High quality print - Bright coloured</p>
</div>
</div>
<!-- Slide Four -->
<div class="carousel-item" style="background-image: url('img/home/sunglasses.jpg')">
<div class="carousel-caption d-md-block">
<h2 class="display-4">Sunglasses</h2>
<p class="lead">Protect your eyes with fasion. <br>Polarised - Antiglare - Strong build</p>
</div>
</div>
<!-- Slide Five -->
<div class="carousel-item" style="background-image: url('img/home/shoes.jpg')">
<div class="carousel-caption d-md-block" >
<h2 class="display-4">Shoes</h2>
<p class="lead">Best quality shoes for all ocassions. <br>Sneakers - Lofers - Sport shoes</p>
</div>
</div>
<!-- Slide ends -->
</div>
<!-- Navigation buttons-->
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<!-- /Navigation buttons -->
</div>
</header>
<section class="py-5 home-center-content">
<div class="container">
<h1 class="display-4">Welcome to E-marketplace</h1>
<p class="lead">
<b>Huge Discountes - High Quality Products - Fast Delivery - Customer Support</b>
<br> <br> Online Shopping Site for Fashion & Lifestyle in India.
Buy Shoes, Clothing, Accessories and lifestyle products for men & women. <br>
Get the latest trends ruling the charts in India. With the most fashionable range of apparels, accessories, and more. <br> E-marketplace will be your favourite of all online shopping sites.
</p>
</div>
</section>
<section>
<div class="container home-banner">
<div class="home-content">
<a href="product.html" class="btn btn-dark">
<h4 class="display-4">
Visit Store
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-arrow-right-circle-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-11.5.5a.5.5 0 0 1 0-1h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5z"/>
</svg>
</h4>
</a>
</div>
</div>
</section>
<!-- /Main body content -->
<!-- Footer-->
<footer>
<div class="container home-center-content">
<p class="lead">
Copyright © E-marketplace | All Rights Reserved | Contact Us: +91 90000 00000
</p>
</div>
</footer>
<!-- /Footer-->
</body>
</html>