-
Notifications
You must be signed in to change notification settings - Fork 2
/
Calculate.html
144 lines (123 loc) · 6.56 KB
/
Calculate.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
<!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);
}); //12345678910
</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>
<p id="DisclaimerTxt" class="dis_txt">This website has no connection with the Open University of Sri Lanka. For your information, the approximate prices of the programs in the Open University are shown on this website.Due to some reasons, these prices may change and this website does not take any responsibility for those changes.Please note that this website publishes approximate prices for Open University programmes. <br> <br>මෙම වෙබ් අඩවිය ශ්‍රී ලංකා විවෘත විශ්ව විද්‍යාලය සමග කිසිදු සම්බන්දතාවක් නොමැත.ඔබේ දැන ගැනීම සදහා විවෘත විශ්ව විද්‍යාලයේ ඇති වැඩසටහන් වල මිල ගනන් ආසන්න වශයෙන් මෙම වෙබ් අඩවියේ දක්වා ඇත.යම් හේතු නිසාවෙන් මෙම මිල ගනන් වෙනස් විය හැකි අතර එම වෙනස් වීම් සදහා මෙම වෙබ් අඩවිය කිසිදු වගකීමක් දරන්නේ නැත.මෙම වෙබ් අඩවිය විවෘත විශ්ව විද්‍යාලයේ වැඩසටහන් වල ආසන්න මිල ගණන් පළ කරන වෙබ් අඩවියක් බව කරුනාවෙන් සලකන්න.</p>
<div class="btn">
<button id="DisclaimeBtn"> Click here to read or hide disclaimer</button>
</div>
<div class="select" id="select-container">
<h4>Select Your Faculty</h4>
<select id="faculty-select">
<option value="">Select Faculty</option>
<option value="engineering">Faculty of Engineering Technology</option>
<option value="natural-sciences">Faculty of Natural Sciences</option>
<option value="health-sciences">Faculty of Health Sciences</option>
<option value="management">Faculty of Management Studies</option>
<option value="humanities">Faculty of Humanities and Social Sciences</option>
</select>
</div>
<div class="program-select" id="program-select-container">
<h4>Select Your Program</h4>
<select id="program-select" disabled>
<option value="">Select Program</option>
</select>
</div>
<div id="credit-price-container">
<h4>Enter Credit Price:</h4>
<input type="number" id="credit-price" placeholder="Enter credit price" />
</div>
<div id="subject-select-container">
<h4>Select Your first year subjects</h4>
<div id="subject-checkboxes"></div>
</div>
<div id="calculate-price-container">
<button id="calculate-price-button">Check Your Full Amount</button>
</div>
<div id="total-price-container">
<h4>Price Details</h4>
<p id="total-price"></p>
<p id="total-degree-price"></p>
</div>
<script src="scripts.js"></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>