-
Notifications
You must be signed in to change notification settings - Fork 0
/
about_school.html
389 lines (351 loc) · 20.7 KB
/
about_school.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
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
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
<html>
<head>
<title>Ranking Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="cmsstyle.css">
</head>
<body>
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class=" navbar ml-auto" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="navigation-menu">
<ul class="navigation-menu-list">
<li><a href="#overview" rel="m_PageScroll2id" data-ps2id-offset="100">Overview</a></li>
<li><a href="#academics" rel="m_PageScroll2id" data-ps2id-offset="100">Academics</a></li>
<li><a href="#admission" rel="m_PageScroll2id" data-ps2id-offset="100">Admission</a></li>
<li><a href="#achievements" rel="m_PageScroll2id" data-ps2id-offset="100">Achievements</a></li>
</ul>
<div class="clear"></div>
</div>
<div class="container">
<div class="row">
<div class="contentPart card bg-light col-md-12">
<div id="quickFacts" class="cardBlk checkBlk">
<div class="headingContainer">
<h2 class="blockHeading">Quick Facts</h2>
</div>
<div class="quickFact">
<div class="row">
<div class="col-md-4">
<div class="display-table vtop">
<div class="display-cell leftBlk">
<img src="https://static.careers360.mobi/images/frontend/desktop/rating.svg" alt="Rating" width="37">
</div>
<div class="display-cell rightBlk">
<div class="rightUpr">
Ranked in School
</div>
<div class="rightBtm"><strong class="blockHeading">
3rd
</strong></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="display-table vtop">
<div class="display-cell leftBlk">
<img src="https://static.careers360.mobi/images/frontend/desktop/ownership.svg" alt="Ownership" width="37">
</div>
<div class="display-cell rightBlk">
<div class="rightUpr">Ownership<i class="careers-info-tip"></i></div>
<div class="rightBtm"><strong class="blockHeading">Public/Government</strong> </div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="display-table vtop">
<div class="display-cell leftBlk">
<img src="https://static.careers360.mobi/images/frontend/desktop/institute.svg" alt="Institute" width="37">
</div>
<div class="display-cell rightBlk">
<div class="rightUpr">Type of Board</div>
<div class="rightBtm"><strong class="blockHeading">CBSE</strong></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="display-table vtop">
<div class="display-cell leftBlk">
<img src="https://static.careers360.mobi/images/frontend/desktop/gender_coed.svg" alt="Coed" width="37">
</div>
<div class="display-cell rightBlk">
<div class="rightUpr">Genders Accepted</div>
<div class="rightBtm"><strong class="blockHeading">Co-Ed</strong> </div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<ul class="baseUl">
<li>Estd. Year: <strong> 1958 </strong></li>
<li>Campus Size: <strong>550 Acres </strong></li>
<li>Total Faculty: <strong> 581</strong></li>
<li>Total Student Enrollments: <strong> 6193</strong></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div id="post-181" class="post-181 post type-post status-publish format-standard has-post-thumbnail hentry category-schools">
<div class="p20">
<div id="overview">
<div class="row">
<div class="col-md-4">
<h4>Overview</h4>
<p>Ranked as India’s premier legacy boarding school for four successive years (2007-2010) in Education World – C fore India’s Most Respected Schools Survey, The Doon School has attained an iconic status within India. The Doon School (TDS) has been the nursery of the country’s most famous political, bureaucracy, industry professionals and media leaders.</p>
<p>It was established in the year 1935 as an organic Indian public school and modelled along the lines of the legendary British boarding schools like Eton, Harrow, Winchester and Marlborough. </p>
<p>The best of British education like the teaching of science, good teacher-student relationship, high academic standards, organised games etc. was adapted. Self –evidently this has been highly successful because over the past 76 years TDS has built itself a reputation of delivering well developed holistic secondary education.</p>
<p>The school’s compact campus is near-optimally laid out and landscaped and its red brick and stone buildings house well-equipped biology, physics and chemistry labs, a state-of the-art computer department and IT centre with 120 terminals, the Rajiv Gandhi Design and Technology Centre and unique physics and natural history museums. Moreover the school’s Kilachand Library offers access to 18,000 documents comprising books and multimedia.</p>
<p>TDS also offers excellent sports facilities which include 25 –metre swimming pool, four squash court, two basketball court, four tennis court, cricket ground and dedicated hockey and soccer fields. Boxing, badminton, gymnastics and table tennis playing facilities are also available.</p>
</div>
<div class="col-md-8">
<canvas id="barChart" class="cach" style="margin:50px;"></canvas>
</div>
</div>
</div>
<div id="academics">
<h4>Academics</h4>
<p>
<p>The school admits boys into class VII and is affiliated to the Council for Indian School Certificate Examination, Delhi (CISCE). It is also affiliated to Geneva-based International Baccalaureate Organisation and offers International Baccalaureate Diploma Programme (IBDP).</p>
<p>The academic year is divided into two terms:</p>
<p>Spring Term from February 1st to May 31st</p>
<p>Autumn Term from August 1st to November 30th.</p>
<p>The school follows a five and a half day week schedule and the overall student teacher ratio is 10:1 with the average strength of a class being around 20 students.</p>
<p>In addition to the academic subjects, art, yoga, music, carpentry, Sanskrit, and design and technology are compulsorily taught. The students can also opt for German or French as additional languages while Sanskrit remains compulsory.</p>
</div>
<div id="admission">
<h4>Admission</h4>
<p>
<p>The school admits boys in January and April every year. In January, it admits into the VIII standard and in April it admits to the VII standard. The boys must be above the age of 11 years to apply for admission in a two-step process.</p>
<p>An entrance examination is held every year in November at Dehradun and in major metropolitan cities of India. The test consist of four papers- English, Hindi, mathematics and general knowledge. Hindi is compulsory language up to and including the X standard.</p>
<p>Successful candidates are then called for a personal interview which usually happens in December.</p>
<p>Fees: Annual tuition, board and lodging fees are currently Rs.4.05 lakh.</p>
<h4>Achievement</h4>
<p>The best of British education like the teaching of science, good teacher-student relationship, high academic standards, organised games etc. was adapted. Self –evidently this has been highly successful because over the past 76 years TDS has built itself a reputation of delivering well developed holistic secondary education.</p>
<h4>Accomodation</h4>
<p>The school is divided into 5 houses and 2 holding houses. The young newcomers are placed under the personal care of the housemaster and his wife in the two holding houses called as the Foot House and the Martyn House.</p>
<p>The five main houses are Hyderabad, Jaipur, Kashmir, Oberoi and Tata. The central dining hall is where the meals are served.</p>
</div>
<div id="achievements">
<h4>Achievement</h4>
<p>
<p>The school admits boys in January and April every year. In January, it admits into the VIII standard and in April it admits to the VII standard. The boys must be above the age of 11 years to apply for admission in a two-step process.</p>
<p>An entrance examination is held every year in November at Dehradun and in major metropolitan cities of India. The test consist of four papers- English, Hindi, mathematics and general knowledge. Hindi is compulsory language up to and including the X standard.</p>
<p>Successful candidates are then called for a personal interview which usually happens in December.</p>
<p>Fees: Annual tuition, board and lodging fees are currently Rs.4.05 lakh.</p>
<p>The best of British education like the teaching of science, good teacher-student relationship, high academic standards, organised games etc. was adapted. Self –evidently this has been highly successful because over the past 76 years TDS has built itself a reputation of delivering well developed holistic secondary education.</p>
<p>The school is divided into 5 houses and 2 holding houses. The young newcomers are placed under the personal care of the housemaster and his wife in the two holding houses called as the Foot House and the Martyn House.</p>
<p>The five main houses are Hyderabad, Jaipur, Kashmir, Oberoi and Tata. The central dining hall is where the meals are served.</p>
</div>
<div id="photo-gallery">
<h4>Photo Galary</h4>
<ul class="image-gallery">
<li>
<img src="background.jpg" alt="" />
</li>
<li>
<img src="background.jpg" alt="" />
</li>
</ul>
<div class="clear"></div>
<div class="embed-container">
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<footer class="page-footer special-color-dark pt-4">
<!-- Footer Links -->
<div class="container text-center text-md-left">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-md-3 mx-auto">
<!-- Links -->
<h5 class="font-weight-bold text-uppercase mt-3 mb-4">Links</h5>
<ul class="list-unstyled">
<li>
<a href="#!">Very long link 1</a>
</li>
<li>
<a href="#!">Very long link 2</a>
</li>
<li>
<a href="#!">Very long link 3</a>
</li>
<li>
<a href="#!">Very long link 4</a>
</li>
</ul>
</div>
<!-- Grid column -->
<hr class="clearfix w-100 d-md-none">
<!-- Grid column -->
<div class="col-md-3 mx-auto">
<!-- Links -->
<h5 class="font-weight-bold text-uppercase mt-3 mb-4">Links</h5>
<ul class="list-unstyled">
<li>
<a href="#!">Link 1</a>
</li>
<li>
<a href="#!">Link 2</a>
</li>
<li>
<a href="#!">Link 3</a>
</li>
<li>
<a href="#!">Link 4</a>
</li>
</ul>
</div>
<!-- Grid column -->
<hr class="clearfix w-100 d-md-none">
<!-- Grid column -->
<div class="col-md-3 mx-auto">
<!-- Links -->
<h5 class="font-weight-bold text-uppercase mt-3 mb-4">Links</h5>
<ul class="list-unstyled">
<li>
<a href="#!">Link 1</a>
</li>
<li>
<a href="#!">Link 2</a>
</li>
<li>
<a href="#!">Link 3</a>
</li>
<li>
<a href="#!">Link 4</a>
</li>
</ul>
</div>
<!-- Grid column -->
<hr class="clearfix w-100 d-md-none">
<!-- Grid column -->
<div class="col-md-3 mx-auto">
<!-- Links -->
<h5 class="font-weight-bold text-uppercase mt-3 mb-4">Links</h5>
<ul class="list-unstyled">
<li>
<a href="#!">Link 1</a>
</li>
<li>
<a href="#!">Link 2</a>
</li>
<li>
<a href="#!">Link 3</a>
</li>
<li>
<a href="#!">Link 4</a>
</li>
</ul>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
<!-- Footer Links -->
<!-- Copyright -->
<div class="footer-copyright text-center py-3">© 2018 Copyright:
<span>XYZ Company</span>
</div>
<!-- Copyright -->
</footer>
<script>
$(document).ready(function() {
$.ajax({
beforeSend: function() {
console.log("Making AJAX request");
},
//cache: false,
//url: 'index.php',
//dataType: 'json',
//console.log(myDataRawArray);
success: function(res) {
//var intermediate_data = <?php echo json_encode($z)?>;
//console.log(intermediate_data);
var graphLabels = ['Teacher Welfare', 'Competance of Faculty', 'Academic Reputation', 'Co-Curicular Education', 'Sports', 'Life Skills', 'Individual Attention to Students', 'Leadership/Management Quality', 'Parental Involvement', 'Infrastructure Provision', 'Internationalism', 'Special Needs Education', 'Value for Money', 'Community Service', 'Research Based Education'];
var graphData = [1, 2, 3, 4, 5, 30, 3, 8, 9, 10, 11, 23, 4, 2, 1];
//console.log(graphData);
console.log("Before draw");
//Make a call to the function to draw the bar graph
drawGraph(graphLabels, graphData);
console.log("After draw");
},
complete: function() {
console.log("AJAX request done");
},
error: function() {
console.log("Error occurred during AJAX request")
}
});
});
function drawGraph(Labels, Data) {
console.log(Data);
var chid = "barChart";
var ctx = document.getElementById(chid);
if (ctx.getContext) {
var ctxB = ctx.getContext('2d');
var myBarChart = new Chart(ctxB, {
type: 'horizontalBar',
data: {
labels: Labels,
datasets: [{
label: 'no. of visits',
data: Data,
backgroundColor: '#0318CF',
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
steps: 10,
stepValue: 5,
max: 100
}
}]
}
}
});
}
}
</script>
</body>
</html>