skrip

<!DOCTYPE html>
<html ng-app="siswa">
  <head>
    <meta charset="utf-8">
    <title>ANGGOTA SERIKAT LOG HORIZON</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" media="screen" title="no title" charset="utf-8">
<!-- STYLE CSS -->
    <style media="screen">
      body{
        background-image: url('img/background5.jpg');
        background-size: 100% ;
      }
    </style>
<!-- =====================    -->
  </head>
  <body ng-controller="siswaController">
<!-- LOGO -->
    <div class="logo2" style=" float:right" >
      <img src="img/lh.png" alt="lh" style="width:300px;margin-right:200px"/>
    </div>
<!-- ==================== -->
    <h1 style="margin-left:30px">ANGGOTA SERIKAT LOG HORIZON</h1>
    <hr>
<!-- INPUT DATA -->
    <div class="row" style="margin:30px 0 30px 30px">
      <div class="col-md-3">
        <form>
          <div class="form-group">
            <label for="no">No Urut</label>
            <input type="number" class="form-control" id="no" ng-model="no" required>
            <p style="color:green; font-style:italic;font-family:snell;">
              Note : Nomor urut dimulai dari nol (0)
            </p>
          </div>
          <div class="form-group">
           <p style="color:black; font-style:italic;font-family:Georgia">
            <label for="nama">Nama</label>
            <input type="text" class="form-control" id="nama" ng-model="nama" required>
            </p>
          </div>
          <div class="form-group">
          <p style="color:black; font-style:italic;font-family:Georgia">
            <label for="alamat">Alamat</label>
            <input type="text" class="form-control" id="alamat" ng-model="alamat" required>
            </p>
          </div>
          <div class="form-group">
          <p style="color:black; font-style:italic;font-family:snell">
          <label for="Class">Class</label>
            <input type="text" class="form-control" id="Class" ng-model="Class" required>
            </p>
          </div>
          <div class="form-group">
          <p style="color:black; font-style:italic;font-family:Georgia">
            <label for="foto">Foto</label>
            <input type="text" name="foto" value="" ng-model="foto" class="form-control" required>
            </p>
          </div>
          <p style="color:green;font-style:italic;font-family:Georgia">
            Daftar Gambar : akatsuki.png, shiroe.jpg, naotsugu.jpg, nyanta.jpg
          </p>
          <button type="submit" class="btn btn-primary" ng-click="tambah()">Tambah</button>
        </form>
      </div>
<!-- ======================= -->
      <div class="col-md-9">
<!-- TAB DINAMIS -->
        <section ng-controller="PanelController" ng-init="tab = 0">
          <ul class="nav nav-tabs">
            <li ng-repeat="tabs in murid" ng-class="{active: isSelected(tabs.no)}">
              <a href="#" ng-click="selectTab(tabs.no)">ANGGOTA {{tabs.no}}</a></li>
          </ul>
<!-- ========================== -->
        <div class="row" style="margin:30px 0 0 30px">
          <div class="col-md-4">
            <img ng-src="img/{{murid[tab].foto}}" class="img-thumbnail" alt="" style="width:250px;height:300px"/>
          </div>
            <div class="col-md-8" style="margin-top:30px;font-size:24px">
              <table class="table table-hover">
              <p style="color:green;font-style:italic;font-family:Georgia">
                <tr>
                  <th>Nama</th>
                  <td>:</td>
                  <td>{{murid[tab].nama | uppercase}}</td>
                </tr>
                <tr>
                  <th>Alamat</th>
                  <td>:</td>
                  <td>{{murid[tab].alamat | uppercase}}</td>
                </tr>
                <tr>
                  <th>Class</th>
                  <td>:</td>
                  <td>{{murid[tab].Class | uppercase}}</td>
                </tr>
                </p>
              </table>
            </div>
        </div>
      </div>
    </div>
    <hr>
    <div class="row" style="margin:0px 10px 0 10px">
      <div class="col-md-6">
        <img src="img/logo2.png" alt="logo2" style="width:150px;margin-right:50px"//>
      </div>
      <div class="col-md-6">
        <div class="" style="text-align:right">
          <h4>LOG HORIZON</h4>
          <h5>Shiroe</h5>
        </div>
      </div>
    </div>
      </section>
    <script type="text/javascript" src="js/angular.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
  </body>
</html>