-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathterms_conditions.html
254 lines (229 loc) · 13.8 KB
/
terms_conditions.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3R</title>
<link rel="icon" type="image/x-icon" href="https://cdn-icons-png.flaticon.com/512/3135/3135755.png">
<link rel="stylesheet" href="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w==">
<style>
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Hachi+Maru+Pop&family=Hubballi&family=Montserrat:wght@254&family=Open+Sans:wght@326;379&family=Poppins:wght@100&family=Roboto:wght@300;400&family=Rubik+Glitch&display=swap');
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link rel="stylesheet" href="asset/css/main.css">
<link rel="stylesheet" href="asset/css/base.css">
<link rel="stylesheet" href="asset/css/page1.css">
<link rel="stylesheet" href="asset/css/profile.css">
<link rel="stylesheet" href="sub-pages.css">
<link rel="stylesheet" href="asset/css/info-pages.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body>
<div class="main">
<!-- Header Section -->
<div class="heading" style="height: 10rem;">
<div class="nav" style="background-color: black; height: 70%;top:0%; align-items: center;">
<a href="index.html">
<div class="heading__brand">
<div class="heading__brand__logo"><i class="fa-solid fa-graduation-cap"></i></div>
<div class="heading__brand__slogan"> | 3R</div>
<div class="extra__info">E d u c a t i o n</div>
</div>
</a>
<div class="nav_searchbar">
<input type="text" placeholder="Name your course...">
</div>
<div class="nav__container">
<a href="" class="subnav">About</a>
<a href="contact.html" class="subnav">Contact</a>
<a href="" class="subnav">Need help?</a>
<a href="profile.html" class="subnav">
<img class="nav_avatar" src="asset/img/avatar.jpg" alt="" >
Nhật Minh
</a>
<div style="bottom: 10.5px;" class="dark-theme-button">
<input type="checkbox" class="checkbox" id="checkbox">
<label for="checkbox" class="label">
<i class="fa-solid fa-moon moon-theme"></i>
<i class="fa-solid fa-sun sun-theme"></i>
<div class='ball'> </div>
</label>
</div>
</div>
</div>
</div>
<!-- Profile content -->
<div class="info-pages__content">
<h1 class="info-page__title"> TERMS AND CONDITIONS</h1>
<h3 class="info-page__sub-title">Last updated on May 9th 2022
<br>
Below is the agreement between you and our services.
Please read these Terms and Conditions carefully before join the 3R community.
</h3>
<p class="info-pages__details">
1. I certify that the referral information I supplied is genuine and full to the best of my knowledge, and I give permission to contact the referral directly.
<br>
2. I acknowledge and accept that the referral incentive is only available for successful referrals. To put it another way, referrals who signed the contract and started working.
<br>
3. The referral incentive is only granted when the referral has worked for 60 days.
<br>
4. The Company reserves the right to approve or reject any referral/bonus at its sole discretion.
<br>
5. You accept and acknowledge that EWEHK may transmit data about me or the referral(s) to other countries (including places outside Hong Kong) at any time and from time to time as EWEHK considers necessary.
<br>
6. I also authorize English World Education Limited to disclose any information about you and/or the referral(s) to EWEHK's employees, agents, partners, associates, and contractors for the purposes of processing and verifying the application; and (ii) any third parties hired by EWEHK to provide administrative services in connection with the application and marketing of Company services; and (iii) any schools and centers or any other organization.
<br>
7. The Company values personal data privacy and pledges to follow the Personal Data (Privacy) Ordinance's guidelines. For
more information, please visit our company’s privacy policy statement on our website.
<br>
8. You agree to submit to the nonexclusive jurisdiction of the courts of Hong Kong for any dispute arising out of or in connection with these terms and conditions.
<br>
9. You will indemnify us for any act or omission by you or your referral(s), including any breach of these Conditions or the terms, conditions, or rules applicable to a referral, service, or your failure to provide valid, true, complete, accurate, and up-to-date information requested by us in carrying out our regulatory or legal duties (including, but not limited to, our duty of suitability assessment under Condition 1,3 & 5. You shall reimburse us for any reasonable expenditures (including legal fees) spent in the exercise or enforcement of our rights, including retrieving any cash due to us or obtaining any advice we deem appropriate in respect to your referral.
<br>
10. Subject to Clause 14, a person who is not a party to these terms and conditions has no right to enforce or profit from any provision of these terms and conditions under the Contracts (Rights of Third Parties) Ordinance (Cap. 623 of the Laws of Hong Kong) (the "Third Parties Ordinance").
<br>
11. The approval of any person who is not a party to these terms and conditions is not necessary to withdraw or change these terms and conditions at any time, notwithstanding any term of these terms and conditions.
<br>
12. The Company and any of its directors, officers, employees, affiliates, or agents may rely on any part of these terms and conditions (including, without limitation, any responsibility) that expressly confers rights or advantages on such person under the Third Parties Ordinance.
<br>
13. If any part of this agreement becomes unlawful, void, or unenforceable in any manner, the other sections of this agreement will not be affected or hindered.
<br>
14. The Company may at its discretion add, amend, suspend or terminate the offer and its terms and conditions at any time without
prior notice. In case of any disputes, the decision of the Company shall be final.
<br>
15. The Company may, at any time and without notice, add, change, suspend, or terminate the offer and its terms and conditions. In the event of a disagreement, the Company's decision shall be final.
</p>
<h3 class="info-page__sub-title">
If you have any questions, feel free to contact us
<a href="">here</a>.
</h3>
</div>
<!-- Footer section -->
<div class="footer-section">
<div class="footer-content">
<div class="contact-information__container">
<div class="footer__logo-brand">
<div class="footer__brand__logo"><i class="fa-solid fa-graduation-cap"></i></div>
<div class="footer__brand__slogan"> | 3R</div>
<div class="extra__info" style="font-size: 1.2rem; padding-top: 5px">E d u c a t i o n</div>
<p>Exclusive for RMIT staffs and students</p>
<div class="social-media__icons">
<a href=""><i class="fa-brands fa-facebook"></i></a>
<a href=""><i class="fa-brands fa-instagram-square"></i> </a>
<a href=""><i class="fa-brands fa-twitter"></i> </a>
<a href=""><i class="fa-brands fa-pinterest"></i></a>
</div>
</div>
</div>
<div class="footer-navigation__container">
<!-- <hr style="border: 0.5px solid #fff; margin-right: 20px;"> -->
<div class="footer-navigation__item">
<h2>OUR SERVICES</h2>
<a href="">Study materials</a>
<a href="">Lecture reviews</a>
<a href="">Roadmap</a>
</div>
<!-- <hr style="border: 0.5px solid #fff; margin-right: 20px;"> -->
<div class="footer-navigation__item">
<h2>INFORMATION</h2>
<a href="">About</a>
<a href="">Manual use</a>
<a href="">Privacy policy</a>
<a href="">Need help?</a>
</div>
<!-- <hr style="border: 0.5px solid #fff; margin-right: 20px;"> -->
<div class="footer-navigation__item">
<h2>CONTACT</h2>
<div class="footer-contact__item">
<i class="fa-solid fa-envelope my_info__icon"></i>
<a class="my-info__detail" href="">S3924942@rmit.edu.vn</a>
</div>
<div class="footer-contact__item">
<i class="fa-solid fa-phone my_info__icon"></i>
<a class="my-info__detail" href="">0836999051</a>
</div>
<div class="footer-contact__item">
<i class="fa-solid fa-location-dot my_info__icon"></i>
<a class="my-info__detail" href="">District 7, HCM city</a>
</div>
</div>
</div>
</div>
<hr style="border: 0.25px solid #919191; margin-top: 48px;">
<div class="footer-extra-content">
<p></p>
<div class="copy-right">
<p><a href="">Terms of use</a> <span style="padding: 0 4px">|</span> <a href="">Privacy environmental policies</a></p>
<p>Copyright © 2022 <a style="color: rgba(255, 189, 89,1)" href="">3Rservices.com</a> . All Rights Reserved.</p>
</div>
</div>
<!-- Back-to-top button -->
<button class="back-to-top hidden">
<i class="fa-solid fa-angles-up back-to-top-icon"></i>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11l5-5m0 0l5 5m-5-5v12" />
</svg>
</button>
</div>
</div>
<!-- JS CODE -->
<!-- Back-to-top JS -->
<script>
const showOnPx = 100;
const backToTopButton = document.querySelector(".back-to-top");
const scrollContainer = () => {
return document.documentElement || document.body;
};
const goToTop = () => {
document.body.scrollIntoView({
behavior: "smooth"
});
};
document.addEventListener("scroll", () => {
console.log("Scroll Height: ", scrollContainer().scrollHeight);
console.log("Client Height: ", scrollContainer().clientHeight);
const scrolledPercentage =
(scrollContainer().scrollTop /
(scrollContainer().scrollHeight - scrollContainer().clientHeight)) *100;
if (scrollContainer().scrollTop > showOnPx) {
backToTopButton.classList.remove("hidden");
} else {
backToTopButton.classList.add("hidden");
}
}
);
backToTopButton.addEventListener("click", goToTop);
</script>
<script>
const profileBtns = document.querySelectorAll('.js-profile-button')
const modal = document.querySelector('.js-modal')
const modalClose = document.querySelector('.js-modal-close')
const modalContainer = document.querySelector('.js-modal-container')
function showProfileRating() {
modal.classList.add('open')
}
function hideProfileRating() {
modal.classList.remove('open')
}
for (const profileBtn of profileBtns) {
profileBtn.addEventListener('click', showProfileRating)
}
modalClose.addEventListener('click', hideProfileRating)
modal.addEventListener('click', hideProfileRating)
modalContainer.addEventListener('click', function(event) {
event.stopPropagation()
})
</script>
<script>
const checkbox = document.getElementById('checkbox');
checkbox.addEventListener('change', ()=>{
document.body.classList.toggle('dark');
})
</script>
<script>
function darkMode() {
var element = document.body;
element.classList.toggle("dark-mode");
}
</script>
</body>
</html>