-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
295 lines (288 loc) · 16.1 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
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
<link rel="stylesheet" href="dist/semantic.min.css">
<link rel="stylesheet" href="css/styles.css" />
<title>Jallikattu</title>
</head>
<body>
<div class="ui container">
<div class="ui top fixed stackable inverted compact icon menu" id="bgmenu">
<!-- <img src="img/hp_logo_small.jpg" alt="Hindustan Petroleum Corporation Limited Future full of Energy."> -->
<div class="item">
<a href="index.html"><span id="head">
JALLIKATTU<br>
<p><em>தமிழனின் வீர மரபு !</em></p>
</span></a>
</div>
<div class="right item">
<a href="#"><i class="video play outline large icon"></i>Watch Live!</a>
</div>
<div class="right item">
<a href="#"><i class="calendar icon"></i>Calender</a>
</div>
<div class="right item">
<a href="photogallery.html"><i class="photo icon"></i>Photo Gallery</a>
</div>
<div class="right item">
<a href="#"><i class="thumbs outline up icon"></i>Register as Volunteer</a>
</div>
<div class="right item">
<a href="#"><i class="info icon"></i>About us</a>
</div>
<div class="right item">
<a href="#"><i class="call icon"></i>Contact us</a>
</div>
<div class="right item">
<a onclick="loginform();"><i class="sign in icon"></i>Sign in</a>
</div>
</div>
<div class="ui top fixed stackable labeled icon menu" id="bgmenu_mobile">
<div class="ui sidebar mobile vertical left menu">
<a href="index.html" class="item"><i class="home large icon"></i>Home</a>
<a onclick="loginform();" class="item"><i class="sign in large icon"></i>Login</a>
<a href="#" class="item">HPCl Stock Price</a>
<a href="#" class="item">Product and Services</a>
<a href="#" class="item">Employee Portal</a>
<a href="#" class="item">Tendres & Contracts</a>
<a href="#" class="item">MyHPCL Mobile App</a>
<a href="#" class="item">GiveItUp Lpg Subsidy</a>
<a href="#" class="item">Career Oppurtunities</a>
<a href="#" class="item">Buisness Oppurtunities</a>
<a href="#" class="item">Contact Us</a>
<a href="#" class="item">feedback</a>
<a href="#" class="item">Complaints</a>
</div>
<div class="item" id="toggle_mobile">
<a href="#"><i class="large sidebar icon"></i></a>
<a href="index.html"><span id="head">
JALLIKATTU<br>
<p><em>தமிழனின் வீர மரபு !</em></p>
</span></a>
</div>
</div>
<div class="ui modal">
<i class="close icon"></i>
<div class="ui two column center aligned grid">
<div class="column six wide form-holder">
<h2 class="center aligned header form-head"><br>Sign in</h2>
<div class="ui form">
<form action="">
<div class="field">
<input type="text" placeholder="username" required="required">
</div>
<div class="field">
<input type="password" placeholder="password" required="required">
</div>
<div class="field">
<input type="submit" value="sign in" class="ui button large fluid green">
</div>
<div class="inline field">
<div class="ui checkbox">
<input type="checkbox">
<label>Remember me</label> <br>
</div>
<label style="text-align:center;"><a href="#" style="text-align:center;">forget password?</a></label>
</div>
</form>
</div>
</div>
<div class="column six wide form-holder">
<h2 class="center aligned header form-head"><br>Register here</h2>
<div class="ui form">
<form action="">
<div class="field">
<input type="text" placeholder="username" required="required">
</div>
<div class="field">
<input type="email" placeholder="email" required="required">
</div>
<div class="field">
<input type="password" placeholder="password" required="required">
</div>
<div class="field">
<input type="password" placeholder="Confirm password" required="required">
</div>
<div class="field">
<input type="submit" value="sign up" class="ui button large fluid green">
</div>
<div></div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="ui grid">
<div class="ui stackable shape hero" id="hero">
<div class="sides">
<div class="active side">
<!-- <div class="ui raised segment"> -->
<a href="#"><img src="img/jallikattu_bullfight.jpg" alt="Jallikattu is not bull fight" ></a>
<!-- </div> -->
</div>
<div class="side">
<a href="#"><img src="img/jallikattu_bullfight1.jpg" alt="Jallikattu"></a>
</div>
<div class="side">
<a href="#"><img src="img/jallikattu_bullfight8.jpg" alt="Jallikattu"></a>
</div>
<div class="side">
<a href="#"><img src="img/jallikattu_bullfight5.jpg" alt="Jallikattu"></a>
</div>
<div class="side">
<a href="#"><img src="img/jallikattu_bullfight7.jpg" alt="Jallikattu"></a>
</div>
<div class="side">
<!-- <div class="ui raised segment"> -->
<a href="#"><img src="img/jallikattu_bull1.jpg" alt="Jallikattu"></a>
<!-- </div> -->
</div>
<div class="side">
<!-- <div class="ui raised segment"> -->
<a href="#"><img src="img/jallikattu_bullfight2.jpg" alt="Jallikattu is not bull fight" ></a>
<!-- </div> -->
</div>
<div class="side">
<!-- <div class="ui raised segment"> -->
<a href="#"><img src="img/jallikattu_bull2.jpg" alt="DOES PETA AIM TO DESTROY INDIAN NATIVE CATTLE BREEDS?"></a>
<!-- </div> -->
</div>
<div class="side">
<!-- <div class="ui raised segment"> -->
<a href="#"><img src="img/jallikattu_bullfight3.jpg" alt="Jallikattu is not bull fight" ></a>
<!-- </div> -->
</div>
</div>
</div>
</div>
<div class="ui container">
<div id="sub_title">Native Breeds</div>
<div class="ui equal width grid stackable cards">
<div class="ui column card" id="cardid">
<div class="ui circular image">
<img id="pic" class="ui image" src="img/cattle_kangayam.jpg" alt="kangayam cattle" href="#" ></img>
</div>
<div class="content">
<a href="#" class="header"><font style="color:red">Kangayam </font> Cattle</a>
</div>
<div class="description">
<h4>Origin: Tiruppur district in Tamilnadu</h4>
<p>
This breed, in its native area, is also known by other names of Kanganad and Kongu though the name Kangayam is well-known.
These cattle are bred in the southern and southeastern area of the Erode district of Tamilnadu in India.
Best suited for ploughing and transport. Withstands hardy conditions.
</p>
</div>
<div class="ui button" id="butt"><button class="ui basic blue small button" href="#">View</button></div>
</div>
<div class="ui column card" id="cardid">
<div class="ui circular image">
<img id="pic" class="ui image" src="img/cattle_pulikulam.jpg" alt="Pulikulam Cattle" href="#" ></img>
</div>
<div class="content">
<a href="#" class="header"><font style="color:red">Pulikulam </font> Cattle</a>
</div>
<div class="description">
<h4>Origin: Teni district in Tamilnadu</h4>
<p>
Previously found all over Nilakkottai, Nattam (both in Dindigul dt.), Madurai, Teni, Sivagangai and Ramanathapuram dts.
now to be found mainly in the Cumbum valley of Teni dt. Used for bull baiting and draught.
Predominantly bred by the Konar communit and part of its lifestyle.
</p>
</div>
<div class="ui button" id="butt"><a href="#"><button class="ui basic blue small button" onclick="lubes.html">View</button></a></div>
</div>
<div class="ui column card" id="cardid">
<div class="ui circular image">
<img id="pic3" class="ui image" src="img/cattle_umblacheri.jpg" alt="Umblachery Cattle" href="#" ></img>
</div>
<div class="content">
<a href="#" class="header"><font style="color:red">Umblachery </font> Cattle</a>
</div>
<div class="description">
<h4>Origin: Tanjore district in Tamilnadu</h4>
<p>
Bulls are fearly temperament. They are used for ploughing in Thanjore delta area.
Calves are red in colour when born and become grey in colour after 6 months of age.
Cows are poor milker with average milk yield of 300 kg/lactation.
Male animals are good for hard work.
</p>
</div>
<div class="ui button" id="butt"><button class="ui basic blue small button" href="#">View</button></div>
</div>
</div>
<div class="ui grid stackable" id="grid2">
<div class="ui eight wide column" id="hpintro">
<iframe width="560" height="315" src="https://www.youtube.com/embed/no8-RcTP2rs?start=164" frameborder="0" allowfullscreen></iframe>
</div>
<div class="ui eight wide column" id="hpintro">
<div class="ui three equal height stackable row">
<div><font style="color:black; font-size:180%;">Latest News...</font></div>
<div class="ui divider"></div>
<div class="ui row" id="rows3">
<div class="header" style="font-size:18px;"><strong>Several Jallikattu Supporters Detained In Tamil Nadu</strong></div>
<div class="meta" style="color:grey;"><font style="color:red">Tamil Nadu News </font> | Press Trust of India | Sunday January 15, 2017 </div>
<div style="font-size:15px;">
Police today detained several people for trying to organise Jallikattu despite a ban on the sport in place.
Several people were detained at Mudakathan, Alanganallur, Palamedu and Vilangudi in Madurai district, at Nallampatti in
Dindigul district and Pottuchavadi inThanjavur district of Tamil Nadu.
<a href="#">read more...</a>
</div>
</div>
<div class="ui divider"></div>
<div class="ui row" id="rows3">
<div class="header" style="font-size:18px;"><strong>Tamil Superstar Rajinikanth Says He Supports Jallikattu</strong></div>
<div class="meta" style="color:grey;"><font style="color:red">Tamil Nadu News </font> | Press Trust of India | Sunday January 15, 2017 </div>
<div style="font-size:15px;">
After top star Kamal Haasan extended his support for Jallikattu a few days ago,
Tamil super star Rajinikanth said the bull-taming sport should be held in tune with Tamil culture.
  <a href="#">read more...</a>
