Advertisement
Suwandiaminsangaji

Dashboard

Aug 16th, 2022
683
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 6.34 KB | None | 0 0
  1. <div class="content-wrapper">
  2.     <!-- Content Header (Page header) -->
  3.     <section class="content-header">
  4.       <h1>
  5.         Dashboard
  6.         <small>Control panel</small>
  7.       </h1>
  8.       <ol class="breadcrumb">
  9.         <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
  10.         <li class="active">Dashboard</li>
  11.       </ol>
  12.     </section>
  13.  
  14.     <!-- Main content -->
  15.     <section class="content">
  16.       <!-- Small boxes (Stat box) -->
  17.       <div class="row">
  18.         <div class="col-md-12">
  19.           <div class="box box-solid">
  20.             <!-- /.box-header -->
  21.               <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  22.                 <ol class="carousel-indicators">
  23.                   <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  24.                   <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
  25.                   <!-- <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li> -->
  26.                 </ol>
  27.                 <div class="carousel-inner">
  28.                   <div class="item active">
  29.                     <img src="../img/Project.png" alt="First slide">
  30.  
  31.                     <div class="carousel-caption">
  32.                       <h1>#Selamat datang DI SMP NEGRI 1 FAKFAK</h1>
  33.                    </div>
  34.                   </div>
  35.                   <div class="item">
  36.                     <img src="../img/Project1.png" alt="Second slide">
  37.  
  38.                     <div class="carousel-caption">
  39.                       <h1>#Wujudkanlah mimpimu</h1>
  40.                    </div>
  41.                   </div>
  42.                 </div>
  43.                 <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
  44.                   <span class="fa fa-angle-left"></span>
  45.                 </a>
  46.                 <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
  47.                   <span class="fa fa-angle-right"></span>
  48.                 </a>
  49.               </div>
  50.  
  51.             <!-- /.box-body -->
  52.           </div>
  53.           <!-- /.box -->
  54.         </div>
  55.  
  56.         <div class="col-lg-3 col-xs-6">
  57.           <!-- small box -->
  58.           <div class="small-box bg-aqua">
  59.             <div class="inner">
  60.               <h3>
  61.                 INPUT
  62.               </h3>
  63.               <p>DATA PELAJAR</p>
  64.             </div>
  65.             <div class="icon">
  66.               <i class="fa fa-edit"></i>
  67.             </div>
  68.             <a href="inputpelajar" class="small-box-footer">Input Sekarang <i class="fa fa-edit"></i></a>
  69.           </div>
  70.         </div>
  71.         <!-- ./col -->
  72.         <div class="col-lg-3 col-xs-6">
  73.           <!-- small box -->
  74.           <div class="small-box bg-green">
  75.             <div class="inner">
  76.               <h3>
  77.                 CETAK
  78.               </h3>
  79.               <p>KARTU PELAJAR</p>
  80.             </div>
  81.             <div class="icon">
  82.               <i class="fa fa-print"></i>
  83.             </div>
  84.             <a href="printkartupelajar" class="small-box-footer">Cetak Sekarang <i class="fa fa-arrow-circle-right"></i></a>
  85.           </div>
  86.         </div>
  87.         <!-- ./col -->
  88.         <div class="col-lg-3 col-xs-6">
  89.           <!-- small box -->
  90.           <div class="small-box bg-yellow">
  91.             <div class="inner">
  92.               <h3>
  93.                 CETAK
  94.               </h3>
  95.               <p>KARTU PERPUSTAKAAN</p>
  96.             </div>
  97.             <div class="icon">
  98.               <i class="fa fa-print"></i>
  99.             </div>
  100.             <a href="printkartuperpus" class="small-box-footer">Cetak Sekarang <i class="fa fa-arrow-circle-right"></i></a>
  101.           </div>
  102.         </div>
  103.         <!-- ./col -->
  104.         <div class="col-lg-3 col-xs-6">
  105.           <!-- small box -->
  106.           <div class="small-box bg-red">
  107.             <div class="inner">
  108.               <h3>
  109.                 USERS
  110.                 </h3>
  111.               <p>DATA USERS</p>
  112.             </div>
  113.             <div class="icon">
  114.               <i class="fa fa-users"></i>
  115.             </div>
  116.             <a href="manajemenusers" class="small-box-footer">Lihat Sekarang <i class="fa fa-arrow-circle-right"></i></a>
  117.           </div>
  118.         </div>
  119.         <div class="col-lg-3 col-xs-6">
  120.           <!-- small box -->
  121.           <div class="small-box bg-red">
  122.             <div class="inner">
  123.               <h3>
  124.                 TEMPLATE
  125.                 </h3>
  126.               <p>KARTU PELAJAR</p>
  127.             </div>
  128.             <div class="icon">
  129.               <i class="fa fa-credit-card"></i>
  130.             </div>
  131.             <a href="templatekapel" class="small-box-footer">Ubah Sekarang <i class="fa fa-arrow-circle-right"></i></a>
  132.           </div>
  133.         </div>
  134.         <div class="col-lg-3 col-xs-6">
  135.           <!-- small box -->
  136.           <div class="small-box bg-blue">
  137.             <div class="inner">
  138.               <h3>
  139.                 TEMPLATE
  140.                 </h3>
  141.               <p>KARTU PERPUSTAKAAN</p>
  142.             </div>
  143.             <div class="icon">
  144.               <i class="fa fa-credit-card"></i>
  145.             </div>
  146.             <a href="templatekaper" class="small-box-footer">Ubah Sekarang <i class="fa fa-arrow-circle-right"></i></a>
  147.           </div>
  148.         </div>
  149.         <div class="col-lg-3 col-xs-6">
  150.           <!-- small box -->
  151.           <div class="small-box bg-green">
  152.             <div class="inner">
  153.               <h3>
  154.                 TANDA
  155.                 </h3>
  156.               <p>TANGAN KEPSEK</p>
  157.             </div>
  158.             <div class="icon">
  159.               <i class="fa fa-paint-brush"></i>
  160.             </div>
  161.             <a href="tandatangan" class="small-box-footer">Ubah Sekarang <i class="fa fa-arrow-circle-right"></i></a>
  162.           </div>
  163.         </div>
  164.         <div class="col-lg-3 col-xs-6">
  165.           <!-- small box -->
  166.           <div class="small-box bg-green">
  167.             <div class="inner">
  168.               <h3>
  169.                 STEMPEL
  170.                 </h3>
  171.               <p>SEKOLAH</p>
  172.             </div>
  173.             <div class="icon">
  174.               <i class="fa fa-dot-circle-o"></i>
  175.             </div>
  176.             <a href="stempel" class="small-box-footer">Ubah Sekarang <i class="fa fa-arrow-circle-right"></i></a>
  177.           </div>
  178.         </div>
  179.         <!-- ./col -->
  180.       </div>
  181.     </section>
  182.   </div>
  183.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement