forked from iith-nss/iith_nss_jekyll
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevents.html
161 lines (150 loc) · 6.11 KB
/
events.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
---
layout: default
title: Events
---
<!-- Start your project here-->
<!-- first section - Home -->
<div class="home">
<div class="container" style="padding-top: 20px">
<h1 class="animated fadeIn display-4 text-center text-light">EVENTS</h1>
</div>
</div>
<!-- /first section -->
<!--EVENTS-->
<!-- Ongoing/Upcoming Events Card -->
<div class="container">
<div class="row">
<div class="container col-md-5" style="padding: 10px 0px 20px">
<div class="card card-cascade wider reverse">
<!-- Card image -->
<div class="view view-cascade overlay">
<img
class="card-img-top"
src="./assets/images/events/Registrationday/DSC_0092.JPG"
alt="Card image cap"
/>
<div class="mask rgba-white-slight"></div>
</div>
<!-- Card content -->
<div class="card-body card-body-cascade text-center">
<!-- Trigger the modal on click -->
<a href="#" data-toggle="modal" data-target="#myModal1">
<!-- Title -->
<h4 class="card-title text-dark"><strong>ONGOING/UPCOMING EVENTS</strong></h4>
<!-- Subtitle -->
<h6 class="font-weight-bold indigo-text py-2">
"Don't miss out on these events! Click here to find out more about them..."
</h6>
<!-- Text -->
<p class="card-text">
Find information regarding the events currently being conducted by NSS IIT Hyderabad. The theme and details for each event (online/offline) along with the concerned timings can be found here. The submission links for online events are also included here.
</p>
</a>
</div>
</div>
</div>
<!-- Card -->
<!-- Event Descriptions Card -->
<div class="container col-md-5" style="padding: 10px 0px 20px">
<div class="card card-cascade wider reverse">
<!-- Card image -->
<div class="view view-cascade overlay">
<img
class="card-img-top"
src="./assets/images/events/Plantation/PLA.jpg"
alt="Card image cap"
/>
<div class="mask rgba-white-slight"></div>
</div>
<!-- Card content -->
<div class="card-body card-body-cascade text-center">
<!-- Trigger the modal on click -->
<a href="#" data-toggle="modal" data-target="#myModal2">
<!-- Title -->
<h4 class="card-title text-dark"><strong>PAST EVENTS</strong></h4>
<!-- Subtitle -->
<h6 class="font-weight-bold indigo-text py-2">
"Click here to find out more about the events conducted this academic year..."
</h6>
<!-- Text -->
<p class="card-text">
Find information regarding the events that were conducted by NSS IIT Hyderabad in the current academic year. The theme and details for each event (online/offline) along with the concerned timings can be found here.
</p>
</a>
</div>
</div>
</div>
<!-- Card -->
</div>
<div class="row">
<div class="container col-md-5" style="padding: 10px 0px 20px">
<div class="card card-cascade wider reverse">
<!-- Card image -->
<div class="view view-cascade overlay">
<img
class="card-img-top"
src="./assets/images/events/Swacchata hi seva/DSC_0346.JPG"
alt="Card image cap"
/>
<div class="mask rgba-white-slight"></div>
</div>
<!-- Card content -->
<div class="card-body card-body-cascade text-center">
<a href="events/event-descriptions.html">
<!-- Title -->
<h4 class="card-title text-dark"><strong>EVENT DESCRIPTIONS</strong></h4>
<!-- Subtitle -->
<h6 class="font-weight-bold indigo-text py-2">
"Click here to find out about the various events conducted throughout the year..."
</h6>
<!-- Text -->
<p class="card-text">
Read about the different types of events which are conducted by NSS IIT Hyderabad for the students in order to instill a sense of selflessness in them. They intend to promote the motto of NSS- "Not me, but you" via relevant themes to spark the interest of the participants.
</p>
</a>
</div>
</div>
</div>
<!-- Card -->
</div>
</div>
<!-- Modal -->
<div id="myModal1" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Choose from one of the options given below: </h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<a href="events/online-events.html"><button type="button" class="btn btn-primary btn-lg text-center">Online Events</button></a>
<br>
<a href="events/offline-events.html"><button type="button" class="btn btn-primary btn-lg text-center">Offline Events</button></a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div id="myModal2" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Choose from one of the options given below: </h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<a href="events/past-online-events.html"><button type="button" class="btn btn-primary btn-lg text-center">Online Events</button></a>
<br>
<a href="events/past-offline-events.html"><button type="button" class="btn btn-primary btn-lg text-center">Offline Events</button></a>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>