-
Notifications
You must be signed in to change notification settings - Fork 2
/
article.html
241 lines (204 loc) · 9.99 KB
/
article.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<title>Calculate</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/boxicons.js"></script>
<link rel="stylesheet" href="NativeStyle.css">
<link rel="stylesheet" href="Contents/Footer.css">
<script>
document.addEventListener("DOMContentLoaded", function () {
// Initial text
document.querySelector('.banner_text').innerText = "To know about your payment";
// Array of messages to loop through
const messages = [
"To know about university",
"To know about all events",
"To know about all degrees"
];
let index = 0;
// Set interval to change text every 5 seconds
const intervalId = setInterval(function () {
document.querySelector('.banner_text').innerText = messages[index];
index = (index + 1) % messages.length; // Move to the next message, loop back to the start if at the end
}, 2000);
});
</script>
</head>
<body>
<div class="top">
<div class="banner">
<img src="Source/Open sesame.png" alt="banner">
<div class="banner_text">To know about your full payment</div>
</div>
</div>
<div class="middle">
General Inquiries: (+94) 011 2881 000
Exams/Certificates: (+94) 11-2881461 | (+94) 11-2881040
</div>
<header class="header">
<nav class="navbar">
<a href="Home.html" style="--i:0;">Home</a>
<a href="Calculate.html" style="--i:1;">Calculate</a>
<a href="article.html" style="--i:2;">Article</a>
<a href="events.html" style="--i:3;">Events</a>
<a href="aboutus.html" style="--i:4;">About Us</a>
</nav>
</header> <br><br>
<div class="article_menu">
<div class="faculty_title">Latest Articles</div>
<div class="faculty_container">
<div class="faculty_section">
<img src="Source/Open sesame.png" class="faculty_bg">
<h3><a href="Contents/fo_education.html">
<center>The Faculty of Education</center>
</a></h3>
</div>
<div class="faculty_section">
<img src="Source/Open sesame.png" class="faculty_bg">
<h3><a href="Contents/fo_engineering.html">
<center>The Faculty of Engineering</center>
</a></h3>
</div>
<div class="faculty_section">
<img src="Source/Open sesame.png" class="faculty_bg">
<h3><a href="Contents/fo_health_sc.html">
<center>The Faculty of Health Science</center>
</a></h3>
</div>
<div class="faculty_section">
<img src="Source/Open sesame.png" class="faculty_bg">
<h3><a href="Contents/fo_humanities_ss.html">
<center>The Faculty of Humanities & Social Science</center>
</a></h3>
</div>
<div class="faculty_section">
<img src="Source/Open sesame.png" class="faculty_bg">
<h3><a href="Contents/fo_natural_sc.html">
<center>The Faculty of Natural Sciences</center>
</a></h3>
</div>
<!-- Add faculties -->
</div>
<!-- FAQ buttons with descriptions -->
<div><br><button class="course-button" data-target="common">Common FAQs</button> <br><br></div>
<br>
<!-- Course descriptions -->
<div id="common" class="course-description">
<h2>Common FAQs</h2>
<p>
<p class="faq_qu"> 1. Will I be an external student?</p>
<p class="faq_answer">The Open University of Sri Lanka (OUSL) students are internal students. The
university
provides
comprehensive learner
support through study material, tutorial support and other academic assistance to all students.</p>
<br>
<p class="faq_qu"> 2. Can I study while being employed?</p>
<p class="faq_answer">Yes, our university has been established primarily to cater to adults and the
employed.<br>
Flexible teaching-learning mode is particularly suited to those employed to achieve their higher
educational
aspirations.<br>
Face-to-face teaching sessions are minimal. No regular lectures as in conventional universities.</p>
<br>
<p class="faq_qu"> 3. When will applications be called for the Study Programmes?</p>
<p class="faq_answer">Applications are called once every year through OUSL website and newspaper
advertisements.
</p><br>
<p class="faq_qu"> 4. How can I apply for a study programme?</p>
<p class="faq_answer">Applications must be submitted ONLINE before the deadline, using the link in the
OUSL
webpage.<br>
International students should contact the International Relations Division.<br>
Email : [email protected] ; [email protected]</p><br>
<p class="faq_qu"> 5. What are the entry requirements for admission to a Study Programme?</p>
<p class="faq_answer">Please refer the Faculty webpages.</p><br>
<p class="faq_qu"> 6. Is there any possibility to follow any degree programme without G.C.E. A/L
qualification?</p>
<p class="faq_answer">Yes. However, you need to follow relevant Advanced Certificate Programme
(foundation
programme) recommended
by the faculty before applying for the programme.</p><br>
<p class="faq_qu">7. How can I get more information about programmes?</p>
<p class="faq_answer">You may download the Student Handbook from the Faculty website.</p><br>
<p class="faq_qu"> 8. How am I informed about the registration?</p>
<p class="faq_answer">Students will be informed individually to register for the Programme on a
specified date
by e-mail.</p><br>
<p class="faq_qu"> 9. What are the documents that I should produce for the registration?</p>
<p class="faq_answer">Educational qualifications, birth certificate, national Identity card (NIC)<br>
Two colour passport size photographs.</p><br>
<p class="faq_qu"> 10. When will the registration take place?</p>
<p class="faq_answer">Usually, one month after the closing date of the applications <br>
Must register on the date specified.</p><br>
<p class="faq_qu"> 11. Do I have to come in-person for the registration?</p>
<p class="faq_answer">Yes, it is essential that you come yourself for registration as there may be
clarifications to make.<br>
In unavoidable circumstances you may send all relevant documents with copies through a nominated
person with
a letter of authorisation.</p><br><br>
</p>
</div>
<script>
// Add event listeners for course buttons
var buttons = document.querySelectorAll('.course-button');
buttons.forEach(function (button) {
button.addEventListener('click', function () {
var targetId = button.getAttribute('data-target');
var targetDescription = document.getElementById(targetId);
// Hide all descriptions
var allDescriptions = document.querySelectorAll('.course-description');
allDescriptions.forEach(function (description) {
description.style.display = 'none';
});
// Show the selected description
if (targetDescription) {
targetDescription.style.display = 'block';
}
});
});
// Mobile menu toggle
document.getElementById('check').addEventListener('change', function () {
var navbar = document.querySelector('.navbar');
navbar.classList.toggle('show', this.checked);
});
</script>
<footer class="footer">
<div class="footer-container">
<div class="footer-column">
<h3>Contact Us</h3>
<p>Email: [email protected]</p>
<p>Phone: (+94) 011 2881 000</p>
</div>
<div class="footer-column">
<h3>Follow Us</h3>
<div class="social-icons">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-linkedin"></a>
</div>
</div>
<div class="footer-column">
<h3>Quick Links</h3>
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="Calculate.html">Calculate</a></li>
<li><a href="article.html">Article</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="aboutus.html">About Us</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 Open Sesame. All rights reserved.</p>
</div>
</footer>
</body>
</html>