-
Notifications
You must be signed in to change notification settings - Fork 0
/
women.html
134 lines (112 loc) · 6.44 KB
/
women.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
<!Doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ShopIt - Women</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="women.css">
</head>
<body>
<nav class="navbar navbar-expand-lg text-white bg-dark fixed-top" data-bs-theme="dark">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<a class="navbar-brand" href="home.html" id="Web-Head">ShopIt</a>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<div class="nav-links d-flex mx-5">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="men.html">Men</a>
</li>
<li class="nav-item">
<a class="nav-link" href="women.html">Women</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kids.html">Kids</a>
</li>
</ul>
</div>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Find a product" aria-label="Search">
<button class="btn btn-outline-primary" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="loader">
</div>
<div class="contents">
<div class="info">
<h2>Explore the wide range of variety in womens footwear.</h2>
<p>We have the wide ranges and various varieties of the shoes for women's in sports categories.
Products we offer will make you fall in love it.
</p>
<h2>We have shortlisted some items for you.</h2>
<button type="button" class="btn btn-light mx-1 my-4">Explore ↓</button>
</div>
</div>
<div class="products">
<div class="card" style="width: 18rem;">
<img src="https://rukminim1.flixcart.com/image/832/832/xif0q/shoe/j/o/u/-original-imaghvb6pxynaurx.jpeg?q=70" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Puma Shoes</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Checkout</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://rukminim1.flixcart.com/image/832/832/xif0q/shoe/i/g/k/4-gc0050-6-5-reebok-black-original-imagmxp2wupjrg2k.jpeg?q=70" class="card-img-top image-prop" alt="...">
<div class="card-body">
<h5 class="card-title">Reebok Shoes</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Checkout</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://rukminim1.flixcart.com/image/832/832/xif0q/shoe/r/k/x/6-17617-skechers-nvmt-original-imag7dfhcmjghzhk-bb.jpeg?q=70" class="card-img-top image-prop" alt="...">
<div class="card-body">
<h5 class="card-title">Skechers Shoes</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Checkout</a>
</div>
</div>
</div>
<footer class="py-5 bg-dark text-white">
<div class="row">
<div class="col-7 col-md-4 mb-1 px-5">
<h5>About Us</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="home.html" class="nav-link p-0 text-white">Home</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">Features</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">Pricing</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">FAQs</a></li>
<li class="nav-item mb-2"><a href="about.html" class="nav-link p-0 text-white">About</a></li>
</ul>
</div>
<div class="col-md-4 offset-md-2 mb-3">
<form>
<h5>Subscribe</h5>
<p>Subscribe for the daily updates.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="text" class="form-control" placeholder="Email address">
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 px-4 border-top">
<p>© 2023 Company, Inc. All rights reserved.</p>
<div class="dev px-5 mx-5 text-white">
<b>Developed by</b> <br> Devashish Roy Chowdhury <br>
<a href="https://www.facebook.com/profile.php?id=100008369505078" target="_blank"><i class="fa-brands fa-facebook" style="color: #1764e8;"></i></a>
<a href="https://www.linkedin.com/in/devashish-roy-chowdhury" target="_blank"><i class="fa-brands fa-linkedin fa-xl" style="color: rgb(31, 31, 228)"></i></a>
<a href="https://github.com/devashishroychowdhury" target="_blank"><i class="fa-brands fa-github fa-xl" style="color: #080c11;"></i></a>
</div>
</div>
</footer>
</body>
</html>