-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
191 lines (161 loc) · 9.51 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>NPWPbyWarkim | Generate & Validasi NPWP</title>
<!-- Opera Speed Dial Favicon -->
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
<!-- Standard Favicon -->
<link rel="icon" type="image/x-icon" href="assets/img/favicon.png" />
<!-- For iPhone 4 Retina display: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/img/favicon.png">
<!-- For iPad: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/favicon.png">
<!-- For iPhone: -->
<link rel="apple-touch-icon-precomposed" href="assets/img/favicon.png">
<meta name="description" content="NPWPbyWarkim cara cepat generate/membuat NPWP dan validasi NPWP gratis dan download untuk penggunaan secara offline di komputer Anda.">
<meta name="keywords" content="npwpbywarkim,npwp by warkim,cara membuat npwp,cara validasi npwp,npwp gratis,npwp offline,generate npwp,syarat membuat npwp,biaya membuat npwp,nomor pokok wajib pajak,npwp pajak,download validator npwp">
<meta name="author" content="Warkim Rapii" >
<meta property="og:url" content="http://npwp.warkim.com" />
<meta property="og:type" content="article" />
<meta property="og:title" content="NPWPbyWarkim | Generate & Validasi NPWP" />
<meta property="og:description" content="NPWPbyWarkim cara cepat generate/membuat NPWP dan validasi NPWP gratis dan download untuk penggunaan secara offline di komputer Anda." />
<meta property="og:image" content="assets/img/warkim_thumb.png" />
<link rel="stylesheet" href="vendor/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="vendor/fontawesome/css/all.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="vendor/jquery-confirm/jquery-confirm.min.css">
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/jquery-confirm/jquery-confirm.min.js"></script>
<script src="assets/js/warkim.js"></script>
</head>
<body>
<div class="container-fluid bg-dark nav-container">
<nav class="navbar navbar-expand-lg navbar-dark">
<!-- <div class="container"> -->
<a class="navbar-brand" href="index.html">
<img src="assets/img/npwpbywarkim.png" alt="NPWP by Warkim Rapii" srcset="" class="d-inline-block align-top logo" height="50px">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto pl-5">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#form-generate" id="menu-generate">Generate</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#form-validasi" id="menu-validasi">Validasi</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#----->coming-soon" id="pencarian-kpp">Pencarian KPP <sup>(next)</sup></a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#----->coming-soon" id="qr-generator">QRCode<sup>(next)</sup></a>
</li>
</ul>
<a href="#" type="button" class="btn btn-md btn-outline-light my-2 my-lg-0 mr-2 ml-5" id="download"><i class="fa fa-bolt"></i> Download Gratis</a>
<a href="#" type="button" class="btn btn-md btn-outline-warning my-2 my-lg-0" id="info"><i class="fa fa-question"></i></a>
</div>
<!-- </div> -->
</nav></div>
<!-- Akhir Navigasi -->
<!-- Notifikasi -->
<div class="container-fluid container-notifikasi pt-3">
<div class="row justify-content-end">
<div class="col-md-6 pr-3 pl-3">
<div class="alert alert-info alert-dismissible fade show notifikasi" role="alert">
<strong>Selamat Berkunjung!</strong> Silahkan Generate (buat secara acak) NPWP dan lakukan Validasi NPWP secara dinamis. Gratis <i class="fa fa-heart"></i>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="alert alert-light alert-dismissible fade show notifikasi" role="alert">
Tool ini dinamakan <strong>NPWP</strong><em>byWarkim</em>
</div>
</div>
</div>
</div>
<!-- Akhir Notifikasi -->
<div class="container">
<div class="row align-items-center row-form pt-5">
<div class="col-xl-6 col-lg-6" id="form-generate" hidden="">
<div class="container-content h-100">
<h1 class="judul text-primary">Generate NPWP</h1>
<hr>
<div class="alert alert-light" role="alert">
<h1 class="text-secondary" id="hasil-generate">00.000.000.0-000.000</h1>
</div>
<div class="alert alert-warning" role="alert">
Hasil Generated hanya boleh digunakan untuk latihan atau kegitan edukasi. NPWP ini bukan npwp yang terdaftar.
</div>
<div class="clearfix"></div>
<button class="btn btn-lg btn-outline-secondary" id="ubah-kpp" data-toggle="modal" data-target="#ubahKPP"><i class="fa fa-unlock"></i> Ubah KPP</button>
<button class="btn btn-lg btn-primary" id="generate-npwp"><i class="fa fa-random"></i> Generate</button>
</div>
</div>
<div class="col-xl-6 col-lg-6" id="form-validasi" hidden="">
<div class="container-content h-100">
<h1 class="judul text-success">Validasi NPWP</h1>
<hr>
<!-- form input -->
<div class="input-group input-group-lg mb-3">
<div class="input-group-prepend">
<span class="input-group-text font-weight-bold text-secondary" id="basic-addon1" for="input-nomor-npwp">Masukkan Nomor NPWP</span>
</div>
<input type="text" class="form-control" placeholder="123456789012345" name="input-nomor-npwp" id="input-nomor-npwp" maxlength="15">
</div>
<!-- end form input -->
<div class="pesan-khusus-validasi"></div>
<h6 class="text-secondary">Hasil <a href="#form-generate" id="link-generate">Generate <span><i class="fa fa-chevron-right"></i></span></a></h6>
<h3 class="text-secondary" id="hasil-generate-rekomendasi">000000000000000</h3>
<div class="alert alert-warning" role="alert">
Masukkan hanya 15 digit angka. <strong>Enter</strong> atau tekan tombol untuk melakukan validasi.
</div>
<div class="clearfix"></div>
<button type="reset" class="btn btn-lg btn-outline-danger" id="reset-npwp"><i class="fa fa-recycle"></i> Reset</button>
<button class="btn btn-lg btn-success" id="validasi-npwp"><i class="fa fa-search"></i> Validasi</button>
</div>
</div>
</div> <!-- end row -->
</div> <!--end container-->
<!-- Modal -->
<div class="modal fade" id="ubahKPP" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-md" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ubah Kode KPP Pratama</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<!-- Konten -->
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">Kode KPP & Cabang</span>
</div>
<input type="text" aria-label="Kode KPP" class="form-control" maxlength="3" placeholder="411" id="input-kode-kpp">
<input type="text" aria-label="Kode Cabang" class="form-control" maxlength="3" placeholder="000" id="input-kode-cabang">
</div>
<div class="clearfix"></div>
<div class="pesan-inputan mt-3"></div>
<!-- Akhir konten -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal" id="modal-tutup"><i class="fa fa-times"></i> Tutup</button>
<button type="button" class="btn btn-primary" id="modal-simpan"><i class="fa fa-save"></i> Simpan</button>
</div>
</div>
</div>
</div>
<script src="vendor/fontawesome/js/all.js"></script>
<script src="vendor/bootstrap/bootstrap.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>