Dashboard

<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Dashboard
        <small>Control panel</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">
      <!-- Small boxes (Stat box) -->
      <div class="row">
        <div class="col-md-12">
          <div class="box box-solid">
            <!-- /.box-header -->
              <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                  <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                  <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
                  <!-- <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li> -->
                </ol>
                <div class="carousel-inner">
                  <div class="item active">
                    <img src="../img/Project.png" alt="First slide">

                    <div class="carousel-caption">
                      <h1>#Selamat datang DI SMP NEGRI 1 FAKFAK</h1>
                    </div>
                  </div>
                  <div class="item">
                    <img src="../img/Project1.png" alt="Second slide">

                    <div class="carousel-caption">
                      <h1>#Wujudkanlah mimpimu</h1>
                    </div>
                  </div>
                </div>
                <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                  <span class="fa fa-angle-left"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                  <span class="fa fa-angle-right"></span>
                </a>
              </div>

            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>

        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-aqua">
            <div class="inner">
              <h3>
                INPUT
              </h3>
              <p>DATA PELAJAR</p>
            </div>
            <div class="icon">
              <i class="fa fa-edit"></i>
            </div>
            <a href="inputpelajar" class="small-box-footer">Input Sekarang <i class="fa fa-edit"></i></a>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
              <h3>
                CETAK
              </h3>
              <p>KARTU PELAJAR</p>
            </div>
            <div class="icon">
              <i class="fa fa-print"></i>
            </div>
            <a href="printkartupelajar" class="small-box-footer">Cetak Sekarang <i class="fa fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-yellow">
            <div class="inner">
              <h3>
                CETAK
              </h3>
              <p>KARTU PERPUSTAKAAN</p>
            </div>
            <div class="icon">
              <i class="fa fa-print"></i>
            </div>
            <a href="printkartuperpus" class="small-box-footer">Cetak Sekarang <i class="fa fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-red">
            <div class="inner">
              <h3>
                USERS
                </h3>
              <p>DATA USERS</p>
            </div>
            <div class="icon">
              <i class="fa fa-users"></i>
            </div>
            <a href="manajemenusers" class="small-box-footer">Lihat Sekarang <i class="fa fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-red">
            <div class="inner">
              <h3>
                TEMPLATE
                </h3>
              <p>KARTU PELAJAR</p>
            </div>
            <div class="icon">
              <i class="fa fa-credit-card"></i>
            </div>
            <a href="templatekapel" class="small-box-footer">Ubah Sekarang <i class="fa fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-blue">
            <div class="inner">
              <h3>
                TEMPLATE
                </h3>
              <p>KARTU PERPUSTAKAAN</p>
            </div>
            <div class="icon">
              <i class="fa fa-credit-card"></i>
            </div>
            <a href="templatekaper" class="small-box-footer">Ubah Sekarang <i class="fa fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
              <h3>
                TANDA
                </h3>
              <p>TANGAN KEPSEK</p>
            </div>
            <div class="icon">
              <i class="fa fa-paint-brush"></i>
            </div>
            <a href="tandatangan" class="small-box-footer">Ubah Sekarang <i class="fa fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
              <h3>
                STEMPEL
                </h3>
              <p>SEKOLAH</p>
            </div>
            <div class="icon">
              <i class="fa fa-dot-circle-o"></i>
            </div>
            <a href="stempel" class="small-box-footer">Ubah Sekarang <i class="fa fa-arrow-circle-right"></i></a>
          </div>
        </div>
        <!-- ./col -->
      </div>
    </section>
  </div>