index.php Cek Ongkos Kirim Dengan RajaOngkir PHP 7
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>RajaOngkir - PHP 7</title> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.0/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.1/css/select2.min.css"> | |
| <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> | |
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.0/js/bootstrap.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.1/js/select2.min.js"></script> | |
| <script src="assets/js/app.js"></script> | |
| </head> | |
| <body> | |
| <nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-3"> | |
| <div class="container"> | |
| <a class="navbar-brand" href="#">RajaOngkir | PHP 7</a> | |
| </div> | |
| </nav> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-sm-5"> | |
| <div class="card"> | |
| <h5 class="card-header text-black" style="background-color: .bg-secondary;"> | |
| Cek Ongkos Kirim | |
| </h5> | |
| <div class="card-body"> | |
| <form class="form" id="ongkir" method="POST"> | |
| <div class="form-group"> | |
| <label class="control-label col-sm-4">Kota Asal:</label> | |
| <div class="col-sm-12"> | |
| <select class="form-control" id="kota_asal" name="kota_asal" required=""> | |
| </select> | |
| </div> | |
| </div> | |
| <div class="form-group"> | |
| <label class="control-label col-sm-4">Kota Tujuan</label> | |
| <div class="col-sm-12"> | |
| <select class="form-control" id="kota_tujuan" name="kota_tujuan" required=""> | |
| <option></option> | |
| </select> | |
| </div> | |
| </div> | |
| <div class="form-group"> | |
| <label class="control-label col-sm-4">Kurir</label> | |
| <div class="col-sm-12"> | |
| <select class="form-control" id="kurir" name="kurir" required=""> | |
| <option value="" selected="selected">--Pilih kurir--</option> | |
| <option value="jne">JNE</option> | |
| <option value="tiki">TIKI</option> | |
| <option value="pos">POS INDONESIA</option> | |
| </select> | |
| </div> | |
| </div> | |
| <div class="form-group"> | |
| <label class="control-label col-sm-4">Berat (Kg)</label> | |
| <div class="col-sm-12"> | |
| <input type="text" class="form-control" id="berat" name="berat" placeholder="Max. 30 KG" required=""> | |
| </div> | |
| </div> | |
| <div class="form-group"> | |
| <div class="col-sm-offset-3 col-sm-8"> | |
| <button type="submit" class="btn btn-success col-sm-8">Cek</button> | |
| </div> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-7" id="response_ongkir"> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment