API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 19th, 2020
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Dzakir Dzakir</title>
  5. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  6. <link rel="stylesheet" type="text/css" href="custom.css">
  7. </head>
  8. <body>
  9. <!-- Image and text -->
  10. <div class="container">
  11. <div class="card">
  12. <div class="card-header">
  13. <h6 class="text-uppercase text-center">
  14. slip utang <br>
  15. aing
  16. </h6>
  17. </div>
  18. <div class="card-body">
  19. <div class="row">
  20. <div class="col-md-1">
  21. <label>Nama</label>
  22. </div>
  23. <div class="col-md-1 text-center">
  24. <label>:</label>
  25. </div>
  26. <div class="col-md-6">
  27. <label>Julius Silalahi</label>
  28. </div>
  29. <div class="col-md-1">
  30. <label>Bulan</label>
  31. </div>
  32. <div class="col-md-1 text-center">
  33. <label>:</label>
  34. </div>
  35. <div class="col-md-2">
  36. <label>Januari</label>
  37. </div>
  38. </div>
  39. <div class="row">
  40. <div class="col-md-1">
  41. <label>Alamat</label>
  42. </div>
  43. <div class="col-md-1 text-center">
  44. <label>:</label>
  45. </div>
  46. <div class="col-md-6">
  47. <label class="text-uppercase">bandung</label>
  48. </div>
  49. </div>
  50. <div class="row">
  51. <div class="col-md-1">
  52. <label>Jabatan</label>
  53. </div>
  54. <div class="col-md-1 text-center">
  55. <label>:</label>
  56. </div>
  57. <div class="col-md-6">
  58. <label>Riset And Development</label>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="row">
  63. <div class="col-md-12">
  64. <!-- <div class="table-responsive"> -->
  65. <table class="table table-bordered mb-0">
  66. <thead style="background-color: #f7f7f7;">
  67. <tr>
  68. <th class="p-1">A. Penerimaan</th>
  69. <th class="p-1">B. Pengurangan</th>
  70. </tr>
  71. </thead>
  72. <tbody>
  73. <tr>
  74. <td>
  75. <div class="row">
  76. <div class="col-md-6">
  77. <label class="font-weight-bold">- Gaji Pokok</label>
  78. </div>
  79. <div class="col-md-1">
  80. <label></label>
  81. </div>
  82. <div class="col-md-5 text-right">
  83. <label>RP. 5.000.000</label>
  84. </div>
  85. </div>
  86. <div class="row">
  87. <div class="col-md-1">
  88. <label class="font-weight-bold">1.</label>
  89. </div>
  90. <div class="col-md-4">
  91. <label class="font-weight-bold">Dinas luar</label>
  92. </div>
  93. <div class="col-md-1 text-center">
  94. <label>Jml</label>
  95. </div>
  96. <div class="col-md-3 text-center">
  97. <label>Harga</label>
  98. </div>
  99. <div class="col-md-3 text-center">
  100. <label></label>
  101. </div>
  102. </div>
  103. <div class="row">
  104. <div class="col-md-1">
  105. <label></label>
  106. </div>
  107. <div class="col-md-4">
  108. <label>- Operator</label>
  109. </div>
  110. <div class="col-md-1 text-right">
  111. <label>1</label>
  112. </div>
  113. <div class="col-md-3 text-right">
  114. <label>Rp. 500.000</label>
  115. </div>
  116. <div class="col-md-3 text-right">
  117. <label>Rp. 500.000</label>
  118. </div>
  119. </div>
  120. <div class="row">
  121. <div class="col-md-1">
  122. <label></label>
  123. </div>
  124. <div class="col-md-4">
  125. <label>- Narasumber</label>
  126. </div>
  127. <div class="col-md-1 text-right">
  128. <label>1</label>
  129. </div>
  130. <div class="col-md-3 text-right">
  131. <label>Rp. 500.000</label>
  132. </div>
  133. <div class="col-md-3 text-right">
  134. <label>Rp. 500.000</label>
  135. </div>
  136. </div>
  137. <div class="row">
  138. <div class="col-md-1">
  139. <label></label>
  140. </div>
  141. <div class="col-md-4">
  142. <label>- Pendamping</label>
  143. </div>
  144. <div class="col-md-1 text-right">
  145. <label>1</label>
  146. </div>
  147. <div class="col-md-3 text-right">
  148. <label>Rp. 500.000</label>
  149. </div>
  150. <div class="col-md-3 text-right">
  151. <label>Rp. 500.000</label>
  152. </div>
  153. </div>
  154. <div class="row">
  155. <div class="col-md-1">
  156. <label></label>
  157. </div>
  158. <div class="col-md-4">
  159. <label>- Uang Saku</label>
  160. </div>
  161. <div class="col-md-1 text-right">
  162. <label>1</label>
  163. </div>
  164. <div class="col-md-3 text-right">
  165. <label>Rp. 500.000</label>
  166. </div>
  167. <div class="col-md-3 text-right">
  168. <label>Rp. 500.000</label>
  169. </div>
  170. </div>
  171.  
  172. <div class="row">
  173. <div class="col-md-1">
  174. <label class="font-weight-bold">2.</label>
  175. </div>
  176. <div class="col-md-4">
  177. <label class="font-weight-bold">Lembur mah eweh</label>
  178. </div>
  179. <div class="col-md-1 text-center">
  180. <label></label>
  181. </div>
  182. <div class="col-md-3 text-center">
  183. <label></label>
  184. </div>
  185. <div class="col-md-3 text-right">
  186. <label>Rp. 500.000</label>
  187. </div>
  188. </div>
  189. <div class="row">
  190. <div class="col-md-1">
  191. <label class="font-weight-bold">3.</label>
  192. </div>
  193. <div class="col-md-4">
  194. <label class="font-weight-bold">Loba ceta</label>
  195. </div>
  196. <div class="col-md-1 text-center">
  197. <label></label>
  198. </div>
  199. <div class="col-md-3 text-center">
  200. <label></label>
  201. </div>
  202. <div class="col-md-3 text-right">
  203. <label>Rp. 500.000</label>
  204. </div>
  205. </div>
  206. </td>
  207. <td>
  208. <div class="row">
  209. <div class="col-md-1">
  210. <label>1.</label>
  211. </div>
  212. <div class="col-md-5">
  213. <label>Potongan telat</label>
  214. </div>
  215. <div class="col-md-1">
  216. <label>Jml</label>
  217. </div>
  218. <div class="col-md-3">
  219. <label>Harga</label>
  220. </div>
  221. </div>
  222. <div class="row">
  223. <div class="col-md-1">
  224. <label></label>
  225. </div>
  226. <div class="col-md-5">
  227. <label>> 10-30 menit (0,1)</label>
  228. </div>
  229. <div class="col-md-1 text-center">
  230. <label>0</label>
  231. </div>
  232. <div class="col-md-2">
  233. <label>22.727</label>
  234. </div>
  235. <div class="col-md-1 text-center">
  236. <label>Rp.</label>
  237. </div>
  238. <div class="col-md-2">
  239. <label>0</label>
  240. </div>
  241. </div>
  242. <div class="row">
  243. <div class="col-md-1">
  244. <label></label>
  245. </div>
  246. <div class="col-md-5">
  247. <label>> 30-60 menit (0,2)</label>
  248. </div>
  249. <div class="col-md-1 text-center">
  250. <label>0</label>
  251. </div>
  252. <div class="col-md-2">
  253. <label>45.455</label>
  254. </div>
  255. <div class="col-md-1 text-center">
  256. <label>Rp.</label>
  257. </div>
  258. <div class="col-md-2">
  259. <label>0</label>
  260. </div>
  261. </div>
  262. <div class="row">
  263. <div class="col-md-1">
  264. <label></label>
  265. </div>
  266. <div class="col-md-5">
  267. <label>> 60-90 menit (0,4)</label>
  268. </div>
  269. <div class="col-md-1 text-center">
  270. <label>0</label>
  271. </div>
  272. <div class="col-md-2">
  273. <label>90.909</label>
  274. </div>
  275. <div class="col-md-1 text-center">
  276. <label>Rp.</label>
  277. </div>
  278. <div class="col-md-2">
  279. <label>0</label>
  280. </div>
  281. </div>
  282. <div class="row">
  283. <div class="col-md-1">
  284. <label></label>
  285. </div>
  286. <div class="col-md-5">
  287. <label>> lbh dr 90 menit (0,5)</label>
  288. </div>
  289. <div class="col-md-1 text-center">
  290. <label>0</label>
  291. </div>
  292. <div class="col-md-2">
  293. <label>113.637</label>
  294. </div>
  295. <div class="col-md-1 text-center">
  296. <label>Rp.</label>
  297. </div>
  298. <div class="col-md-2">
  299. <label>0</label>
  300. </div>
  301. </div>
  302.  
  303. <div class="row">
  304. <div class="col-md-1">
  305. <label>2.</label>
  306. </div>
  307. <div class="col-md-5">
  308. <label>Ketidakhadiran</label>
  309. </div>
  310. <div class="col-md-1">
  311. <label>Jml</label>
  312. </div>
  313. <div class="col-md-3">
  314. <label>Harga</label>
  315. </div>
  316. </div>
  317. <div class="row">
  318. <div class="col-md-1">
  319. <label></label>
  320. </div>
  321. <div class="col-md-5">
  322. <label>- Cuti</label>
  323. </div>
  324. <div class="col-md-1 text-center">
  325. <label>0</label>
  326. </div>
  327. <div class="col-md-2">
  328. <label>90.909</label>
  329. </div>
  330. <div class="col-md-1 text-center">
  331. <label>Rp.</label>
  332. </div>
  333. <div class="col-md-2">
  334. <label>0</label>
  335. </div>
  336. </div>
  337. <div class="row">
  338. <div class="col-md-1">
  339. <label></label>
  340. </div>
  341. <div class="col-md-5">
  342. <label>- Sakit > 3 hari</label>
  343. </div>
  344. <div class="col-md-1 text-center">
  345. <label>0</label>
  346. </div>
  347. <div class="col-md-2">
  348. <label>90.909</label>
  349. </div>
  350. <div class="col-md-1 text-center">
  351. <label>Rp.</label>
  352. </div>
  353. <div class="col-md-2">
  354. <label>0</label>
  355. </div>
  356. </div>
  357. <div class="row">
  358. <div class="col-md-1">
  359. <label></label>
  360. </div>
  361. <div class="col-md-5">
  362. <label>- Mangkir</label>
  363. </div>
  364. <div class="col-md-1 text-center">
  365. <label>0</label>
  366. </div>
  367. <div class="col-md-2">
  368. <label>227.273</label>
  369. </div>
  370. <div class="col-md-1 text-center">
  371. <label>Rp.</label>
  372. </div>
  373. <div class="col-md-2">
  374. <label>0</label>
  375. </div>
  376. </div>
  377.  
  378. <div class="row">
  379. <div class="col-md-1">
  380. <label>3.</label>
  381. </div>
  382. <div class="col-md-5">
  383. <label>Lain-lain</label>
  384. </div>
  385. <div class="col-md-1">
  386. <label></label>
  387. </div>
  388. <div class="col-md-3">
  389. <label></label>
  390. </div>
  391. </div>
  392. <div class="row">
  393. <div class="col-md-1">
  394. <label></label>
  395. </div>
  396. <div class="col-md-5">
  397. <label>- Kas Bon</label>
  398. </div>
  399. <div class="col-md-1 text-center">
  400. <label></label>
  401. </div>
  402. <div class="col-md-2">
  403. <label></label>
  404. </div>
  405. <div class="col-md-1 text-center">
  406. <label>Rp.</label>
  407. </div>
  408. <div class="col-md-2">
  409. <label>0</label>
  410. </div>
  411. </div>
  412. <div class="row">
  413. <div class="col-md-1">
  414. <label></label>
  415. </div>
  416. <div class="col-md-5">
  417. <label>- Pinjaman</label>
  418. </div>
  419. <div class="col-md-1 text-center">
  420. <label></label>
  421. </div>
  422. <div class="col-md-2">
  423. <label></label>
  424. </div>
  425. <div class="col-md-1 text-center">
  426. <label>Rp.</label>
  427. </div>
  428. <div class="col-md-2">
  429. <label>0</label>
  430. </div>
  431. </div>
  432. <div class="row">
  433. <div class="col-md-1">
  434. <label></label>
  435. </div>
  436. <div class="col-md-5">
  437. <label>- BPJS</label>
  438. </div>
  439. <div class="col-md-1 text-center">
  440. <label></label>
  441. </div>
  442. <div class="col-md-2">
  443. <label></label>
  444. </div>
  445. <div class="col-md-1 text-center">
  446. <label>Rp.</label>
  447. </div>
  448. <div class="col-md-2">
  449. <label>0</label>
  450. </div>
  451. </div>
  452. <div class="row">
  453. <div class="col-md-1">
  454. <label></label>
  455. </div>
  456. <div class="col-md-5">
  457. <label>- Pajak/lain-lain</label>
  458. </div>
  459. <div class="col-md-1 text-center">
  460. <label></label>
  461. </div>
  462. <div class="col-md-2">
  463. <label></label>
  464. </div>
  465. <div class="col-md-1 text-center">
  466. <label>Rp.</label>
  467. </div>
  468. <div class="col-md-2">
  469. <label>0</label>
  470. </div>
  471. </div>
  472. </td>
  473. </tr>
  474. <tr>
  475. <td class="p-1">
  476. <div class="row">
  477. <div class="col-md-1">
  478. <label></label>
  479. </div>
  480. <div class="col-md-6 text-center">
  481. <label class="m-0">Total</label>
  482. </div>
  483. <div class="col-md-4">
  484. <label class="m-0">RP. 5.000.000</label>
  485. </div>
  486. </div>
  487. </td>
  488. <td class="p-1">
  489. <div class="row">
  490. <div class="col-md-1">
  491. <label class="m-0"></label>
  492. </div>
  493. <div class="col-md-5 text-center">
  494. <label class="m-0">Total</label>
  495. </div>
  496. <div class="col-md-1 text-center">
  497. <label class="m-0"></label>
  498. </div>
  499. <div class="col-md-2">
  500. <label class="m-0"></label>
  501. </div>
  502. <div class="col-md-1 text-center">
  503. <label class="m-0">Rp.</label>
  504. </div>
  505. <div class="col-md-2">
  506. <label class="m-0">0</label>
  507. </div>
  508. </div>
  509. </td>
  510. </tr>
  511. <tr style="background-color: #f7f7f7;">
  512. <td class="p-1">
  513. <div class="row">
  514. <div class="col-md-1">
  515. <label></label>
  516. </div>
  517. <div class="col-md-6 text-center">
  518. <label class="m-0">Gaji Yang diterima</label>
  519. </div>
  520. <div class="col-md-4">
  521. <label class="m-0">RP. 4.772.727</label>
  522. </div>
  523. </div>
  524. </td>
  525. <td class="p-1 border-0" style="background-color: white;">
  526. <div class="row">
  527. <div class="col-md-12 text-center">
  528. <label class="m-0">Bandung, 03-Feb-20</label>
  529. </div>
  530. </div>
  531. </td>
  532. </tr>
  533. <tr>
  534. <td class="p-1">
  535. <div class="row">
  536. <div class="col-md-12 text-center">
  537. <label class="m-0">Yang Menerima</label>
  538. </div>
  539. </div>
  540. <br>
  541. <br>
  542. <br>
  543. <div class="row">
  544. <div class="col-md-12 text-center">
  545. <label class="m-0">Kimino Namaewa?</label>
  546. </div>
  547. </div>
  548. </td>
  549. <td class="p-1 border-0">
  550. <div class="row">
  551. <div class="col-md-12 text-center">
  552. <label class="m-0">Yang Menyerahkan</label>
  553. </div>
  554. </div>
  555. <br>
  556. <br>
  557. <br>
  558. <div class="row">
  559. <div class="col-md-12 text-center">
  560. <label class="m-0">Kimino Namaewa?</label>
  561. </div>
  562. </div>
  563. </td>
  564. </tr>
  565. </tbody>
  566. </table>
  567. <!-- </div> -->
  568. </div>
  569. </div>
  570. </div>
  571. </div>
  572.  
  573.  
  574. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  575. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  576. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  577. </body>
  578. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!