forked from nilshah98/Symphony-2018
-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
147 lines (130 loc) · 6.57 KB
/
aboutus.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Us</title>
<link rel="stylesheet" type="text/css" href="assets/css/naveffect.css">
<link rel="stylesheet" type="text/css" href="assets/css/timeline.css">
<link rel="stylesheet" type="text/css" href="assets/css/aboutus.css">
</head>
<body>
<div class="container">
<!-- This checkbox will give us the toggle behavior, it will be hidden, but functional -->
<input id="toggle" type="checkbox">
<!-- IMPORTANT: Any element that we want to modify when the checkbox state changes go here, being "sibling" of the checkbox element -->
<!-- This label is tied to the checkbox, and it will contain the toggle "buttons" -->
<label class="toggle-container" for="toggle">
<!-- If menu is open, it will be the "X" icon, otherwise just a clickable area behind the hamburger menu icon -->
<span class="button button-toggle"></span>
</label>
<!-- The nav menu -->
<nav class="nav">
<a class="nav-item" href="index.html">Home</a>
<a class="nav-item" href="aboutus.html">About Us</a>
<a class="nav-item" href="events.html">Events</a>
<a class="nav-item" href="shield.html">KJSCE Shield</a>
<a class="nav-item" href="generalrules.html">General Rules</a>
<a class="nav-item" href="parvaah.html">Parvaah</a>
<a class="nav-item" href="sponsors.html">Sponsors</a>
<a class="nav-item" href="contactus.html">Contact Us</a>
<!-- <a id="navlogo" class="nav-item" href=""><img src="logo.png" style="height: 70px; width: auto;"></a> -->
</nav>
<!-- Just dummy content like in the animated gif -->
<div id="navlogo"><a href="index.html"><img src="dummy.png"></a></div>
</div>
<!-- Fucked up windows, testing git for ubuntu, please work -->
<div class="content">
<div id="main_bg">
<div class="main">
<h1>About Symphony</h1>
<p>
Symphony is the annual cultural festival of KJSCE. Starting out in 1987 as Jamboree, Symphony has come a long way. A mix with all the right ingredients to foster creativity and originality, Symphony is a rendezvous for all the art geeks, drama buffs, music aficionados, literary fanatics and dance enthusiasts. With huge crowds, exuberant participation and eminent personalities like Ustad Zakir Hussain, Sushant Singh Rajput and several others gracing the festival over the course of its history, Symphony offers an escape from reality and an entry into the world of dreams..
</p>
<!-- <hr> -->
<br>
<h1>About KJSCE</h1>
<p>
Set in the heart of Mumbai, KJSCE is located in the Somaiya Vidyavihar campus. With a total of 34 institutions in its 65 acre campus, Somaiya Vidyavihar has become an educational hub. Since its establishment in 1983, KJSCE has grown in leaps and bounds. Boasting of a huge campus and state of the art facilities KJSCE has surpassed many of its contemporaries and presented itself as one of the premier engineering colleges in Mumbai. And with another feather in its cap in the form of being the only self financed Engineering College to be granted autonomous status whilst maintaining its affiliation to the University of Mumbai.</p>
<!-- <hr> -->
<br>
</div>
<section id=timeline>
<!-- <h1>A Flexbox Timeline</h1> -->
<!-- <p class="leader">All cards must be the same height and width for space calculations on large screens.</p> -->
<div class="demo-card-wrapper">
<div class="demo-card demo-card--step1">
<div class="head">
<!-- <div class="number-box">
<span>01</span>
</div> -->
<p><span class="small">1987</span><br>Maiden edition of Symphony under the name of “Jamboree” featuring events like Treasure Hunt and Musical Antakshari.</p>
</div>
<div class="body">
<img src="assets/images/timeline/1987.png" alt="Graphic">
</div>
</div>
<div class="demo-card demo-card--step2">
<div class="head">
<!-- <div class="number-box">
<span>02</span>
</div> -->
<p><span class="small">1994</span><br>Ustad Zakir Hussain performs at Symphony.</p>
</div>
<div class="body">
<img src="assets/images/timeline/1994.png" alt="Graphic">
</div>
</div>
<div class="demo-card demo-card--step3">
<div class="head">
<!-- <div class="number-box">
<span>03</span>
</div> -->
<p><span class="small">1999</span><br>Symphony acclaimed as the ‘Best Festival of Mumbai’, featuring performances by notable stars like Hariharan, Devaki Pandit, Fazal Qureshi, Taufiq Qureshi, Louis Banks, and Sultan Khan.</p>
</div>
<div class="body">
<img src="assets/images/timeline/1999.png" alt="Graphic">
</div>
</div>
<div class="demo-card demo-card--step4">
<div class="head">
<!-- <div class="number-box">
<span>04</span>
</div> -->
<p><span class="small">2009</span><br>Symphony celebrated for 3 days for the first time, on the occasion of the Silver Jubilee of K.J. Somaiya College of Engineering.</p>
</div>
<div class="body">
<img src="assets/images/timeline/2009.png" alt="Graphic">
</div>
</div>
<div class="demo-card demo-card--step5">
<div class="head">
<!-- <div class="number-box">
<span>05</span>
</div> -->
<p><span class="small">2015</span><br>Symphony 2015 was graced by Sushant Singh Rajput and Anu Malik, and saw inception of Parvaah, the social initiative of K.J. Somaiya College of Engineering.</p>
</div>
<div class="body">
<img src="assets/images/timeline/2015.png" alt="Graphic">
</div>
</div>
<div class="demo-card demo-card--step6">
<div class="head">
<!-- <div class="number-box">
<span>06</span>
</div> -->
<p><span class="small">2017</span><br>Symphony hits record-breaking footfall of 15,000, featuring performances from renowned international as well as homegrown artists such as DJ Candice, Kenny Sebastian, and Lagori.</p>
</div>
<div class="body">
<img src="assets/images/timeline/2017.png" alt="Graphic">
</div>
</div>
</div>
</section>
</div>
</div>
</body>
</html>