-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
204 lines (142 loc) · 7.02 KB
/
index.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="resp.css">
<title>Chess Club - IIITDMJ</title>
</head>
<body>
<nav class="txt nav bg">
<ul class="navlist">
<div class="txt logo"><img src="img/logo.jpeg" alt="logo"></div>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#achievements">Achievements</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
<div class="rightbar">
<button class="btn smallbtn" id="loginpage">Login</button>
<button class="btn smallbtn" id="signuppage">SignUp</button>
</div>
<div class="menu">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</nav>
<section class="bg home">
<div class="homebox">
<div class="intro">
<h1 class="animate" id="home">Welcome to our Club !</h1>
<p class="text-small hometxt">We provide best learning techniques you can join us to learn or participate in upcoming tournaments.</p>
<div class="buttons">
<a href="https://lichess.org/team/chess-club-iiitdmj" target ="_blank"> <input class="btn" type=button value='Join Us'> </a>
<a href="https://www.chess.com/member/chessclub_iiitdmj" target ="_blank"> <input class="btn" type=button value='Play now'> </a>
</div>
</div>
<div class="photo">
<img src="img/image3.jpg" alt="chess image">
</div>
</div>
</section>
<b><p class="tag text-big" id="about">About Us</p></b>
<section class="about">
<div class="para">
<p class="text-small">IIITDMJ Chess Club is one of the successful clubs of IIITDM Jabalpur. Being the official Club of the Institute, it primarily focuses on the development of an individual as a sportsperson. A perfect place where you can convert your stress into something great. The club has so far won many competitions major highlight of includes 1 Inter IIIT title and Gusto every year. Every year the club has witnessed constant improvement in its journey be it be in the rise of its members or achievements. Club regularly organizes training sessions and events for its members for the complete development of an individual as a sportsperson.</p>
</div>
<div class="thumbnail">
<img src="https://source.unsplash.com/900x900/?chess,chessclub,chessboard,chesstournament" alt="chess image" class="imgFluid">
</div>
</section>
<b><p class="tag text-big" id="gallery">Gallery</p></b>
<div class="gallery" id="slider">
<figure>
<img src="gallery/img1.jpg" alt="chess image" >
<img src="gallery/img2.jpg " alt="chess image" >
<img src="gallery/img3.jpg " alt="chess image" >
<img src="gallery/img4.jpg " alt="chess image" >
<img src="gallery/img5.jpg " alt="chess image" >
<img src="gallery/img6.jpg " alt="chess image" >
<img src="gallery/img7..jpg " alt="chess image" >
<img src="gallery/img8.jpg " alt="chess image" >
<img src="gallery/img9.jpg " alt="chess image" >
<img src="gallery/img10.jpg " alt="chess image" >
<img src="gallery/img11.jpg " alt="chess image" >
<img src="gallery/img12.jpg " alt="chess image" >
<figure>
</div>
<div>
<b><p class="tag text-big" id="achievements">Achievements</p></b>
</div>
<div class="achievement">
<div class="card">
<div class="cardimg">
<img src="img/image1.jpg" alt="chess image" class="imgFluid" >
</div>
<div class="cardcontent">
<h2>Achievement 1</h2>
<p>One student got 3rd place in the Below 1500 Rating Chess Tournament among 522 players. Event happened on 30th January, 2021.</p>
</div>
</div>
<div class="card">
<div class="cardimg">
<img src="img/image1.jpg" alt="chess image" class="imgFluid" >
</div>
<div class="cardcontent">
<h2>Achievement 2</h2>
<p>one student played the Inter-Continental Chess FIDE Challenge Tournament organised online. It was an International Tournament where 456 participants from different countries took part</p>
</div>
</div>
<div class="card">
<div class="cardimg">
<img src="img/image1.jpg" alt="chess image" class="imgFluid" >
</div>
<div class="cardcontent">
<h2>Achievement 3</h2>
<p>Our girls team won silver medal in The world championship among girls under 18 years (2015, Spain)</p>
</div>
</div>
<div class="card">
<div class="cardimg">
<img src="img/image1.jpg" alt="chess image" class="imgFluid" >
</div>
<div class="cardcontent">
<h2>Achievement 4</h2>
<p>One students Participated in the World Cup under 17-24 years (2017, Batumi)</p>
</div>
</div>
</div>
<b><p class="tag text-big">Contact Us</p></b>
<div class="contact-main">
<p class="contacttxt" id="contact">Office Bearers </p>
<!-- <div class="contactbox"> -->
<p class="contactbox">Coordinator: Ayush Goyal <br>
[email protected] <br>
9993462584</p>
<p class="contactbox">Co-coordinator: Prashant Kumar <br>
[email protected] <br>
6392302683 </p>
<p class="contactbox">Ex-coordinator: Abhishek Singh <br>
[email protected] <br>
7388648222</p>
<div class="last">
<div class="reach">
<p class="contacttxt text-big">Follow us at - </p>
<div class="reachbtn">
<a href="https://www.chess.com/member/chessclub_iiitdmj" target ="_blank"> <input class="btndark" type=button value='Chess.com'> </a> <br>
<a href="https://lichess.org/@/chessclub_iiitdmj" target ="_blank"> <input class="btndark" type=button value='Lichess'> </a> <br>
</div>
<p class="txtbg">or mail us at [email protected].</p>
</div>
</div>
</div>
<footer class="bg">
<p class="footertext">
Copyright © 2022
</p>
</footer>
</body>
</html>