-
Notifications
You must be signed in to change notification settings - Fork 0
/
foodadv.html
86 lines (56 loc) · 2.77 KB
/
foodadv.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="foodadv.css">
</head>
<body>
<div class="container">
<div class="buttdiv">
<div class="buttdiv1"> <h1>Shoes Hub</h1></div>
<div class="buttdiv2">
<button data-id="All" class="buttono">All</button>
<button data-id="Sports" class="buttono">Sports</button>
<button data-id="Running" class="buttono">Running</button>
<button data-id="Casual" class="buttono">Casual </button>
</div>
<div class="searhi">
<input class="inmp" placeholder="search for products ,brand and more" type="text">
</div>
<div class="pricerang">
<input class="rangepr"type="range">
<input type="range" id="priceRange" name="priceRange">
<span class="prvalue">jhk</span>
</div>
</div>
<div class="rowcla">
<div class="bac1">
<div class="image"> <img style="width: 100%;height: 100%;" src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt=""></div>
<div class="priceu">
<div class="shoename">
<span> <i> NikeRedsih</i></span>
<button class="buttonrate">4.5 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#ffffff}</style><path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/></svg></button>
<hr>
</div>
<div class="pricedis">
<span class="spanpr">₹35999</span>
<span class="offerpror">₹48999</span>
<span style="color: #0074e4;margin-left: 1%;">48%off</span>
</div>
<div class="bank">
<!-- <div class="icon">
<span><i class="fa fa-tag" style="font-size:25px;color: #0074e4;"></i></span>
</div>
<div class="text">jghgggfgwehkgehgfhkghkfghkegfkhghk</div>
-->
</div>
</div>
</div>
</div>
</div>
<script src="foodadv.js"></script>
</body>
</html>