</div>
</div>
</div>
</div>
</div>
</div>
<marquee behavior="scroll" direction="left"><a href="http://jallikattu.in/wp-content/uploads/2015/01/judgement_05_2014.pdf" target="_blank">Download a copy of the Judgement Order Copy of the Supreme Court of india banning Jallikattu.</a></marquee>
<div class="ui labled stackable icon bottom menu footer" id="footermenu">
<span id="footertext" style="float: left">follow us on:</span>
<div class="right item">
<a href="#"><i class="facebook black large icon"></i>facebook</a>
</div>
<div class="right item">
<br> <a href="#"><i class="google plus black large icon"></i> Google plus</a>
</div>
<div class="right item">
<br> <a href="#"><i class="linkedin black large icon"></i> LinkedIn</a>
</div>
<div class="right item">
<br> <a href="#"><i class="twitter black large icon"></i>Twitter</a>
</div>
<div class="right item">
<br> <a href="#"><i class="instagram black large icon"></i>Instagram</a>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="dist/semantic.min.js"></script>
<script>
$('#toggle').click(function(){
$('.ui.sidebar').sidebar('toggle');
});
$('#toggle_mobile').click(function(){
$('.ui.sidebar.mobile').sidebar('toggle');
});
function flip(){
$('.ui.shape.hero').shape('flip right');
}
setInterval(flip, 3000);
function loginform(){
$('.ui.modal').modal('show');
}
</script>
</body>
</html>