BSW-WEBSITE/informative_sessions.php at master · sharmaharisam/BSW-WEBSITE · GitHub

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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


<title>Informative Sessions | 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"/>
<link href="css/touchTouch.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">

html {
overflow-y: scroll
}
.justifiedGallery {
width: 100%;
margin-bottom: 10px
}
.justifiedGallery .jg-image {
position: absolute;
display: inline-block;
vertical-align: top;
margin-left: 0
}
.justifiedGallery .jg-image img {
border: none;
display: none
}
.justifiedGallery .jg-image a {
text-decoration: none
}
.justifiedGallery .jg-image-label {
white-space: normal;
font: normal 12px arial;
background: #000;
color: #fff;
position: absolute;
left: 0;
right: 0;
padding: 5px 5px 10px 8px;
text-align: left;
opacity: 0;
filter: alpha(opacity=0)
}
.justifiedGallery .jg-loading-img {
margin: auto;
width: 50px;
height: 50px;
background: url(../img/loading.gif) no-repeat center center
}
.justifiedGallery .jg-loading {
margin: auto;
width: 50px;
height: 50px;
background-color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.justifiedGallery .jg-row {
position: relative;
white-space: nowrap;
overflow: hidden;
margin-bottom: 4px
}

	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%);}
	.orientation-image{
		object-fit: cover !important;
		display: block;
		margin-bottom:10px;
		width:100%;
		height: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">
            <h1 class="about-us-title"><span class="fa fa-info-circle"></span> Informative Sessions</h1>
            </div>

            <div class="col-12  justify-content-center ml-auto">
            <h2 class="about-us-title " style="font-size: 2rem; margin-bottom: 20px;">
			on foreign exchange and internships
            </h2>
            </div>


            <div class="col-12 col-12 ml-auto mb-4 about-us-text" style="font-size: 1.2rem">
			IIT Delhi provides its students a large number of diverse opportunities to learn and grow. Students are often confused how to go about making the most of these opportunities. In the various information sessions, we have seniors from all branches share their experiences navigating through the vast pool of opportunities. These sessions are an attempt to bridge the senior-junior gap, while encouraging the practice of learning from one another. <br><strong>We have seniors covering important topics such as foreign exchange, foreign internships & minor degree planning among others. </strong>           </div>

		</div>


	</div>


</div>

<div class="container">

	<div class="row justify-content-center">


		</div>
	</div>

	<div class="container" style="padding-right: 40px; padding-left: 40px;" id="journey">


	<div class="row">
		<h1 class="mt-4" style="font-size: 60px;">Past Sessions</h1>
	</div>

	<div class="row my-4" id="loc-1">
		<div class="col-12 col-md-6 align-middle" style="width: 98%;">
			<img class="thumbnail align-middle" src="images/op_info/6.jpg" alt="Minor Degree Ke Fundae" />
		</div>
		<div class="col-12 col-md-6 my-4 " style="font-size:20px;">
		<h2>Minor Degree Ke Fundae</h2>
In addition to their major, students can also aim for a minor degree in an area of their interest such as Computer Science, Management, etc. In this session, we get seniors minoring in these fields to converse with aspiring students and help clear their doubts. Some pertinent questions answered include “How to balance major & minor courses in each semester?”, “What challenges one faces while pursuing a minor degree?”, “What are the career benefits of pursuing a minor degree”, among others.
	</div>
	</div>

	<div class="row my-4">
	<div class="col-12 col-md-6 d-sm-block d-md-none align-middle" style="width: 98%;">
			<img class="thumbnail" src="images/op_info/5.jpg" alt="Foreign Intern Ke Fundae" />
		</div>

		<div class="col-12 col-md-6 my-4 " style="font-size:20px;">
		<h2>Foreign Intern Ke Fundae</h2>
		To utilize their summers, students can apply for research internships
at a foreign university. It not only helps in gaining research experience but
also teaches students about the global scientific scenario. Seniors share
best practices on finding universities or programs, mailing professors and
inform about the highs and lows of foreign internships
		</div>

		<div class="col-12 col-md-6 d-none d-md-block" style="width: 98%;">
			<img class="thumbnail align-middle" src="images/op_info/5.jpg" alt="Foreign Intern Ke Fundae" />
		</div>
	</div>

	<div class="row my-4" id="loc-1">
		<div class="col-12 col-md-6" style="width: 98%;">
			<img class="thumbnail align-middle" src="images/forex.png" alt="Forex Ke Fundae" />
		</div>
		<div class="col-12 col-md-6 my-4 " style="font-size:20px;">
		<h2>Forex Ke Fundae</h2>
		Selected students have an option to spend either their 5th or 6th semester entirely in a foreign university. Living in a foreign country for an entire semester not only helps students understand the education scenario of another country but also instills essential life-skills in them. Students who have been on the exchange program share with aspiring students essential information about the selection procedure, interview preparation tips along with clearing any confusion around the program.	</div>


</div>

	<div class="container-fluid mt-4" id="softwares-list">
	<style>

		.thumbnaili{
			object-fit: cover !important;
			width:300px !important;
			height:auto;
			border-radius: 10px;
			margin:67px 10px 10px 10px !important
		}
		.thumbnail{
			object-fit: cover !important;
			width: 100%;
			height:auto;
			border-radius: 20px;
		}

		.slick-current{
		object-fit: cover !important;
		display: block;
		width:500px !important;
		height:auto;
		border-radius: 10px;
		transition: height 0.5s ease-in-out !important;
		margin: 10px !important;
		}
		.t
		.thumb-div{
			display: block !important;
			text-align: center !important;
		}
		.img-link{
			margin-bottom:10px;
		}


		#loc-1{
			background-image: linear-gradient(180deg, #000000 0%, #323232 100%);
			padding:10px;
			padding-top: 30px;
			padding-bottom: 30px;
			border-radius:40px;
			color: #fff !important;
		}

		@media (max-width: 700px){
			.thumbnaili{
			object-fit: cover !important;
			width:200px !important;
			height:auto;
			border-radius: 10px;
			margin:50px 10px 10px 10px !important
		}
		.slick-current{
			object-fit: cover !important;
			display: block;
			width:300px !important;
			height:auto;
			border-radius: 10px;
			transition: height 1s, width 1s ease-in-out;
			margin: 10px !important;
		}

		}

	</style>
	<style>
		.thumbnail{
			object-fit: cover !important;
			display: block;
			margin-bottom:10px;
			width:100%;
			height:100%;
		}
		.img-link{
			margin-bottom:10px;
		}

	</style>

</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/touchTouch.jquery.js"></script>
<script>
$(document).ready(function(){
	$('.thumbs a').touchTouch();
	});
</script>

</body>
</html>