-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtimeline.html
More file actions
245 lines (242 loc) · 23.4 KB
/
timeline.html
File metadata and controls
245 lines (242 loc) · 23.4 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
244
245
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#1B1212">
<meta name="author" content="Dulanjaya Bhanu (DEV)">
<meta name="description" content="Kirindiwela Central College is a school with a rich history and a glorious present.">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:url" content="https://kccweb.lk/">
<meta property="og:site_name" content="Kirindiwela Central College Kirindiwela">
<meta property="og:updated_time" content="2023-11-22T20:17:51+05:30">
<meta property="og:title" content="Kirindiwela Central College Kirindiwela - Official Website">
<meta property="og:description" content="Kirindiwela Central College is a school with a rich history and a glorious present.">
<meta property="og:image" content="https://kccweb.lk/resources/images/source_images/logo.webp">
<meta property="og:image:type" content="webp">
<meta property="og:image:alt" content="Kirindiwela Central College Logo">
<meta property="twitter:title" content="Kirindiwela Central College Kirindiwela - Official Website">
<meta property="twitter:description" content="Kirindiwela Central College is a school with a rich history and a glorious present.">
<meta property="twitter:image" content="https://kccweb.lk/resources/images/source_images/logo.webp">
<meta name="twitter:card" content="summary_large_image">
<meta name="keywords" content="Kirindiwela,Central,College,KCC">
<title>Time Line - KCC</title>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="resources/images/source_images/logo.webp">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
</head>
<div class="intro-wrapper"><img src="resources/images/source_images/logo.svg" class="intro-logo" id="targeting-logo" alt="Intro_logo"></div>
<body>
<div class="container-fluid">
<div class="row d-flex flex-row justify-content-center">
<section class="main-content-wrapper">
<div class="row"><button class="offcanvas-menu-btn border" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas" aria-controls="offcanvasExample"><i class="bi bi-list fs-mod4" id="offcanvas-menu-icn"></i></button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasExampleLabel" data-bs-backdrop="true">
<div class="offcanvas-body offcanvas-wrapper">
<div class="col-12 pt-3">
<div class="list-group">
<div class="col-12"><a href="https://kccweb.lk" type="button" class="list-group-item">Home</a>
<hr>
</div>
<div class="col-12"><button class="list-group-item" type="button" data-bs-toggle="collapse" data-bs-target="#offcanvas-collapseExample1" id="offcanvas-collapse-parent-btn1" onclick='collapseIconTogglerStart("offcanvas-collapse-parent-btn1","About")'>About <i class="bi bi-chevron-up canvas-icn"></i></button>
<div class="collapse" id="offcanvas-collapseExample1">
<div class="card card-body ps-3 pe-0 m-0 border-0 bg-transparent fs-mod3"><a href="aboutUs.html" class="list-group-item f-color1 fs-mod5">About Us</a><a href="principalsMessage.html" class="list-group-item f-color1 fs-mod5">Principal's Message</a><a href="timeline.html" class="list-group-item f-color1 fs-mod5">Time Line</a></div>
</div>
<hr>
</div>
<div class="col-12"><button class="list-group-item" type="button" data-bs-toggle="collapse" data-bs-target="#offcanvas-collapseExample2" id="offcanvas-collapse-parent-btn2" onclick='collapseIconTogglerStart("offcanvas-collapse-parent-btn2","Extra Curricular")'>Extra Curricular <i class="bi bi-chevron-up canvas-icn"></i></button>
<div class="collapse" id="offcanvas-collapseExample2">
<div class="card card-body ps-3 pe-0 m-0 border-0 bg-transparent fs-mod3"><a href="#" class="list-group-item f-color1 fs-mod5">Sports' Achievements</a><a href="clubsAndSocieties.html" class="list-group-item f-color1 fs-mod5">Clubs & Societies</a></div>
</div>
<hr>
</div>
<div class="col-12"><button class="list-group-item" type="button" data-bs-toggle="collapse" data-bs-target="#offcanvas-collapseExample3" id="offcanvas-collapse-parent-btn3" onclick='collapseIconTogglerStart("offcanvas-collapse-parent-btn3","Events")'>Events <i class="bi bi-chevron-up canvas-icn"></i></button>
<div class="collapse" id="offcanvas-collapseExample3">
<div class="card card-body ps-3 pe-0 m-0 border-0 bg-transparent fs-mod3"><a href="https://kccweb.lk/#event-section" class="list-group-item f-color1 fs-mod5">Recent Events</a></div>
</div>
<hr>
</div>
<div class="col-12"><a href="contact.html" type="button" class="list-group-item">Contact</a>
<hr>
</div>
<div class="col-12 d-flex flex-column fs-mod3"><a href="privacyPolicy.html" type="button" class="list-group-item text-decoration-none"><i class="bi bi-shield-exclamation fs-mod5 canvas-icn"></i> Privacy Policy<a type="button" class="list-group-item text-decoration-none" onclick="toggleTheme(!0)" id="theme-toggle-btn"><i class="bi bi-moon fs-mod5 canvas-icn"></i> Dark Theme</div><div class="col-12 pt-4 pb-2 d-flex flex-column"><a class="f-color2 fs-mod5" href="#">© 2023 All rights reserved</a>
<span class="f-color2 fs-mod5">Developed by The CSOKCC</span>
</div>
</div>
</div>
</div>
</div><button class="back-to-top-btn border" id="backToTopButton"><div class="text-center back-to-top-btn-wrapper"><i class="bi bi-chevron-compact-up"></i></div></button>
<section class="col-12 page-mian-header-wrapper page-main-header-sketch3 text-center pt-4 pt-sm-4 pt-md-0 pt-lg-0">
<h1 class="text-uppercase header-type1 fs-mod6 page-main-header">Timeline</h1>
</section>
<section class="col-12 def-content-wrapper1 text-center">
<div class="col-10 col-md-8 col-lg-6 offset-1 offset-md-2 offset-lg-3">
<p class="fs-mod1">Kirindiwela Middle School was established 62 years ago today. Facing the Nittambuwa-Kirindiwela road and about a kilometer away from the town of Kirindiwela, our school, which looks like a beautiful university ground with beautiful
flowers, enriches our children wise</p>
</div>
</section>
<section class="col-12 def-content-wrapper2">
<div class="row ps-3 ps-sm-3 ps-md-0 ps-lg-0">
<div class="col-12 d-flex flex-row justify-content-start">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 time-line-tree-left-branch-wrapper">
<div class="d-flex flex-row-reverse flex-sm-row-reverse flex-md-row flex-lg-row justify-content-between">
<div class="d-flex flex-row justify-content-start justify-content-sm-start justify-content-md-end justify-content-lg-end align-items-start flex-grow-1 p-4">
<div class="p-4 time-line-tree-content-wrapper time-line-tree-content-wall1">
<div class="ms-0 ms-sm-0 ms-md-5 ms-lg-5 me-5 me-sm-5 me-md-0 me-lg-0 text-start text-sm-start text-md-end text-lg-end">
<h2 class="header-type1 fs-mod4">1961</h2><span>Kirindiwela Central College has been started by Prime Minister Hon. Sirimawo Bandaranayake on 03rd November 1961 as Anura maha Vidyalaya.</span></div>
</div>
</div>
<div>
<div class="time-line-tree-trunk"></div>
</div>
</div>
</div>
</div>
<div class="col-12 d-flex flex-row justify-content-end">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 time-line-tree-right-branch-wrapper">
<div class="d-flex flex-row-reverse justify-content-between">
<div class="d-flex flex-row justify-content-start flex-grow-1 p-4">
<div class="p-4 time-line-tree-content-wrapper time-line-tree-content-wall2">
<div class="me-5 text-start">
<h2 class="header-type1 fs-mod4">1979</h2><span>Anura Maha Vidyala Has been Awarded as Kirindiwela Central College by the hand of president J.R. Jayawardane</span></div>
</div>
</div>
<div>
<div class="time-line-tree-trunk"></div>
</div>
</div>
</div>
</div>
<div class="col-12 d-flex flex-row justify-content-start">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 time-line-tree-left-branch-wrapper">
<div class="d-flex flex-row-reverse flex-sm-row-reverse flex-md-row flex-lg-row justify-content-between">
<div class="d-flex flex-row justify-content-start justify-content-sm-start justify-content-md-end justify-content-lg-end align-items-start flex-grow-1 p-4">
<div class="p-4 time-line-tree-content-wrapper time-line-tree-content-wall1">
<div class="ms-0 ms-sm-0 ms-md-5 ms-lg-5 me-5 me-sm-5 me-md-0 me-lg-0 text-start text-sm-start text-md-end text-lg-end">
<h2 class="header-type1 fs-mod4">1983-1989</h2><span>At this time, the collapsed school was rebuilt by Principal Mr. Chandrapala Jayasinghe</span></div>
</div>
</div>
<div>
<div class="time-line-tree-trunk"></div>
</div>
</div>
</div>
</div>
<div class="col-12 d-flex flex-row justify-content-end">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 time-line-tree-right-branch-wrapper">
<div class="d-flex flex-row-reverse justify-content-between">
<div class="d-flex flex-row justify-content-start flex-grow-1 p-4">
<div class="p-4 time-line-tree-content-wrapper time-line-tree-content-wall2">
<div class="me-5 text-start">
<h2 class="header-type1 fs-mod4">1997</h2><span>At This time, The deciplene of students has been remade by the principal Mrs.Nalini Athapaththu</span></div>
</div>
</div>
<div>
<div class="time-line-tree-trunk"></div>
</div>
</div>
</div>
</div>
<div class="col-12 d-flex flex-row justify-content-start">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 time-line-tree-left-branch-wrapper">
<div class="d-flex flex-row-reverse flex-sm-row-reverse flex-md-row flex-lg-row justify-content-between">
<div class="d-flex flex-row justify-content-start justify-content-sm-start justify-content-md-end justify-content-lg-end align-items-start flex-grow-1 p-4">
<div class="p-4 time-line-tree-content-wrapper time-line-tree-content-wall1">
<div class="ms-0 ms-sm-0 ms-md-5 ms-lg-5 me-5 me-sm-5 me-md-0 me-lg-0 text-start text-sm-start text-md-end text-lg-end">
<h2 class="header-type1 fs-mod4">2003</h2><span>Started The Computer Learning Center Of Kirindiwela Central College</span></div>
</div>
</div>
<div>
<div class="time-line-tree-trunk"></div>
</div>
</div>
</div>
</div>
<div class="col-12 d-flex flex-row justify-content-end">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 time-line-tree-right-branch-wrapper">
<div class="d-flex flex-row-reverse justify-content-between">
<div class="d-flex flex-row justify-content-start flex-grow-1 p-4">
<div class="p-4 time-line-tree-content-wrapper time-line-tree-content-wall2">
<div class="me-5 text-start">
<h2 class="header-type1 fs-mod4">2022</h2><span>Kirindiwela Central College Has Been Awarded as a national school</span></div>
</div>
</div>
<div>
<div class="time-line-tree-trunk time-line-tree-trunk-end"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="col-12 def-content-wrapper1 d-block d-sm-block d-md-none d-lg-none">
<div class="row d-flex flex-column footer-wall ps-2 pe-2 pb-4">
<div class="col-12 d-flex flex-row justify-content-center"><button class="bg-transparent border-0 test" data-bs-toggle="tooltip" data-bs-title="Home" data-bs-custom-class="custom-tooltip"><img src="resources/images/source_images/logo.webp" class="footer-logo1" alt="School_logo"></button></div>
<div class="col-12 d-flex flex-row justify-content-center">
<div class="row d-flex flex-column text-center gap-2 flex-grow-1">
<div class="col-12 pt-3"><span class="card-text fs-mod3 text-uppercase">Kirindiwela Central College</span></div>
<div class="col-12 d-flex flex-row justify-content-center">
<ul class="list-group list-group-horizontal list-unstyled gap-5">
<li><a href="#facebook-kcc" onclick='window.open("https://web.facebook.com/KirindiwelaCentralCollege/")'><i class="bi bi-facebook fs-mod1 social-icon" data-bs-toggle="tooltip" data-bs-title="Facebook" data-bs-custom-class="custom-tooltip"></i></a></li>
<li><a href="#youtube-kcc" onclick='window.open("https://www.youtube.com/@kirindiwelacentralcollegen8678")'><i class="bi bi-youtube fs-mod1 social-icon" data-bs-toggle="tooltip" data-bs-title="You Tube" data-bs-custom-class="custom-tooltip"></i></a></li>
<li><a href="#twitter-x-kcc" onclick='window.open("https://twitter.com/i/flow/login?redirect_after_login=%2FKCentralCollege")'><i class="bi bi-twitter-x fs-mod1 social-icon" data-bs-toggle="tooltip" data-bs-title="Twitter-x" data-bs-custom-class="custom-tooltip"></i></a></li>
<li><a href="#linkedin-kcc"><i class="bi bi-linkedin fs-mod1 social-icon" data-bs-toggle="tooltip" data-bs-title="LinkedIn" data-bs-custom-class="custom-tooltip"></i></a></li>
</ul>
</div>
<div class="col-12 d-flex flex-column flex-sm-row flex-md-row flex-lg-row justify-content-between pt-3"><span class="fs-mod5">© 2023 All rights reserved</span><span class="fs-mod5">Developed by The CSOKCC</span></div>
</div>
</div>
</div>
</footer>
<footer class="col-12 def-content-wrapper1 ps-0 pe-0 d-none d-sm-none d-md-block d-lg-block">
<div class="footer-left-wall">
<div class="footer-content-area d-flex flex-row justify-content-between pt-3 ps-2 pe-3 pb-3">
<div class="d-flex flex-row">
<div><button class="bg-transparent border-0" data-bs-toggle="tooltip" data-bs-title="Home" data-bs-custom-class="custom-tooltip" onclick='window.location="https://kccweb.lk"'><img src="resources/images/source_images/logo.webp" class="footer-logo2" alt="School_logo"></button></div>
<div class="my-auto">
<div class="row d-flex flex-column ps-2 my-auto gap-1">
<div class="col-12"><span class="card-text fs-mod3 text-uppercase">Kirindiwela Central College</span></div>
<div class="col-12 d-flex flex-row my-auto">
<ul class="list-group list-group-horizontal list-unstyled gap-3">
<li><a href="#facebook-kcc" onclick='window.open("https://web.facebook.com/KirindiwelaCentralCollege/")'><i class="bi bi-facebook fs-mod1 social-icon" data-bs-toggle="tooltip" data-bs-title="Facebook" data-bs-custom-class="custom-tooltip"></i></a></li>
<li><a href="#youtube-kcc" onclick='window.open("https://www.youtube.com/@kirindiwelacentralcollegen8678")'><i class="bi bi-youtube fs-mod1 social-icon" data-bs-toggle="tooltip" data-bs-title="You Tube" data-bs-custom-class="custom-tooltip"></i></a></li>
<li><a href="#twitter-x-kcc" onclick='window.open("https://twitter.com/i/flow/login?redirect_after_login=%2FKCentralCollege")'><i class="bi bi-twitter-x fs-mod1 social-icon" data-bs-toggle="tooltip" data-bs-title="Twitter-x" data-bs-custom-class="custom-tooltip"></i></a></li>
<li><a href="#linkedin-kcc"><i class="bi bi-linkedin fs-mod1 social-icon" data-bs-toggle="tooltip" data-bs-title="LinkedIn" data-bs-custom-class="custom-tooltip"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="d-flex flex-column justify-content-center text-end gap-2"><span class="f-color1 fs-mod5">© 2023 All rights reserved</span><span class="f-color1 fs-mod5">Developed by The CSOKCC</span></div>
</div>
</div>
</footer>
<div class="modal fade" id="dark-mode-add" tabindex="-1">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content position-relative overflow-hidden">
<div class="modal-body dark-mode-wall position-relative p-0 m-0"><button class="dark-mode-add-close-btn border" type="button" data-bs-dismiss="modal" aria-label="Close"><i class="bi bi-x-lg fs-mod4 f-color4"></i></button>
<div class="dark-mode-addd-conetnt-wrapper">
<div class="row d-flex">
<div class="col-12 text-center p-5">
<h4 class="text-uppercase header-type1 fs-mod7 f-color4">Dark Mode Support</h4>
<p class="fs-mod3 pt-3 f-color3 d-none d-sm-block d-md-block d-lg-block">We are excited to introduce dark mode on our website, a new feature that lets you enjoy our content in a sleek and comfortable way. Dark mode reduces eye strain, saves battery life, and looks awesome. To
switch to dark mode, simply click on the moon icon at the bottom. You can also toggle between light and dark mode in the settings menu. Try it out and let us know what you think. We hope you love it
as much as we do!</p>
<p class="fs-mod3 pt-3 f-color3 d-block d-sm-none d-md-none d-lg-none">We are excited to introduce dark mode on our website, a new feature that lets you enjoy our content in a sleek and comfortable way. We hope you love it as much as we do!</p><a class="fs-mod2 bg-transparent border-0 f-color4 text-capitalize"
onclick="toggleTheme(!0)"><i class="bi bi-moon f-color4"></i>Toggle Dark Mode</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<script src="bootstrap.bundle.min.js"></script>
<script src="script.js"></script>
</body>
</html>