-
Notifications
You must be signed in to change notification settings - Fork 0
/
badminton.html
86 lines (85 loc) · 3.7 KB
/
badminton.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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>Badminton</title>
</head>
<body bgcolor="green">
<h1 align="center" style="color:black;font-family: 'Times New Roman', Times, serif; text-shadow: 2px 2px 2px whitesmoke;"><u><b>BADMINTON</b></u></h1>
<marquee direction="left" width="100%" height="75px" scrollamount="10" vspace="5" bgcolor="orange"><h1 style="color:darkgreen;">Welcome to Badminton section!!!Have a look at our products.</h1></marquee>
<style>
div { position: absolute; padding: 1mm; border: 3mm groove darkblue }
#n1 { background: lightgreen; top: 30%; left: 0; right: 50%; bottom: -45% }
#n2 { background: lightblue; top: 30%; left: 50%; right: 30%; bottom: 10% }
#n3 { background: lightpink; top: 30%; left: 70%; right: 0; bottom: 10%}
#n4 { background: lightskyblue; top: 90%; left: 50%; right: 0; bottom: -45%}
#n5 { background: lightgoldenrodyellow; top: 145%; left: 0; right: 50%; bottom: -100%}
#n6 { background: lightcyan; top: 145%; left: 50%; right: 0; bottom: -100%}
</style>
<div id="n1">
<img src="yonex.jpg" alt="Yonex" width="100%" height="570px" >
<h2 style="color:black;">Yonex Racket</h2>
<button onclick="myFunction()">Price</button>
<script>
function myFunction() {
alert("You have selected Yonex Shuttle Bat!!-₹200")
}
</script>
</div>
<div id="n2">
<img src="feather.jpg" alt="feather cock" width="100%" height="200px" >
<h2 style="color:black;">Feather Cock</h2>
<button onclick="myFunction1()">Price</button>
<script>
function myFunction1() {
alert("You have selected feather shuttle cock!!-₹20");
}
</script>
</div>
<div id="n3">
<img src="pc.jpg" alt="plastic cock" width="100%" height="200px" >
<h2 style="color:black;">Plastic Cock</h2>
<button onclick="myFunction2()">Price</button>
<script>
function myFunction2() {
alert("You have selected plastic shuttle cock!!-₹30");
}
</script>
</div>
<div id="n4">
<img src="court.jpg" alt="Net" width="100%" height="200px" >
<h2 style="color:black;">Court-Net</h2>
<button onclick="myFunction3()">Price</button>
<script>
function myFunction3() {
alert("You have selected Court-Net!!-₹300");
}
</script>
</div>
<div id="n5">
<img src="jer.jpeg" alt="jer" width="100%" height="200px" >
<h2 style="color:black;">Sports Dress</h2>
<button onclick="myFunction4()">Price</button>
<script>
function myFunction4() {
alert("You have selected Sports dress!!-₹400");
}
</script>
</div>
<div id="n6">
<img src="sh.jpeg" alt="shoe and socks" width="100%" height="200px" >
<h2 style="color:black;">Shoes and Socks</h2>
<button onclick="myFunction5()">Price</button>
<script>
function myFunction5() {
alert("You have selected shoes with socks!!-₹650");
}
</script>
</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2 style="color:black; font-size: x-large;">Please click on the Price button to check our product description</h2>
<h3 style="font-size: x-large;"> For buying your preferrable goods drop in a mail to sundar@sports.com (<abbr title="Cash On Delivery">COD</abbr> also available)</h3>
<h3 style="color:yellow; font-size: x-large;"><b><i><u>Straight 10% discount for the bills more than ₹1600</u></i></b></h3>
<h4 style="font-size: x-large;">This offer is valid only for limited time.Please hurry up!!!</h4>
</body>
</html>