-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathacademic_mentorship.php
More file actions
243 lines (170 loc) · 7.68 KB
/
academic_mentorship.php
File metadata and controls
243 lines (170 loc) · 7.68 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
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
<!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>Academic Mentorship | 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>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
</style>
<style type="text/css">
html {
overflow-y: scroll
}
body{
background-color: rgba(68,215,182,0.18) !important;
}
#page-header{
padding:0;
width:100%;
}
#am-heading{
margin-top:60px;
text-align: center !important;
}
@media (max-width: 769px){
#am-heading h1{
font-family: Montserrat;
font-weight: 500;
color: rgba(0,0,0,0.70);
text-shadow: 0 2px 4px rgba(0,0,0,0.50);
font-size:50px !important;
}
.quote{
font-weight: 300 !important;
font-size: 24px !important;
}
}
@media (min-width: 769px){
#am-heading h1{
font-family: Montserrat;
font-weight: 500;
color: rgba(0,0,0,0.70);
text-shadow: 0 2px 4px rgba(0,0,0,0.50);
font-size:80px !important;
}
.quote{
font-weight: 300 !important;
font-size: 30px !important;
}
}
#am-why{
color: rgba(0,0,0,0.70);
}
#am-how{
color: rgba(0,0,0,0.70);
}
#am-reg{
color: rgba(0,0,0,0.70);
}
#am-faq{
color: rgba(0,0,0,0.70);
}
#am-what{
color: rgba(0,0,0,0.70);
}
.steps{
background: #FFFFFF;
box-shadow: 2px 2px 26px 10px rgba(0,0,0,0.08), inset 0 0 9px 8px rgba(152,152,152,0.05);
border-radius: 30px;
padding: 20px;
font-weight: 500;
}
</style>
</head>
<body >
<?php require 'components/header.php'; ?>
<?php require 'components/back_to_top.php'; ?>
<div class="container-fluid" id="page-header">
<img src="images/academic_landing_crop.svg" style="width: 100%; padding: 0" class="col-12 d-md-none">
<img src="images/academic_landing.svg" style="width: 100%; padding: 0" class="col-12 d-none d-md-block">
</div>
<div class="container" id="am-what">
<div class="container">
<div class="row">
<div class="col-12" style="text-align: center;">
<h1 class="my-4" style="font-family: Montserrat !important; ">What is Academic Mentorship?</h1>
<p style="font-size: 1.2rem">The motive of the academic mentorship program is to help undergraduate first year students in their academics via hostel sessions conducted by academically strong second year students.</p>
</div>
</div>
</div>
</div>
<div class="container" id="am-why">
<div class="container">
<div class="row">
<div class="col-12" style="text-align: center;">
<h1 class="my-4" style="font-family: Montserrat !important; ">Why choose this programme?</h1>
<p style="font-size: 1.2rem">Because of the transition from school to college there are many students who face a lot of difficulty in understanding the class lectures and even sometimes they miss their classes due to medical reasons. So by this they can clear their doubts of any course. And also since the second year students have gone through the same phase they are much more able to help the first year students.</p>
</div>
</div>
</div>
</div>
<div class="container" id="am-how">
<div class="container">
<div class="row">
<div class="col-12" style="text-align: center;">
<h1 class="my-4" style="font-family: Montserrat !important; ">How does this program work?</h1> </div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-5 steps mx-2 my-4" style="text-align: center;">
<div class="container">
<div class="row">
<img src="images/acad_mentor.png" style="position: absolute; left: -50px; top: -60px; height:150px; width:150px;"/>
<div class="col-12"> <h3>Selection of <br> Academic Mentors</h3></div>
<div class="col-12"> <p>A form is floated to know the interest of the course a student wants to teach and their grades in those courses to check the credibility. After that the selected students (based on form and interviews) were assigned a course and a hostel group to teach the students. They must teach once every week for 2-2.5 hrs.</p></div>
</div>
</div>
</div>
<div class="col-12 col-md-5 steps mx-2 my-4" style="text-align: center;">
<div class="container">
<div class="row">
<img src="images/doubt.png" style="position: absolute; right: -50px; top: -60px; height:150px; width:150px;"/>
<div class="col-12"><h3>Extra Doubt Solving <br> and Revision Sessions</h3></div>
<div class="col-12"> <p>Extra doubt solving and revision sessions were conducted at the institute level before minors and majors especially for the subjects in which students face maximum problems. We have received a lot of positive reviews from the previous sessions for being very helpful for students.</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container my-4" id="am-why">
<div class="container" style="text-align: center;">
<div class="row">
<div class="col-12" style="text-align: center;">
<h1 class="my-4" style="font-family: Montserrat !important; ">What’s in it for Academic Mentors?</h1>
</div>
</div>
<div class="row justify-content-center mb-4">
<div class="col-12" style="font-size: 1.2rem">
On completion of the required hours (40-50), the academic mentors are rewarded NEN203 credits. (reports being submitted to and approved by both supervisor and activity in charge).
</div>
</div>
</div>
</div>
<div class="container my-4" id="am-why">
<div class="container" style="text-align: center;">
<div class="row">
<div class="col-12" style="text-align: center;">
<h1 class="my-4" style="font-family: Montserrat !important; ">Attendance of Academic Mentors</h1>
</div>
</div>
<div class="row justify-content-center mb-4">
<div class="col-12" style="font-size: 1.2rem">
To ensure the smooth functioning of the programme, attendance of each mentor is marked in a 2 way process, via register and google drive submissions. In each hostel we have provided white boards and markers in visitors/common rooms to enhance the teaching by the mentors. </div>
</div>
</div>
</div>
<div class="col-12 footer-img" style="padding:0;">
<img src="images/academic_footer.svg" style="width: 100%; padding:0">
</div>
<?php require 'components/footer.php'; ?>
<a href='https://www.freepik.com/free-photos-vectors/business'><small>#Business vector created by freepik - www.freepik.com</small></a>
<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>
</body>
</html>