-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtou.html
328 lines (308 loc) · 28.4 KB
/
tou.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
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/style.css">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Montserrat+Alternates:b" rel="stylesheet">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Terms of Use | Gero</title>
<style>
main{
padding-left: 315px;
}
@media only screen and (max-width : 992px) {
header, main, footer {
padding-left: 0;
}
}
footer{z-index: 10; position: relative;}
.sidenav{margin-top: 65px;}
.collapsible > li > .collapsible-header{padding: 0 32px;}
.collapsible > li:focus{border: none; box-shadow: none;}
.collapsible > li > .collapsible-body > ul > li > a{padding: 0 64px;}
</style>
</head>
<body>
<!-- Declarate dropdown value -->
<ul id="dropdown1" class="dropdown-content">
<li><a href = "desktop.html" style="color: #e53935">Desktop Computer</a></li>
<li><a href = "gdesktop.html" style="color: #e53935">Gaming Computer</a></li>
<li><a href = "laptop.html" style="color: #e53935">Entry Laptop</a></li>
<li><a href = "glaptop.html" style="color: #e53935">Gaming Laptop</a></li>
<li><a href = "accesories.html" style="color: #e53935">Computer Accesories</a></li>
<li><a href = "component.html" style="color: #e53935">Computer Component</a></li>
</ul>
<ul id='user' class='dropdown-content' style="width: 300px !important">
<li><a href="#" class="waves-effect waves-light" style="color: #e53935">My Account</a></li>
<li><a href="#!" onclick="logout()" class="waves-effect waves-light" style="color: #e53935">Log Out</a></li>
</ul>
<header>
<div class="navbar-fixe" id="dynamicnav" style="z-index: 99999">
<nav>
<div class="nav-wrapper navbaru">
<!-- menu when mobile mode -->
<a href="login.html" class="sidenav-trigger right" id="no-login-mob" style="display: none"><i class="fas fa-sign-in-alt" style="font-size: 20px;"></i></a>
<a href="#" data-target="slide-out-mob-user" class="sidenav-trigger" id="login-mob" style=""><i class="fas fa-user-alt" style="font-size: 20px;"></i></a>
<a href="index.html" class="brand-logo" style="font-size: 40px;">gero</a>
<a href="#" data-target="slide-out-mob" class="sidenav-trigger" id="menu"><i class="material-icons">menu</i></a>
<!-- Navbar Utama -->
<ul id="nav-mobile" class="left hide-on-med-and-down option main-new">
<li><a href="index.html">Home</a></li>
<li><a class="dropdown-button" href="#!" data-target="dropdown1">Category<i class="material-icons right" style="color: white">arrow_drop_down</i></a></li>
</ul>
<ul id="nav-mobile right-nav-new" class="right hide-on-med-and-down option" style="margin-right: 30px;">
<li>
<div class="row">
<form>
<div class="input-field" style="margin-right: 20px; width: 350px;">
<i class="material-icons prefix" style="margin-left: 2vh; display: inline; top: 0;">search</i>
<input id="search" type="search" placeholder="Search" class="col s12 search" placeholder="Search" required style="display: inline-block; height: 60px;">
<i class="material-icons" onclick="document.getElementById('search').value = ''">close</i>
<ul class="autocomplete-content dropdown-content"></ul>
</div>
</form>
</div>
</li>
<li id="login" style="display: none;"><a class="dropdown-button-user" href="#!" data-target="user"><img src="images/user.svg" alt="" class="circle" width="" center="" style="
top: 9px;
right: 5px;
width: 30px;
position: relative;
"> User</a></li>
<li id="no-login" style="display: none;"><a href="login.html">Sign in</a></li>
<li><a href="#">Card(2)</a></li>
</ul>
<!-- Sidenav Content (For Mobile Version) -->
<ul id="slide-out-mob" class="sidenav grey ">
<li>
<div class="input-field" >
<div class="input-field row">
<i class="material-icons prefix" style="margin-left: 2vh; display: inline; top: 0;">search</i>
<input id="search" type="search" placeholder="Search" class="col s12 search" placeholder="Search" required style="display: inline-block; height: 60px;">
<i class="material-icons" onclick="document.getElementById('search').value = ''">close</i>
</div>
</div>
</li>
<li>
<ul class="collapsible collapsible-accordion">
<li>
<a class="collapsible-header waves-effect waves-red" href="#" style="color: white;">Category <i class="material-icons right" style="color: white;">arrow_drop_down</i></a>
<div class="collapsible-body">
<ul class="grey darken-4">
<li><a href="assets/desktop.html" class="waves-effect waves-red" style="color: white;">Desktop Computer</a></li>
<li><a href="assets/gdesktop.html" class="waves-effect waves-red" style="color: white;">Gaming Computer</a></li>
<li><a href = "assets/laptop.html" class="waves-effect waves-red" style="color: white;">Entry Laptop</a></li>
<li><a href = "assets/glaptop.html" class="waves-effect waves-red" style="color: white;">Gaming Laptop</a></li>
<li><a href = "assets/accesories.html" class="waves-effect waves-red" style="color: white;">Computer Accesories</a></li>
<li><a href = "assets/component.html" class="waves-effect waves-red" style="color: white;">Computer Component</a></li>
</ul>
</div>
</li>
</ul>
</li>
<div class="divider"></div>
<li><a href="login.html" class="waves-effect waves-red" style="color: white; padding: 0 32px;">Account</a>
</li>
<li><a href="#" class="waves-effect waves-red" style="color: white; padding: 0 32px;">Card</a>
</li>
<div class="divider"></div>
<li><a href="about.html" class=" waves-effect waves-red" style="color: white;">About Us</a></li>
<li>
<ul class="collapsible collapsible-accordion ">
<li class="active">
<a class="collapsible-header waves-effect waves-red" style="color: white;" href="tou.html">Terms and Conditions of Use</a>
<div class="collapsible-body">
<ul class="grey darken-1">
<li><a href="tou.html#general-terms" class="waves-effect waves-red" style="color: white;">General Terms</a></li>
<li><a href="tou.html#user-terms" class="waves-effect waves-red" style="color: white;">User Terms</a></li>
</ul>
</div>
</li>
</ul>
</li>
<li><a href="privacy.html" class="waves-effect waves-red" style="color: white;">Privacy Policy</a>
</li>
</ul>
<ul id="slide-out-mob-user" class="sidenav user grey">
<li><div class="user-view">
<div class="background">
<img src="https://materializecss.com/images/office.jpg">
</div>
<a href="#user"><img class="circle" src="images/user.svg"></a>
<a href="#name"><span class="white-text name">User</span></a>
<a href="#email"><span class="white-text email">[email protected]</span></a>
</div>
</li>
<li><a href="#!" style="color: white"><i class="material-icons" style="color: white">account_box</i>My Account</a></li>
<li><a href="#!" onclick="logout()" style="color: white"><i class="fas fa-sign-out-alt" style="color: white"></i>Sign Out</a></li>
</ul>
</div>
</nav>
</div>
</header>
<ul id="slide-out" class="sidenav sidenav-fixed" style="z-index: 1;">
<li><a href="about.html" class=" waves-effect waves-red">About Us</a></li>
<li>
<ul class="collapsible collapsible-accordion">
<li class="active">
<a class="collapsible-header waves-effect waves-red" href="tou.html">Terms and Conditions of Use</a>
<div class="collapsible-body">
<ul>
<li><a href="#general-terms" class="waves-effect waves-red" id="umum" target="_self">General Terms</a></li>
<li><a href=#user-terms class="waves-effect waves-red" id="pengguna" target="_self">User Terms</a></li>
</ul>
</div>
</li>
</ul>
</li>
<li><a href="privacy.html" class="waves-effect waves-red">Privacy Policy</a></li>
</ul>
<main>
<div class="row language">
<div class="col s11" id="lang">
<ul class="tabs">
<li class="tab"><a href="#eng" class="active" onclick="eng()">English</a></li>
<li class="tab"><a href="#idn" onclick="idn()">Indonesia</a></li>
</ul>
</div>
</div>
<div class="row" id="eng">
<div class="col s11">
<h1>Terms & Conditions of Use.</h1>
<p>Welcome to Gero Online Shop. Please read these Terms of Use carefully. These Terms of Use govern the use and access of the Platform (defined below) and use of the service (defined below). By accessing the Platform and / or using the Services, you agree to be bound by these Terms of Use. If you do not agree to these Terms of Use, you do not / stop accessing and / or using this Platform or Service.<br><br>
Access to passwords and password use protected and / or certain areas protected on the Platform and / or use of the Service is limited to Customers who have an account only. You are not permitted to obtain or attempt to gain unauthorized access to this Platform and / or the Service area, or to any other protected information area, in any way that is not expressly authorized by us. Violation of this provision is a violation based on Indonesian law and / or applicable laws and regulations.<br><br>
If you are under 18 years of age: You must obtain consent from your parent or guardian, parent or guardian's acceptance or acceptance of these Terms of Use and their consent to take responsibility for: (i) your actions; (ii) fees associated with the use of any Service or purchase of Products; and (iii) your acceptance and compliance in accordance with these Terms & Conditions of Use. If you do not have permission from your parent or guardian, you must stop using / accessing the platform and stop using the Service.</p>
<br>
<h5 id="general-terms">General Terms</h5>
<ul class="daftar">
<li>Gero as a means of supporting business trying to provide various features and services to ensure the safety and comfort of its users</li><br>
<li>Gero is authorized to take the necessary actions against suspected and / or indirectly allegedly misusing, manipulating, and / or violating the Terms of Use in Gero, ranging from moderating, limiting the amount of account creation, limiting or terminating the right of any User to use the Service , or close the account without giving prior notice or information to the owner of the account in question.</li><br>
<li>Gero has the authority to take the necessary actions against User accounts, from moderating, limiting the amount of account creation, limiting or terminating the right of any User to use the service, or closing the account without giving notice or information first to the owner of the account in question.</li><br>
<li>Gero has the authority to make decisions on the issues that occur in every transaction.</li><br>
<li>Gero has additional security features of TFA (Two Factor Authentication). If the User activates the feature, Gero will send the OTP (One Time Password) code via SMS to the confirmed mobile phone number as the User account number. The OTP code is sent when: change of data in User account such as password, e-mail address, phone number, and / or account number; as well as changes and / or additions of addresses. Enter the OTP code only in the fields provided by Gero system. The OTP code is confidential and not to be communicated to other parties, including those in the name of Gero.</li><br>
<li>Gero reserves the right to request User's personal data if necessary.</li><br>
<li>Gero's usage rules may change from time to time and / or updated from time to time without prior notice. By accessing Gero, Users are deemed to approve changes in the Gero Rules of Use.</li>
</ul><br>
<h5 id="user-terms">User Terms</h5>
<ul class="daftar">
<li>The user is required to complete the full and honest personal data on the account page (profile).</li><br>
<li>Users are prohibited from listing their contact details, contact numbers, e-mail addresses, sites, forums and social media usernames in profile photos and account names (username).</li><br>
<li>Users are responsible for the security of the account including the use of e-mail and password.</li><br>
<li>Users must fill in bank account data for transactions in Gero.</li><br>
<li>The use of any facilities provided by Gero indicates that the User has understood and agreed to any rules imposed by Gero.</li><br>
<li>While in the Gero platform, the User is strictly prohibited from submitting any type of content that is misleading, defamatory, or libelous, contains or interferes with SARA, discriminates, and / or corners others.</li><br>
<li>Users are not permitted to use Gero to violate any rules set by law in Indonesia or elsewhere.</li><br>
<li>The User is responsible for any risks that arise in the future for the information it provides into Gero, including but not limited to matters relating to copyright, trademark, industrial design, industrial layout design and patents on a product.</li><br>
<li>Users are required to respect the rights of other Users by not providing personal information to other parties without the party's consent.</li><br>
<li>Users are not allowed to send spam e-mail by referring to any part of Gero.</li><br>
<li>Gero reserves the right to block the use of the system against Users who violate Indonesian laws and regulations.</li><br>
<li>Users will get a variety of latest promo information and exclusive offers. However User may unsubscribe (unsubscribe) if you do not wish to receive such information.</li><br>
<li>Users are prohibited from using harsh words in the messaging or chat feature or the retur discussion field.</li><br>
</ul>
</div>
</div>
<div class="row" id="idn">
<div class="col s11">
<h1>Persyaratan & Ketentuan Penggunaan.</h1>
<p>Selamat datang di Gero Online Shop. Silakan baca Ketentuan Penggunaan ini dengan seksama. Ketentuan Penggunaan ini mengatur penggunaan dan akses Platform (ditentukan di bawah) dan penggunaan layanan (ditentukan di bawah). Dengan mengakses Platform dan / atau menggunakan Layanan, Anda setuju untuk terikat dengan Ketentuan Penggunaan ini. Jika Anda tidak menyetujui Ketentuan Penggunaan ini, Anda tidak / berhenti mengakses dan / atau menggunakan Platform atau Layanan ini.<br><br>
Akses ke kata sandi dan penggunaan kata sandi yang dilindungi dan / atau area tertentu yang dilindungi pada Platform dan / atau penggunaan Layanan terbatas untuk Pelanggan yang memiliki akun saja. Anda tidak diizinkan untuk mendapatkan atau mencoba untuk mendapatkan akses tidak sah ke Platform ini dan / atau area Layanan, atau ke area informasi yang dilindungi lainnya, dengan cara apa pun yang tidak secara tegas diizinkan oleh kami. Pelanggaran terhadap ketentuan ini adalah pelanggaran berdasarkan hukum Indonesia dan / atau hukum dan peraturan yang berlaku.<br><br>
Jika Anda berusia di bawah 18 tahun: Anda harus mendapatkan persetujuan dari orang tua atau wali, orang tua atau wali penerimaan atau penerimaan Ketentuan Penggunaan ini dan persetujuan mereka untuk mengambil tanggung jawab untuk: (i) tindakan Anda; (ii) biaya yang terkait dengan penggunaan Layanan apa pun atau pembelian Produk; dan (iii) penerimaan dan kepatuhan Anda sesuai dengan Ketentuan & Ketentuan Penggunaan. Jika Anda tidak memiliki izin dari orang tua atau wali Anda, Anda harus berhenti menggunakan / mengakses platform dan berhenti menggunakan Layanan.</p>
<br>
<h5 id="umum">Ketentuan Umum</h5>
<ul class="daftar">
<li>Gero sebagai sarana pendukung bisnis mencoba menyediakan berbagai fitur dan layanan untuk memastikan keamanan dan kenyamanan penggunanya</li><br>
<li>Gero berwenang untuk mengambil tindakan yang diperlukan terhadap dugaan dan / atau secara tidak langsung diduga menyalahgunakan, memanipulasi, dan / atau melanggar Ketentuan Penggunaan di Gero, mulai dari moderasi, membatasi jumlah pembuatan akun, membatasi atau menghentikan hak setiap Pengguna untuk menggunakan Layanan, atau menutup akun tanpa memberikan pemberitahuan atau informasi sebelumnya kepada pemilik akun yang bersangkutan.</li><br>
<li>Gero memiliki wewenang untuk mengambil tindakan yang diperlukan terhadap akun Pengguna, dari memoderasi, membatasi jumlah pembuatan akun, membatasi atau menghentikan hak setiap Pengguna untuk menggunakan layanan, atau menutup akun tanpa memberikan pemberitahuan atau informasi terlebih dahulu kepada pemilik akun yang dimaksud.</li><br>
<li>Gero memiliki wewenang untuk membuat keputusan tentang masalah yang terjadi di setiap transaksi.</li><br>
<li>Gero memiliki fitur keamanan tambahan TFA (Two Factor Authentication). Jika Pengguna mengaktifkan fitur, Gero akan mengirim kode OTP (One Time Password) melalui SMS ke nomor ponsel yang dikonfirmasi sebagai nomor akun Pengguna. Kode OTP dikirim ketika: perubahan data dalam akun Pengguna seperti kata sandi, alamat e-mail, nomor telepon, dan / atau nomor akun; serta perubahan dan / atau penambahan alamat. Masukkan kode OTP hanya di bidang yang disediakan oleh sistem Gero. Kode OTP bersifat rahasia dan tidak untuk dikomunikasikan kepada pihak lain, termasuk yang atas nama Gero.</li><br>
<li>Gero berhak untuk meminta data pribadi Pengguna jika diperlukan.</li><br>
<li>Aturan penggunaan Gero dapat berubah dari waktu ke waktu dan / atau diperbarui dari waktu ke waktu tanpa pemberitahuan sebelumnya. Dengan mengakses Gero, Pengguna dianggap menyetujui perubahan dalam Aturan Penggunaan Gero.</li>
</ul><br>
<h5 id="pengguna">Ketentuan Pengguna</h5>
<ul class="daftar">
<li>Pengguna wajib melengkapi data pribadi yang lengkap dan jujur di halaman akun (profil).</li><br>
<li>Pengguna dilarang mencantumkan rincian kontak mereka, nomor kontak, alamat e-mail, situs, forum dan nama pengguna media sosial di foto profil dan nama akun (nama pengguna).</li><br>
<li>Pengguna bertanggung jawab atas keamanan akun termasuk penggunaan e-mail dan kata sandi.</li><br>
<li>Pengguna harus mengisi data rekening bank untuk transaksi di Gero.</li><br>
<li>Penggunaan fasilitas apa pun yang disediakan oleh Gero menunjukkan bahwa Pengguna telah memahami dan menyetujui peraturan yang diberlakukan oleh Gero.</li><br>
<li>Selama di platform Gero, Pengguna dilarang keras mengirimkan jenis konten apa pun yang menyesatkan, mencemarkan nama baik, atau memfitnah, berisi atau mengganggu SARA, membedakan, dan / atau memojokkan orang lain.</li><br>
<li>Pengguna tidak diizinkan menggunakan Gero untuk melanggar aturan apa pun yang ditetapkan oleh hukum di Indonesia atau di tempat lain.</li><br>
<li>Pengguna bertanggung jawab atas segala risiko yang muncul di masa depan untuk informasi yang diberikannya ke Gero, termasuk tetapi tidak terbatas pada hal-hal yang berkaitan dengan hak cipta, merek dagang, desain industri, desain tata letak industri dan paten pada suatu produk.</li><br>
<li>Pengguna diharuskan untuk menghormati hak Pengguna lain dengan tidak memberikan informasi pribadi kepada pihak lain tanpa persetujuan pihak tersebut.</li><br>
<li>Pengguna tidak diizinkan mengirim e-mail spam dengan merujuk ke bagian Gero mana pun.</li><br>
<li>Gero berhak memblokir penggunaan sistem terhadap Pengguna yang melanggar hukum dan peraturan Indonesia.</li><br>
<li>Pengguna akan mendapatkan berbagai informasi promo terbaru dan penawaran eksklusif. Namun Pengguna dapat berhenti berlangganan (berhenti berlangganan) jika Anda tidak ingin menerima informasi tersebut.</li><br>
<li>Pengguna dilarang menggunakan kata-kata kasar dalam fitur perpesanan atau obrolan atau bidang diskusi retur.</li><br>
</ul>
</div>
</div>
</main>
<footer class="page-footer" style="background: #857a7a">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Welcome to Gero</h5>
<p class="grey-text text-lighten-4">This is Gero, Gear Online, the best online shop for PC Gamer and IT Users. We only sell original and best product for your needs. With simple and fluid website design and easy payment, free deliveries and COD, we make it easy for you to get what tou want to have. So, dont worry again, lets shop in Gero.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Gero</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="about.html">About Us</a></li>
<li><a class="grey-text text-lighten-3" href="tou.html">Term Of Services</a></li>
<li><a class="grey-text text-lighten-3" href="privacy.html">Privacy Policy</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container" style="line-height: 28px;">
© 2018 Gero Indonesia
<a class="grey-text text-lighten-4 right" style="font-size: 25px; font-weight: 700;" href="#!">Gero</a>
</div>
</div>
</footer>
<!--JavaScript at end of body for optimized loading-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script>
function eng(){
document.getElementById("umum").href="#general-terms";
document.getElementById("pengguna").href="#user-terms";
document.title = "Terms of Use | Gero";
};
function idn(){
document.getElementById("umum").href="#umum";
document.getElementById("pengguna").href="#pengguna";
document.title = "Ketentuan Penggunaan | Gero";
}
function respons(x){
if(x.matches){
window.onscroll = function() {down()};
var header = document.getElementById("dynamicnav");
var sidenav = document.getElementById("slide-out");
var sticky = header.offsetTop;
sticky += 120;
function down(){
if(window.pageYOffset >= sticky) {
header.classList.add("sticky");
sidenav.style.position = "fixed";
} else if(window.pageYOffset < (sticky+100)){
header.classList.remove("sticky");
sidenav.style.position = "absolute";
}
}
}
}
var width2 = window.matchMedia("(max-width: 700px)");
respons(width2);
width2.addListener(respons);
</script>
</body>
</html>