Untitled

<!DOCTYPE html>
<html>
  <head>
    <title>CRUD Javascript</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  </head>
  <body>
    <!-- Nav -->
    <nav>
      <div class="nav-wrapper blue darken-5">
        <div class="container">
          <a href="#" class="brand-logo center">CAPTAIN</a>
          <ul class="right">
            <li><a href="#" class="clear-btn btn blue lighten-3">Clear All</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- End Nav -->

    <div class="container">
      <div class="card">
        <div class="card-content">
          <span class="card-title">INSERT DATA PAKET KURSUS</span>
          <form class="col s12">
            <div class="row">
              <div class="input-field col s6">
                <input type="text" name="nama-paket" id="nama-paket" placeholder="Nama Paket">
                <label for="first-name">Nama Paket</label>
              </div>
              <div class="input-field col s6">
                <input type="text" name="harga-paket" id="harga-paket" placeholder="Harga Paket">
                <label for="last-name">Harga Paket</label>
              </div>
              <button class="add-btn btn blue darken-3">
                <i class="fa fa-plus"></i>&nbsp;&nbsp;Tambah Data Paket
              </button>
              <button class="update-btn btn orange">
                <i class="fa fa-pencil-square-o"></i>&nbsp;&nbsp;Update Data Paket
              </button>
              <button class="delete-btn btn red">
                <i class="fa fa-remove"></i>&nbsp;&nbsp;Hapus Data Paket
              </button>
              <button class="back-btn btn grey pull-right">
                <i class="fa fa-backward"></i>&nbsp;&nbsp;Back
              </button>
            </div>
          </form>
        </div>

        <h3 class="center-align">Total Harga<span class="total-harga" value="total-harga"></span></h3>

        <ul id="item-list" class="collection">
          <!-- <li class="collection-item" id="item">
            <strong>SEO :</strong><em>Rp 200.000</em>
            <a href="#" class="secodary-content">
              <i class="fa fa-pencil"></i>
            </a>
          </li> -->
        </ul>
      </div>
    </div>


    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    <script src="script.js"></script>
  </body>
</html>