forked from DPrinceKumar/Sport-club-project
-
Notifications
You must be signed in to change notification settings - Fork 0
/
swimming.html
144 lines (140 loc) · 6.01 KB
/
swimming.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
<html>
<head>
<title> Swimming Club</title>
<link rel="stylesheet" href="Css/Sports-page.css" type="text/css">
<script src="https://kit.fontawesome.com/a2e111ef51.js" crossorigin="anonymous"></script>
<script>
function validateForm() {
alert("called");
var x = document.getElementById("email").value;
if (x == "" || !x.includes("@")) {
alert("Name must be filled out");
document.getElementById("erroremail").innerHTML = "Email is invalid";
return false;
}
else{
document.getElementById("erroremail").innerHTML = "";
}
var y = document.getElementById("name").value;
if (y == "") {
document.getElementById("errorname").innerHTML = "Name should not be blank";
return false;
}
else{
document.getElementById("errorname").innerHTML = "";
}
}
</script>
</head>
<body>
<div class="header">
<div class="menu">
<ul>
<a href="index.html"><li class="active"><i class="fas fa-home"></i> Home</li></a>
<a href="Swimming-Team.html"><li><i class="fas fa-users"></i> Team</li></a>
<a href="Image-gallery.html"><li><i class="fas fa-images"></i> Galery</li></a>
<a href="About.html"><li><i class="fas fa-user-alt"></i> About us</li></a>
<li><a href="#" class="login"><span>Login</span></a></li>
</ul>
</div>
</div>
<div class="icon-bar">
<a class="active-1" href="index.html"><i class="fa fa-home"></i></a>
<a href="login.html"><i class="fa fa-sign-in-alt"></i></a>
<a href="About.html"><i class="fas fa-user-alt"></i></a>
<a href="Image-gallery.html"><i class="fa fa-images"></i></a>
</div>
<div class="main" >
<img src="Image/swimheader.jpg" alt="cricket header">
<div class="patternbreaker">
<img src="Image/ru.jpg">
<h1><img src="Image/swim.png" alt="icon" id="Boxing"></i>Swimming</h1>
</div>
<div class="content">
<hr id="hor-line">
<p>If you think sports is hard , try doing it while holding your breath.Yes we are the people who do
the wildest type of sports. We mold and nurture our members in a way they they become unstoppable.
The club is free to welcome all .. only thing necessary to enter is a will to do anything. So welcome..
</p>
<hr id="hor-line">
</div>
<div class="con">
<div class="events">
<p id="events-info-1">Upcomming Events</p>
<hr>
<p id="events-info-2"> No Upcomming Events</p>
</div>
<p id="event-done-till-now"><u><span>E</span>vents <span>D</span>one <span>T</span>ill <span>N</span>ow</u> </p>
<div class="event-done">
<div class="event-1">
<img src="Image/pool1.jpg" alt="Glimpses of LPU’s Olympic-size Swimming Pool" height="200px" width="200px">
<p>Glimpses of LPU’s Olympic-size Swimming Pool</p>
<a href="http://happenings.lpu.in/lpu-swimming-pool/"><input type="button" value="Learn More" class="learn-more-2"></a>
</div>
<div class="event-2">
<img src="Image/pool2.jpg" alt=" LPU organizing All India Inter-University Aquatics Championship Men" height="200px" width="200px">
<p>LPU organizing All India Inter-University Aquatics Championship Men</p>
<a href="https://www.lpu.in/FullNewsRelease/National-Volleyball-Championship-inaugurated-at-LPU.php"><input type="button" value="Learn More" class="learn-more-2"></a>
</div>
<div class="event-3">
<img src="Image/pool3.jpg" alt="600+ swimmers from 140+ Universities of all Indian Zones are competing
" height="200px" width="200px">
<p>600+ swimmers from 140+ Universities of all Indian Zones are competing
</p>
<a href="https://www.lpu.in/FullNewsRelease/National-Volleyball-Championship-inaugurated-at-LPU.php"><input type="button" value="Learn More" class="learn-more-2"></a>
</div>
</div>
</div>
</div>
<div class="bottom-con">
<div class="Join">
<h1>Provide Your details !</h1>
<div class="textbox">
<form>
<p> Email :<input class="textbox error" type="email" id="erroremail" required ></p>
<p> Name:<input class="textbox error" type="text" required id="errorname"></p>
<p><input class="button" type="submit" value="Submit" onclick="validateForm()"> </p>
<p><input class="button" type="reset" value="Reset" onclick="validateForm()"> </p>
</form>
</div>
<div class="follow">
<span><img src="image/swim.png" / style="margin-bottom: 50px;"></span>
<div class="social-media">
<img src="Image/instagram.png">
<img src="Image/facebook.png">
<img src="Image/twitter.png"><br>
<input class="button" type="button" value="Join us" id="reg">
</div>
</div>
<div class="clear"></div>
</div>
<div class="footer">
<div class="footer-content">
<p> <big>Sports club Community</big><br>
<br>Sports Club is a division of New
<br>Lpu Sports Association,Inc. a not-for-profit corporation.
<br>Sports Club Community has carving skills of many in our communitiess
<br>independent nonprofit Organisation.</p>
<br>
<br>
<br>
<p id="copy"><i class="far fa-copyright"></i> Sports Club</p>
</div>
<div class="Contact-us">
<p><big><i class="fas fa-map-marked-alt"></i> CONTACT US </big><br><br>
Main Gate,<br>
Pahgwada<br>
1-877-486-9414<br>
Lpu University.<br><p>
</div>
<div class="Get-connected">
<p><big><i class="fas fa-link"></i> GET CONNECTED</big><br><br>
<i class="fab fa-facebook"></i> Facebook<br>
<i class="fab fa-twitter"></i> Twitter<br>
<i class="fab fa-youtube"></i> YouTube<br>
<i class="fab fa-instagram"></i> Instagram<br></p>
</div>
<hr>
</div>
</body>
</html>