-
Notifications
You must be signed in to change notification settings - Fork 4
/
paket.html
239 lines (224 loc) · 9.27 KB
/
paket.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
<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Harga Paket</title>
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="assets/all.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="assets/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
<style>
.content {
background-color: grey;
background-image: url("img/pattern.png");
background-repeat: repeat;
}</style>
</head>
<body class="hold-transition layout-top-nav">
<div class="wrapper">
<!-- Navbar -->
<nav class="main-header navbar navbar-expand-md navbar-dark navbar-primary">
<div class="container">
<button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">
<img src="img/logo.png" alt="ochinetlogo" class="brand-image" width="150">
</a>
<div class="collapse navbar-collapse order-3" id="navbarCollapse">
<!-- Left navbar links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="login.html" class="nav-link">Login</a>
</li>
<li class="nav-item">
<a href="status" class="nav-link">Status</a>
</li>
<li class="nav-item">
<a href="paket.html" class="nav-link">Harga Paket</a>
</li>
</ul>
</ul>
</div>
</div>
</nav>
<!-- /.navbar -->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- /.content-header -->
<!-- Main content -->
<div class="content">
<div class="container py-5">
<div class="row justify-content-md-center">
<div class="col-lg-12 auto">
<div class="card card-primary">
<div class="card-header">
<h5 class="card-title m-0">Paket Internet Voucher (Harga Baru 25 Maret 2020)</h5>
</div>
<div class="card-body table-responsive p-0">
<table class="table table-hover">
<thead>
<tr>
<th>No</th>
<th>Paket</th>
<th>Masa Aktif</th>
<th>Harga</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Bronze</td>
<td>3 Jam</td>
<td>Rp 2.000</td>
</tr>
<tr>
<td>2</td>
<td>Silver</td>
<td>1 Hari</td>
<td>Rp 5.000</td>
</tr>
<tr>
<td>3</td>
<td>Gold</td>
<td>3 Hari</td>
<td>Rp 10.000</td>
</tr>
<tr>
<td>4</td>
<td>Platinum</td>
<td>7 Hari</td>
<td>Rp 20.000</td>
</tr>
<tr>
<td>5</td>
<td>Diamond</td>
<td>30 Hari</td>
<td>Rp 40.000</td>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-lg-12 auto">
<div class="card card-primary">
<div class="card-header">
<h5 class="card-title m-0">Syarat dan Ketentuan voucher</h5>
</div>
<div class="card-body">
<h6>Berikut syarat untuk voucher : </h6>
<ul class="list-group list-group-flush">
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Voucher bisa digunakan diwilayah blok K dan J (Kemungkinan akan diperluas jaringannya)</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Beli Voucher langsung datang kerumah, bisa juga diantarkan langsung ke tempat</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Limit pemakaian Voucher hanya 1 Perangkat, jika ingin mengganti perangkat silahkan Logout terlebih dahulu pada perangkat yang pertama, lalu login kembali pada perangkat kedua</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Masa Aktif, waktu akan terus berjalan, baik itu dipakai maupun tidak dipakai sejak login.</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Kode Voucher rusak bisa diganti dengan baru</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Pembayaran Voucher bisa kapan aja (BON) maksimal 3 hari sesudah membeli dan aktif</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-12 auto">
<div class="card card-success">
<div class="card-header">
<h5 class="card-title m-0">Paket Home</h5>
</div>
<div class="ribbon-wrapper ribbon-lg">
<div class="ribbon bg-warning">
BARU !!
</div>
</div>
<div class="card-body table-responsive p-0">
<table class="table table-hover">
<thead>
<tr>
<th>No</th>
<th>Paket</th>
<th>Speed</th>
<th>Harga</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>HomeOne</td>
<td>5Mbps</td>
<td>Rp 140.000</td>
</tr>
<tr>
<td>2</td>
<td>HomeTwo</td>
<td>7Mbps</td>
<td>Rp 170.000</td>
</tr>
<!--<tr>
<td>3</td>
<td>HomeThree</td>
<td>10Mbps</td>
<td>Rp 180.000</td>
</tr>
<tr>
<td>4</td>
<td>HomeFour</td>
<td>15Mbps</td>
<td>Rp 205.000</td>
</tr>-->
</tbody>
</table>
</div>
</div>
</div>
<div class="col-lg-12 auto">
<div class="card card-success">
<div class="card-header">
<h5 class="card-title m-0">Syarat dan Ketentuan berlangganan</h5>
</div>
<div class="card-body">
<h6>Berikut syarat yang harus diikuti : </h6>
<ul class="list-group list-group-flush">
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Setelah instalasi baru, pelanggan akan diberikan masa trial selama 3 Hari setelah itu akan dihitung dan ditagihkan sebelum tgl 20</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Paket ini khusus berlangganan perbulan bukan perhari atau perjam</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Jangkauan Area untuk saat ini hanya ada di <b>Blok K dan J</b></li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Harga diatas belum termasuk biaya instalasi dan sewa perangkat</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Harga perbulan bisa berubah sewaktu-waktu untuk penyesuaian paket yang lebih efisien.</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Internet Pribadi berbeda dengan Voucher, jadi tidak masuk ke jalur Voucher</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Jatuh tempo tagihan paling maksimal setiap tanggal 20, 4 hari selebihnya dikenakan denda perhari, lebih daripada itu akan diputus.</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Perangkat yang diberikan adalah pinjaman, diharapkan menjaganya dengan baik, bila rusak akan dikenakan denda</li>
<li class="list-group-item"><i class="fas fa-long-arrow-alt-right"></i> Pembayaran bisa dilakukan melalui BCA, OVO, Bank BTPN atau datang kerumah langsung.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
<footer class="main-footer">
<strong>Copyright © 2019-2020 <a href="http://troke.id">troke.id</a>.</strong> All rights
reserved.
</footer>
</div>
<!-- /.content-wrapper -->
<!-- /.control-sidebar -->
<!-- Main Footer -->
</div>
<!-- ./wrapper -->
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
<script src="assets/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="assets/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="assets/adminlte.min.js"></script>
</body>
</html>