-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathparvaah.html
135 lines (131 loc) · 11.4 KB
/
parvaah.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="theme-color" content="#ff8832">
<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">
<title>parvaah</title>
<link rel="icon" href="./assets/images/skream icon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="dist/css/bootstrap-material-design.min.css" />
<link rel="stylesheet" href="dist/css/ripples.min.css" />
<link rel="stylesheet" href="dist/css/main.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="dist/css/simple-sidebar.css">
<link href="dist/css/one-page-wonder.css" rel="stylesheet" />
<style>
@font-face {
font-family: "mosk";
src: url('assets/font/MB700.ttf');
src: url('assets/font/MN400.ttf');
}
h2 {
background-color: #EEEEEE;
}
</style>
</head>
<body>
<header>
<!-- <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#"> <img src="./assets/images/parvaah/navbar_logo.png" alt="" class="img-re"> </a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li></ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li><li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li></ul> </div></nav> -->
<nav class="navbar navbar-light bg-faded usesvh">
<div class="container-fluid navbar-container usesvh">
<div class="navbar-header">
<div class="center" id="fuck" style="display:inline-block;float:left;"><a onclick="" id="fuck"><i class="fa fa-bars fa-2x" id="bars"></i></a></div>
<a class="navbar-brand usesvh" href="#" style="margin-left: 5px !important;">
<!-- <img src="./assets/images/navbar_logo.png" height="50" id="navbar-logo" alt="" class=""> -->
<p style="font-family: Fold21 !important; color: #ff8832"><strong>SKREAM '18</strong></p>
</a>
</div>
<div class="nav-current" style="">
<p style="font-family: Fold21 !important; color: #ff8832">Parvaah</p>
</div>
</div>
</nav>
</header>
<hr/>
<hr/>
<div class="container usesvh" id="container">
<div id="side-nav" class="side-bar">
<ul class="sidebar-nav">
<!-- <li class="sidebar-brand"> <a href="#"> Start Bootstrap </a> </li>-->
<li> <a href="./index.html"><i class="fa fa-home fa-1x"></i> Home</a> </li>
<li> <a href="./events.html"><i class="fa fa-soccer-ball-o fa-1x"></i> Events</a> </li>
<li> <a href="./Rules.html"><i class="fa fa-map-o fa-1x"></i> Rules</a> </li>
<li> <a href="./Accomodation.html"><i class="fa fa-briefcase fa-1x"></i> Accommodation</a> </li>
<li> <a href="./registration.html"><i class="fa fa-pencil-square fa-1x"></i> Registration</a> </li>
<li> <a href="./parvaah.html"><i class="fa fa-product-hunt fa-1x"></i> Parvaah</a> </li>
<li> <a href="./sponsor.html"><i class="fa fa-handshake-o fa-1x"></i> Sponsors</a> </li>
<li> <a href="./contact.html"><i class="fa fa-id-card-o fa-1x"></i> Contact</a> </li>
</ul>
</div>
<div class="main" id="main">
<div class="container-fluid" id="">
<header class="header">
<div class="headline">
<div class="container">
<div class="col-lg-5"></div>
<div class="col-lg-2" style="text-align: center;"><img class="img-responsive center" src="assets/images/parvahlogo.png" alt="parvaah" style="width:auto; height:150px; display: inline-block;"></div>
<div class="col-lg-5"></div>
</div>
<h2>About</h2>
<div class="col-lg-1"></div>
<div class="col-lg-10">
<p class="lead"> Parvaah is the social initiative of K. J. Somaiya College of Engineering and was born out of the need to give back to the society. Over the years, Parvaah has taken up various social issues such as women’s safety, child welfare, and LGBT rights. This year, Parvaah has taken up the cause of health and sanitation, and its major goal is to make Mumbai a clean and hygienic city. Many famous and distinguished personalities such as Ranbir Kapoor, Maharashtra Chief Minister Devendra Fadnavis, Sushant Singh Rajput, Comedian Kapil Sharma have signed the undertaking and have pledged to support Parvaah in its endeavours. Parvaah has inspired the younger generation to work for the collective good of the society and strives to make the world a better place to live. </p>
</div>
<div class="col-lg-1"></div>
</div>
</div>
</header>
<div class="container">
<hr class="featurette-divider">
<div class="featurette" id="about"> <img class="featurette-image img-circle img-responsive pull-right" src="assets/images/parvaah/beachclean.png">
<h2 class="featurette-heading">Beach Cleanup <span class="text-muted"></span> </h2>
<p class="lead">Under the initiative of health and sanitation, and in accordance with the government’s Swacch Bharat Abhiyan, Parvaah has undertaken the task of beautifying Versova beach. Along with long-time crusader Mr. Afroz Shah who is acknowledged as a United Nations’ Champion of the Earth, Parvaah has organized weekend cleanup drives at Versova beach. It’s an attempt to restore the pride of the beach and make it pristine again. If one wants to bring about a change, then it must come from within oneself, and this is a wonderful opportunity to restore the pride of the city and send a message to the society regarding importance of cleanliness.</p>
</div>
<hr class="featurette-divider">
<div class="featurette" id="contact"> <img class="featurette-image img-circle img-responsive pull-left" src="assets/images/parvaah/secretsanta.png">
<h2 class="featurette-heading">Secret Santa<span class="text-muted"></span> </h2>
<p class="lead"> With an aim to bring smiles on the faces of some beautiful souls, Parvaah organizes this event every year to give something back to the society. Team Parvaah celebrates Christmas with the children in shelter homes and distributes t-shirts, cakes, and other goodies. There is interaction with them to reinforce the fact that they are an integral part of the society. This year, Parvaah also plans to visit an old-age home and initiate conversations and also in the meanwhile, take valuable lessons from the older generation. </p>
</div>
<hr class="featurette-divider">
<div class="featurette" id="services"> <img class="featurette-image img-circle img-responsive pull-right" src="assets/images/parvaah/marathon.png">
<h2 class="featurette-heading">Marathon <span class="text-muted"></span> </h2>
<p class="lead">Parvaah plans to organize a marathon in association with a cancer research institute to raise awareness about the deadly disease. It’s an attempt to educate people about cancer and the ways to fight against it. There will also be a fund-raiser event for the cancer victims, which will be a small step towards helping the patients get cured. </p>
</div>
<hr class="featurette-divider">
<div class="featurette" id="contact"> <img class="featurette-image img-circle img-responsive pull-left" src="assets/images/parvaah/ewaste.png">
<h2 class="featurette-heading">Awareness about electronic waste<span class="text-muted"></span> </h2>
<p class="lead"> In an attempt to raise awareness about the importance of e-waste management, Parvaah has decided to install e-waste bins in the college premises. This will go a long way in the proper disposal of hazardous e-waste, which forms the major constituent of junk in our college. </p>
</div>
<hr class="featurette-divider">
<!-- <footer class="" style="margin: 0px"><div class="container"><div class="" style="display:inline"> <a href="https://www.facebook.com/KJSCESKREAM/" target="_blank"><i id="social-fb" class="fa fa-facebook-square fa-3x social" style="color:#fff;"></i></a> <a href="https://twitter.com/kjsceskream/" target="_blank"><i id="social-tw" class="fa fa-twitter-square fa-3x social" style="color:#fff;"></i></a> <a href="https://youtube.com/kjsceslive/" target="_blank"><i id="social-gp" class="fa fa-youtube-play fa-3x social" style="color:#fff;"></i></a> <a href="https://www.instagram.com/kjscelive/" target="_blank"><i id="social-em" class="fa fa-instagram fa-3x social" style="color:#fff;"></i></a></div><p class="text-muted">Copyright © KJSCE Skream 2017</p></div></footer> -->
</div>
</div>
</div>
</div>
<footer class="" style="margin: 0px">
<div class="container">
<div class="" style="display:inline"> <a href="https://www.facebook.com/KJSCESKREAM/" target="_blank"><i id="social-fb" class="fa fa-facebook-square fa-3x social" style="color:#fff;"></i></a> <a href="https://twitter.com/kjsceskream/" target="_blank"><i id="social-tw" class="fa fa-twitter-square fa-3x social" style="color:#fff;"></i></a> <a href="https://youtube.com/kjscelive/" target="_blank"><i id="social-gp" class="fa fa-youtube-play fa-3x social" style="color:#fff;"></i></a> <a href="https://www.instagram.com/kjscelive/" target="_blank"><i id="social-em" class="fa fa-instagram fa-3x social" style="color:#fff;"></i></a></div>
<p class="text-muted">Copyright © KJSCE Skream 2017</p>
</div>
</footer>
<div class="ext-link">
<ul>
<li><a href="https://www.youtube.com/watch?v=DDHSCajBX6k" target="_blank">Trailer</a></li>
<!-- <li><a href="./gallery.html">Gallery</a></li> -->
</ul>
</div>
<!-- <div class="register center"><i class="fa fa-pencil fa-2x"></i></div>-->
<script src="dist/js/jquery.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/material.min.js"></script>
<script src="dist/js/index.min.js"></script>
<script>
// function ToggleNav(){// $('#container').toggleClass("open1");// $('#main').toggleClass("open");// $('.side-bar').toggleClass("open2");// //flag=(flag==1 ? 0 : 1);//}// $('#fuck').on('click',function(){// ToggleNav();//});// $("#menu-toggle").click(function(e){// e.preventDefault();// $("#wrapper").toggleClass("toggled");//});
</script>
</body>
</html>