-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
197 lines (177 loc) · 9.79 KB
/
index.html
File metadata and controls
197 lines (177 loc) · 9.79 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSA</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-md bg-light navbar-light sticky top">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="images\logo1.jpeg" alt="logo" class="navlogo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="us.html" target="_blank">Meet Us</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="events.html" target="_blank">Events</a>
</li>
<li class="nav-item dropdown active">
<a class="nav-link dropdown" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Gallery
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="gallery.html" target="_blank">Photo Gallery</a>
<a class="dropdown-item" href="art.html" target="_blank">Art Gallery</a>
<a class="dropdown-item" href="countdown.html" target="_blank">Videos</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="news.html" target="_blank">News</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="slides" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#slides" data-slide-to="0"></li>
<li data-target="#slides" data-slide-to="1"></li>
<li data-target="#slides" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images\img_1.jpeg">
<div class="carousel-caption">
<h1 class="display-2">CSA</h1>
<h3>Family</h3>
</div>
</div>
<div class="carousel-item">
<img src="images\img_2.jpeg">
<div class="carousel-caption">
<h1 class="display-2">CSA</h1>
<h3>Family</h3>
</div>
</div>
<div class="carousel-item">
<img src="images\img_3.jpg">
<div class="carousel-caption">
<h1 class="display-2">CSA</h1>
<h3>Family</h3>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row jumbotron">
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9 col-xl-10">
<p class="lead">
Steep falls in life are difficult to overcome. Especially when its your maiden fall.
Admission into MEC for almost all of us was a result of such a fall.
With it's small campus, MEC wasnt the college of our dreams to any extent and hence we all were disappointed.
</p>
<p class="lead">The eclipse began to shift when the classes began.
This was when we learned to cherish even those small moments.
</p>
<p class="lead">
If the past one year was a series, it would look something like this: <br>
<br>
Season 1: My classmates are mental!<br>
Season 2: I am mental!! <br>
Season 3: Wallahi, We are all mental!!!<br>
Season 4: Thomas! Thomas!! Thomas!
</p>
<p class="lead">
Yeah, that's CSA for you. We are all geeks with perfect track records from our school days,
all from different backgrounds, all with different skillsets. No two people in CSA are the same.<br><br>
Yet, our unity doesn't seem to have boundaries.
It is this unity of ours that sets us apart from the others. <br>
</p>
<p class="lead">
Every day in CSA is a memory. This class is live and has 61 hearts pumping it to life.
We ain't sad of our past shortcomings nomore coz we are certain, by every passing day,
that we were brought together for a reason and every day, we celebrate this togetherness.<br>
</p>
<p class="lead" id="sign">We are CSA. <br>We make things happen.
</p>
</div>
</div>
</div>
<div class="container-fluid padding">
<div class="row welcome text-center">
<div class="col-12">
<h1 class="display-4">CSA</h1>
</div>
<hr>
<div class="col-12">
<p class="lead">We, on the outside, seems to be a class that has somehow landed from outer space.
We find joy in everything that's happening around us.
The million dollar question hence is quite obvious: How do we do that? <br><br>
We ourselves have the answer : United. </p>
<p class="lead">
Be it happiness or sadness, logical or illogical, relevant or irrelevant, we seem
to celebrate everything and anything together.
The bonding this class has achieved in such a short period of time has been unbelievable,
yet fascinating to each of the onlookers.<br>
Unity though, is not an easy trait to achieve. Especially, when it's a coming together of
people of vast social and linguistic differences.
This gives rise to yet another question : How united?<br></p>
<p class="lead">
Closer analysis has revealed that the past has left significant scars on their majority.
This unity, hence, seems to be the result of those individual attempts trying to turn a
page and start afresh. These collective individual efforts along with that natural teen
desire for frolics seemingly has made CSA that class in everyone's dreams.<br><br>
</p>
<p class="lead">The future of CSA seems bright. We are a multi-talented group facing life with a smile.
If "When spiders unite, they can tie down a lion", and CSA already seem to be a pride of lions...
one can only imagine what's in the making.
</p>
</div>
</div>
</div>
<div>
<hr class="my-4">
</div>
<div class="container-fluid padding">
<div class="row text-center padding">
<div class="col-12">
<h2>Reach Us</h2>
</div>
<div class="col-12 social padding">
<a href="https://instagram.com/sembakam_and_co" target="_blank"><i class="fa fa-instagram fa-2x social"></i></a>
</div>
</div>
</div>
<!-- FOOTER -->
<footer>
<div class="container-fluid padding">
<div class="row text-center">
<div class="col-md-12">
<img src="" class="footerlogo">
<hr class="light">
<p>1010101010</p>
<p>meccsa2k19@gmail.com</p>
<p>CSA, Thrikkakara, </p>
<p> Kerala 682021</p>
</div>
<div class="col-12">
<hr class="light">
<h5>HRT © CSA 2020</h5>
</div>
</div>
</div>
</footer>
</body>
</html>