-
Notifications
You must be signed in to change notification settings - Fork 1
/
about_us.php
166 lines (121 loc) · 7.36 KB
/
about_us.php
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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="htmlcss bootstrap menu, navbar, mega menu examples" />
<meta name="description" content="Navigation menu with submenu examples for any type of project, Bootstrap 4" />
<title>About Us | BSW</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<style type="text/css">
body{
background-color: #a4e7f055;
}
.about-us-title{
font-size: 4rem;
opacity: 0.6;
}
.about-us-text{
color: #fff;
font-weight: medium;
font-size:1rem;
margin-bottom: 20px;
}
#about-us{
padding-top:60px;
margin-top:0px;
background-image: linear-gradient(90deg, #67B26F 0%, #4CA2CD 100%);
}
</style>
</head>
<body >
<?php require 'components/header.php'; ?>
<?php require 'components/back_to_top.php'; ?>
<div id="about-us">
<br />
<div class="container">
<div class="row justify-content-center">
<div class="col-12 justify-content-center my-2">
<h1 class="about-us-title"> About Us <small>| Board for Student Welfare, IIT Delhi</small></h1>
</div>
</div>
</div>
</div>
<div class="container" id="softwares-list">
<div class="row justify-content-center my-4 mx-2">
<div class="col-12 col-md-6 my-4" >
<img src="images/op_orientation/12.JPG" width="100%" height="100%" style="border-radius:20px; object-fit: cover; ">
</div>
<div class="col-12 col-md-5 card my-4" style="text-align: center; padding:20px; border-radius: 20px;">
<strong><h1 class="card-header" style="border-radius: 20px; border:none; margin: 10px;">Our Objective</h1></strong>
<p style="font-size:1.2rem">BSW (Board for Student Welfare) is a constituent body of the Student Affairs Council (SAC).<br> BSW's primary objective is identifying the issues faced by the student community related to academics, social life, mental health and career, and address them through welfare activities and mentorship programs. </p>
</div>
</div>
<div class="row justify-content-center my-4">
<div class="col-12 my-2" style="text-align: center;">
<strong><h1>How does the board function?</h1></strong>
<p style="font-size:1.2rem">
The Board is majorly divided into 2 units based on their domain of responsibilities -<br> <span class="fa fa-cogs"></span> Operations and <span class="fa fa-users"></span> Mentorship. </p>
</div>
</div>
</div>
<div class="container-fluid" style="background-image: linear-gradient(90deg, #67B26F 0%, rgba(76,162,205,0.80) 100%);" class="my-4">
<div class="row justify-content-center mx-2">
<div class="col-12 col-md-5 my-4 card mx-2" style="text-align: center; margin: 10px; padding:20px; border-radius: 20px ; " id="texto">
<div class="card-header" style="border-radius: 20px; border:none; margin: 10px;">
<strong><h1><span class="fa fa-cogs"></span></h1></strong>
<strong><h1 >Operations</h1></strong>
</div>
<p style="font-size:1.2rem">The operations committee executes welfare activities and provides assistance (financial and in kind) to the students in need. It also looks over SCOOPS, SCS and STIC which is an integral part of BSW. Our activities include smooth induction of the orientation process, setting up of various camps such as cycle camp, book camp, etc., conducting informative sessions and collaborative events, organising Convergenz (annual youth festival) and carrying out various initiatives for student welfare throughout the year. </p>
<h4>Operations Programmes</h4>
<ul class="list-group-flush" style="width: 100%; padding:0;">
<li class="list-group-item list-group-item-action"><a href="orientation.php">Freshers Orientation</a></li>
<li class="list-group-item list-group-item-action"><a href="events.php">All Events</a></li>
<li class="list-group-item list-group-item-action"><a href="scoops.php">SCOOPS</a></li>
<li class="list-group-item list-group-item-action"><a href="career_counselling.php">Career Counselling</a></li>
</ul>
</div>
<div class="col-12 col-md-5 my-4 card mx-2" style="text-align: center; margin: 10px; padding:20px; border-radius: 20px" id="texto">
<div class="card-header" style="border-radius: 20px; border:none; margin: 10px;">
<strong><h1><span class="fa fa-users"></span></h1></strong>
<strong><h1>Mentorship</h1></strong>
</div>
<p style="font-size:1.2rem">The Mentorship Committee of BSW executes & monitors all mentorship initiatives & activities for IIT Delhi students. These include freshers' orientation, mentorship of freshmen students, student-alumni mentorship, academic mentorship, language mentorship, counselling services, etc. On the commencement of one's IITD life, every individual is provided a mentor who is a trained & experienced senior student. The mentor is responsible for making the student capable of taking informed decisions in academic, extra-curricular & personal fronts by sharing unbiased knowledge & experiences. Mentors are also expected to contribute their efforts in other mentorship initiatives. </p>
<h4>Mentorship Programmes</h4>
<ul class="list-group-flush" style="width: 100%; padding:0;">
<li class="list-group-item list-group-item-action"><a href="academic_mentorship.php">Academic Mentorship</a></li>
<li class="list-group-item list-group-item-action"><a href="alumni_mentorship.php">Alumni Mentorship</a></li>
<li class="list-group-item list-group-item-action"><a href="mental_health.php">Mental health Mentorship & Counselling</a></li>
<li class="list-group-item list-group-item-action"><a href="flanguage_mentorship.php">Language Mentorship</a></li>
</ul>
</div>
</div>
</div>
<div class="col-12 my-4" style="text-align: center;">
<strong><h1>BSW Newsletter</h1></strong>The BSW Newsletter is every fresher's first peek into the college life. It contains relevant information about life at college. The newsletter also gives details about the initiatives of BSW designed to help the student community.
<br><a href="misc/bswNewsletter.pdf" target="_blank" rel="noopener noreferrer" class="btn btn-primary mb-4" style={display:inline;}><span class="fa fa-download fa-lg"></span> Download Newsletter</a>
<a href="structure.php">
<br>Meet the team that makes it all happen.
</a>
</div>
</p>
</div>
</div>
</div>
<?php require 'components/footer.php'; ?>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="js/scrollreveal.min.js"></script>
<script>
window.sr = ScrollReveal({reset: true});
window.sr = ScrollReveal();
sr.reveal('#texto', {duration: 700});
$('.carousel').carousel({
pause: "false"
});
</script>
</body>
</html>