Repository navigation
Expand file tree
/
Copy pathMain project.html
More file actions
56 lines (55 loc) · 2.97 KB
/
Copy pathMain project.html
File metadata and controls
56 lines (55 loc) · 2.97 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sundar sports website</title>
</head>
<body bgcolor="yellow">
<style>
div { position: absolute; padding: 2mm; border: 3mm groove darkslateblue }
#n1 { background-color:darkblue; top:35%; left: 0; right: 75%; bottom: 30% }
#n2 { background-color:darkcyan; top: 35%; left: 25%; right: 50%; bottom: 30% }
#n3 { background-color:darkmagenta; top: 35%; left: 50%; right: 25%; bottom: 30% }
#n4 { background-color:darkorchid;top: 35%; left: 75%; right: 0; bottom: 30% }
</style>
<h1 align="center" style="color:blue; text-shadow: 2px 2px 2px black;"><b><u>SUNDAR SPORTS SHOP</u></b></h1>
<marquee direction="left" width="100%" height="100" scrollamount="10" vspace="2" bgcolor="red"><h2 style="color:greenyellow; font-size: xx-large;">A good oppurtunity to explore your sports interest with affordable price.Don't miss it out!!</h2></marquee>
<div id="n1">
<a href="football.html" target="_blank"><button onclick="myFunction()"><img width="100%" height="100%" alt="Football" src="football.jpeg" ></button></a>
<script>
function myFunction() {
alert("You have selected Football")
}
</script>
</div>
<div id="n2">
<a href="cricket.html" target="_blank"><button onclick="myFunction1()"><img width="100%" height="165px" alt="Cricket" src="cricket.jpeg" ></button></a>
<script>
function myFunction1() {
alert("You have selected Cricket")
}
</script>
</div>
<div id="n3">
<a href="badminton.html" target="_blank"><button onclick="myFunction2()"><img width="100%" height="100%" alt="Badminton" src="badminton.jpeg" ></button></a>
<script>
function myFunction2() {
alert("You have selected Badminton")
}
</script>
</div>
<div id="n4">
<a href="volleyball.html" target="_blank"><button onclick="myFunction3()"><img width="100%" height="100%" alt="Volleyball" src="volley ball.jpeg" ></button></a>
<script>
function myFunction3() {
alert("You have selected Volleyball")
}
</script>
</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h1 style="color:purple;">  Football        Cricket       Badminton       Volleyball</h1>
<h1> These are the available and most sought after sports from our shop</h1>
<h2 style="color:navy;"> Do explore it and enjoy by clicking on the image!!!</h2>
<marquee direction="left" width="100%" height="75px" scrollamount="7" vspace="2" bgcolor="lightpink"><h2 style="color:darkblue; font-size: xx-large;">If you have any queries you may call to +91-9445226809 or fill out this<a href="form.html" target="_blank"><i><b> Form </b></i></a>Thank you!!</h2></marquee>
</body>
</html>