-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
275 lines (253 loc) · 11.3 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<link rel="stylesheet" href="assets/css/abouta-main.css">
<link rel="stylesheet" href="assets/css/header.css">
<script src="assets/js/header-footer-active.js"></script>
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/footer.css">
</head>
<body>
<div id="header">
<header>
<a href="index.html" class="logo">AAI Systems</a>
<ul>
<li class="index"><a href="index.html">Home</a></li>
<li class="map"><a href="map.html#sec">Map</a></li>
<li class="news"><a href="news.html">News & Updates</a></li>
<li class="about"><a href="about.html">About</a></li>
</ul>
</header>
</div>
<div class="sec">
<h2>ABOUT US</h2>
<hr>
<div class="container_01">
<div class="col_01">
<section class="vision">
<h1>Our Vision</h1>
<p>Preserving Our Past, Inspiring Our Future</p>
<br>
<br>
</section>
</div>
<div class="col_01">
<section class="mission">
<h1>Our Mission</h1>
<p>To safeguard the historical legacy of Sri Lanka by collecting, preserving, and providing access to ancient
documents, manuscripts, and inscriptions for the benefit of present and future generations.</p>
</section>
</div>
</div>
<div class="container_02">
<div class="col_02">
<section class="history">
<h1>History</h1>
<p>Sri Lanka's history of historic archival departments is deeply connected to the country's rich cultural
heritage and long-standing practices of documentation and record-keeping. Ancient inscriptions, etched on
stone pillars and cave walls, provide insights into the political, social, and religious aspects of ancient
Sri Lankan communities. Royal archives, built by successive kings, maintain records related to government,
taxation, land ownership, and other administrative affairs. Buddhist monastic libraries house important
religious manuscripts, chronicles, and commentaries, offering essential historical and cultural information.
During the colonial period, archive departments were developed to manage colonial records, including
administrative documents, land surveys, court records, and correspondence between colonial officials. The
National Archives of Sri Lanka, established in 1958, is the chief depository for government records,
historical manuscripts, and other national materials, conserving Sri Lanka's documentary heritage and making
it accessible to academics, scholars, and the public. Regional and institutional archives also preserve data
linked to specific regions, institutions, religious organizations, and private collections, contributing to
the preservation and sharing of local history and cultural assets.</p>
</section>
</div>
</div>
<br>
<br>
<br>
<center>
<div class="container_06">
<div class="col_06">
<h1>Archival Preservation</h1>
<p>The department would employ preservation techniques to ensure the physical integrity of ancient documents,
manuscripts, and inscriptions. This might include climate-controlled storage facilities, conservation
treatments, and preventive measures to protect materials from deterioration and damage.
</p>
</div>
<div class="col_06">
<h1>Document Digitization</h1>
<p>Recognizing the importance of digital preservation, the department would offer digitization services to
create digital surrogates of historical documents. This facilitates broader access to the materials while also
serving as a backup in case of physical damage or loss.
</p>
</div>
<div class="col_06">
<h1>Cataloging and Metadata Creation</h1>
<p>Archivists would catalog and describe archival materials, creating detailed finding aids and metadata to
facilitate discovery and access. This might involve creating inventories, indexes, and databases to organize
and manage the archival collections.
</p>
</div>
<div class="col_06">
<h1>Reference and Research Assistance</h1>
<p>The department would provide reference services to assist researchers, scholars, students, and the general
public in accessing archival materials. This might involve answering inquiries, providing guidance on research
strategies, and offering access to reference materials and finding aids.
</p>
</div>
<div class="col_06">
<h1>Access to Reading Rooms</h1>
<p>TThe archive might have reading rooms where visitors can access physical and digital materials for research
purposes. These spaces would be equipped with appropriate facilities and resources to facilitate study and
examination of archival materials.
</p>
</div>
<div class="col_06">
<h1>Educational Programs and Workshops</h1>
<p>The department might organize educational programs, workshops, and seminars to raise awareness about archival
preservation and provide training on archival research methodologies. These initiatives aim to foster a
greater appreciation for the importance of preserving historical records.
</p>
</div>
</div>
</center>
<br>
<br>
<div class="container_03">
<div class="row">
<div class="col_03">
<section class="objevtives">
<h1>Objectives</h1>
<p>
<ul>
<li>
<b>Preservation:</b> Ensure the physical and digital preservation of ancient documents, manuscripts, and
inscriptions using best archival practices and technologies available.
</li>
<li>
<b>Documentation:</b> Systematically document and catalog historical records, providing detailed
descriptions and metadata to facilitate access and research.
</li>
<li>
<b>Access:</b> Facilitate access to archival materials for researchers, scholars, students, and the
general public, promoting a deeper understanding of Sri Lanka's rich cultural heritage.
</li>
<li>
<b>Education and Outreach:</b> Organize educational programs, workshops, and exhibitions to raise
awareness about the importance of archival preservation and encourage public engagement with historical
documents.
</li>
<li>
<b>Collaboration:</b> Collaborate with other archival institutions, academic organizations, and government
agencies to exchange knowledge, share resources, and enhance the preservation and accessibility of
historical records.
</li>
<li>
<b>Advocacy:</b> Advocate for the protection of archival materials, including legal frameworks and
policies to prevent the loss or destruction of valuable historical documents.
</li>
</ul>
</p>
</section>
</div>
</div>
</div>
<br>
<center>
<div class="container_04">
<div class="col_04">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/media/about/img_01.png" class="d-block w-100" alt="Image 1">
</div>
<div class="carousel-item">
<img src="assets/media/about/img_02.png" class="d-block w-100" alt="Image 2">
</div>
<div class="carousel-item">
<img src="assets/media/about/img_03.png" class="d-block w-100" alt="Image 3">
</div>
<div class="carousel-item">
<img src="assets/media/about/img_04.png" class="d-block w-100" alt="Image 3">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden"><img src="assets/media/about/Previous.png"
style="height: 50px; height: 50px;"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden"><img src="assets/media/about/next.png"
style="height: 50px; height: 50px;"></span>
</button>
</div>
</div>
</div>
</center>
<br>
<br>
<center>
<div class="container_05">
<div class="col_05">
<img class="img_member" loading="lazy" src="assets/media/about/team_members/mem_01.jpg" alt="">
<h4 class="mb-1">Maleesha Chathuranga</h4>
</div>
<div class="col_05">
<img class="img_member" loading="lazy" src="assets/media/about/team_members/mem_02.jpg" alt="">
<h4 class="mb-1">Dilusha Dissanayake</h4>
</div>
<div class="col_05">
<img class="img_member" loading="lazy" src="assets/media/about/team_members/mem_03.jpg" alt="">
<h4 class="mb-1">Nimhara Chalana</h4>
</div>
<div class="col_05">
<img class="img_member" loading="lazy" src="assets/media/about/team_members/mem_04.jpg" alt="">
<h4 class="mb-1">Ashen Chathranga</h4>
</div>
<div class="col_05">
<img class="img_member" loading="lazy" src="assets/media/about/team_members/mem_05.jpg" alt="">
<h4 class="mb-1">Krishani Imalka</h4>
</div>
<div class="col_05">
<img class="img_member" loading="lazy" src="assets/media/about/team_members/mem_06.jpg" alt="">
<h4 class="mb-1">Navodya Hewage</h4>
</div>
<div class="col_05">
<img class="img_member" loading="lazy" src="assets/media/about/team_members/mem_07.jpg" alt="">
<h4 class="mb-1">Ishan Sivmal</h4>
</div>
</div>
</center>
<br>
<br>
</div>
<div id="footer">
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-links">
<ul class="footer-menu">
<li><a href="index.html">Home</a></li>
<li><a href="news.html">News & Updates</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="itemsubmit.html">Submit Your Posts</a></li>
<li class="support"><a href="sponsor.html">Our Supporters</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 AAI Systems. All rights reserved.</p>
</div>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<script src="assets/js/about.js"></script>
</body>
</html>