API tools faq
paste
FATechID

maps.php

FATechID
May 8th, 2019
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 15.21 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. // Inisialisasi Sesi
  3. session_start();
  4.  
  5. // Check jika sudah login, atau jika belum login maka akan di redirect ke Halaman Login
  6. if(!isset($_SESSION["loggedin"]) || $_SESSION["loggedin"] !== true){
  7.     header("location: index.php");
  8.     exit;
  9. }
  10. ?>
  11.  
  12. <!DOCTYPE html>
  13. <html>
  14.  
  15. <head>
  16.   <meta charset="utf-8">
  17.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  18.   <meta name="description" content="Start your development with a Dashboard for Bootstrap 4.">
  19.   <meta name="author" content="Creative Tim">
  20.   <title>Argon Dashboard - Free Dashboard for Bootstrap 4</title>
  21.   <!-- Favicon -->
  22.   <link href="assets/img/brand/favicon.png" rel="icon" type="image/png">
  23.   <!-- Fonts -->
  24.   <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  25.   <!-- Icons -->
  26.   <link href="assets/vendor/nucleo/css/nucleo.css" rel="stylesheet">
  27.   <link href="assets/vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
  28.   <!-- Argon CSS -->
  29.   <link type="text/css" href="assets/css/argon.css?v=1.0.0" rel="stylesheet">
  30. </head>
  31.  
  32. <body>
  33.   <!-- Sidenav -->
  34.   <nav class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-white" id="sidenav-main">
  35.     <div class="container-fluid">
  36.       <!-- Toggler -->
  37.       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle navigation">
  38.         <span class="navbar-toggler-icon"></span>
  39.       </button>
  40.       <!-- Brand -->
  41.       <a class="navbar-brand pt-0" href="index.php">
  42.         <img src="assets/img/brand/blue.png" class="navbar-brand-img" alt="...">
  43.       </a>
  44.       <!-- User -->
  45.       <ul class="nav align-items-center d-md-none">
  46.         <li class="nav-item dropdown">
  47.           <a class="nav-link nav-link-icon" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  48.             <i class="ni ni-bell-55"></i>
  49.           </a>
  50.           <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" aria-labelledby="navbar-default_dropdown_1">
  51.             <a class="dropdown-item" href="#">Action</a>
  52.             <a class="dropdown-item" href="#">Another action</a>
  53.             <div class="dropdown-divider"></div>
  54.             <a class="dropdown-item" href="#">Something else here</a>
  55.           </div>
  56.         </li>
  57.         <li class="nav-item dropdown">
  58.           <a class="nav-link" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  59.             <div class="media align-items-center">
  60.               <span class="avatar avatar-sm rounded-circle">
  61.                 <img alt="Image placeholder" src="assets/img/theme/team-1-800x800.jpg">
  62.               </span>
  63.             </div>
  64.           </a>
  65.           <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right">
  66.             <div class=" dropdown-header noti-title">
  67.               <h6 class="text-overflow m-0">Welcome!</h6>
  68.             </div>
  69.             <a href="examples/profile.html" class="dropdown-item">
  70.               <i class="ni ni-single-02"></i>
  71.               <span>My profile</span>
  72.             </a>
  73.             <a href="examples/profile.html" class="dropdown-item">
  74.               <i class="ni ni-settings-gear-65"></i>
  75.               <span>Settings</span>
  76.             </a>
  77.             <a href="examples/profile.html" class="dropdown-item">
  78.               <i class="ni ni-calendar-grid-58"></i>
  79.               <span>Activity</span>
  80.             </a>
  81.             <a href="examples/profile.html" class="dropdown-item">
  82.               <i class="ni ni-support-16"></i>
  83.               <span>Support</span>
  84.             </a>
  85.             <div class="dropdown-divider"></div>
  86.             <a href="#!" class="dropdown-item">
  87.               <i class="ni ni-user-run"></i>
  88.               <span>Logout</span>
  89.             </a>
  90.           </div>
  91.         </li>
  92.       </ul>
  93.       <!-- Collapse -->
  94.       <div class="collapse navbar-collapse" id="sidenav-collapse-main">
  95.         <!-- Collapse header -->
  96.         <div class="navbar-collapse-header d-md-none">
  97.           <div class="row">
  98.             <div class="col-6 collapse-brand">
  99.               <a href="index.php">
  100.                 <img src="assets/img/brand/blue.png">
  101.               </a>
  102.             </div>
  103.             <div class="col-6 collapse-close">
  104.               <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle sidenav">
  105.                 <span></span>
  106.                 <span></span>
  107.               </button>
  108.             </div>
  109.           </div>
  110.         </div>
  111.         <!-- Form -->
  112.         <form class="mt-4 mb-3 d-md-none">
  113.           <div class="input-group input-group-rounded input-group-merge">
  114.             <input type="search" class="form-control form-control-rounded form-control-prepended" placeholder="Search" aria-label="Search">
  115.             <div class="input-group-prepend">
  116.               <div class="input-group-text">
  117.                 <span class="fa fa-search"></span>
  118.               </div>
  119.             </div>
  120.           </div>
  121.         </form>
  122.         <!-- Navigation -->
  123.         <ul class="navbar-nav">
  124.           <li class="nav-item">
  125.             <a class="nav-link" href="index.php">
  126.               <i class="ni ni-tv-2 text-primary"></i> Dashboard
  127.             </a>
  128.           </li>
  129.           <li class="nav-item">
  130.             <a class="nav-link active" href="maps.php">
  131.               <i class="ni ni-pin-3 text-orange"></i> Maps
  132.             </a>
  133.           </li>
  134.           <li class="nav-item">
  135.             <a class="nav-link" href="profile.php">
  136.               <i class="ni ni-single-02 text-yellow"></i> User profile
  137.             </a>
  138.           </li>
  139.         </ul>
  140.         <!-- Divider -->
  141.         <hr class="my-3">
  142.         <!-- Heading -->
  143.         <h6 class="navbar-heading text-muted">Documentation</h6>
  144.         <!-- Navigation -->
  145.         <ul class="navbar-nav mb-md-3">
  146.           <li class="nav-item">
  147.             <a class="nav-link" href="https://fatechid.com">
  148.               <i class="ni ni-settings"></i> Our Services
  149.             </a>
  150.           </li>
  151.           <li class="nav-item">
  152.             <a class="nav-link" href="https://www.fatechid.blog">
  153.               <i class="ni ni-single-copy-04"></i> Our Blog
  154.             </a>
  155.           </li>
  156.           <li class="nav-item">
  157.             <a class="nav-link" href="https://www.mayereflino.com">
  158.               <i class="ni ni-circle-08"></i> Our CV
  159.             </a>
  160.           </li>
  161.         </ul>
  162.       </div>
  163.     </div>
  164.   </nav>
  165.   <!-- Main content -->
  166.   <div class="main-content">
  167.     <!-- Top navbar -->
  168.     <nav class="navbar navbar-top navbar-expand-md navbar-dark" id="navbar-main">
  169.       <div class="container-fluid">
  170.         <!-- Brand -->
  171.         <a class="h4 mb-0 text-white text-uppercase d-none d-lg-inline-block" href="index.html">Maps</a>
  172.         <!-- Form -->
  173.         <form class="navbar-search navbar-search-dark form-inline mr-3 d-none d-md-flex ml-lg-auto">
  174.           <div class="form-group mb-0">
  175.             <div class="input-group input-group-alternative">
  176.               <div class="input-group-prepend">
  177.                 <span class="input-group-text"><i class="fas fa-search"></i></span>
  178.               </div>
  179.               <input class="form-control" placeholder="Search" type="text">
  180.             </div>
  181.           </div>
  182.         </form>
  183.         <!-- User -->
  184.         <ul class="navbar-nav align-items-center d-none d-md-flex">
  185.           <li class="nav-item dropdown">
  186.             <a class="nav-link pr-0" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  187.               <div class="media align-items-center">
  188.                 <span class="avatar avatar-sm rounded-circle">
  189.                   <img alt="Image placeholder" src="assets/img/theme/orewa.jpg">
  190.                 </span>
  191.                 <div class="media-body ml-2 d-none d-lg-block">
  192.                   <span class="mb-0 text-sm  font-weight-bold">Jessica Jones</span>
  193.                 </div>
  194.               </div>
  195.             </a>
  196.             <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right">
  197.               <div class=" dropdown-header noti-title">
  198.                 <h6 class="text-overflow m-0">Welcome!</h6>
  199.               </div>
  200.               <a href="profile.php" class="dropdown-item">
  201.                 <i class="ni ni-single-02"></i>
  202.                 <span>My profile</span>
  203.               </a>
  204.               <a href="profile.php" class="dropdown-item">
  205.                 <i class="ni ni-calendar-grid-58"></i>
  206.                 <span>Activity</span>
  207.               </a>
  208.               <a href="reset-password.php" class="dropdown-item">
  209.                 <i class="ni ni-support-16"></i>
  210.                 <span>Reset Password</span>
  211.               </a>
  212.               <div class="dropdown-divider"></div>
  213.               <a href="logout.php" class="dropdown-item">
  214.                 <i class="ni ni-user-run"></i>
  215.                 <span>Logout</span>
  216.               </a>
  217.             </div>
  218.           </li>
  219.         </ul>
  220.       </div>
  221.     </nav>
  222.     <!-- Header -->
  223.     <div class="header bg-gradient-primary pb-8 pt-5 pt-md-8">
  224.       <div class="container-fluid">
  225.         <div class="header-body">
  226.           <!-- Card stats -->
  227.           <div class="row">
  228.             <div class="col-xl-3 col-lg-6">
  229.               <div class="card card-stats mb-4 mb-xl-0">
  230.                 <div class="card-body">
  231.                   <div class="row">
  232.                     <div class="col">
  233.                       <h5 class="card-title text-uppercase text-muted mb-0">Traffic</h5>
  234.                       <span class="h2 font-weight-bold mb-0">350,897</span>
  235.                     </div>
  236.                     <div class="col-auto">
  237.                       <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
  238.                         <i class="fas fa-chart-bar"></i>
  239.                       </div>
  240.                     </div>
  241.                   </div>
  242.                   <p class="mt-3 mb-0 text-muted text-sm">
  243.                     <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
  244.                     <span class="text-nowrap">Since last month</span>
  245.                   </p>
  246.                 </div>
  247.               </div>
  248.             </div>
  249.             <div class="col-xl-3 col-lg-6">
  250.               <div class="card card-stats mb-4 mb-xl-0">
  251.                 <div class="card-body">
  252.                   <div class="row">
  253.                     <div class="col">
  254.                       <h5 class="card-title text-uppercase text-muted mb-0">New users</h5>
  255.                       <span class="h2 font-weight-bold mb-0">2,356</span>
  256.                     </div>
  257.                     <div class="col-auto">
  258.                       <div class="icon icon-shape bg-warning text-white rounded-circle shadow">
  259.                         <i class="fas fa-chart-pie"></i>
  260.                       </div>
  261.                     </div>
  262.                   </div>
  263.                   <p class="mt-3 mb-0 text-muted text-sm">
  264.                     <span class="text-danger mr-2"><i class="fas fa-arrow-down"></i> 3.48%</span>
  265.                     <span class="text-nowrap">Since last week</span>
  266.                   </p>
  267.                 </div>
  268.               </div>
  269.             </div>
  270.             <div class="col-xl-3 col-lg-6">
  271.               <div class="card card-stats mb-4 mb-xl-0">
  272.                 <div class="card-body">
  273.                   <div class="row">
  274.                     <div class="col">
  275.                       <h5 class="card-title text-uppercase text-muted mb-0">Sales</h5>
  276.                       <span class="h2 font-weight-bold mb-0">924</span>
  277.                     </div>
  278.                     <div class="col-auto">
  279.                       <div class="icon icon-shape bg-yellow text-white rounded-circle shadow">
  280.                         <i class="fas fa-users"></i>
  281.                       </div>
  282.                     </div>
  283.                   </div>
  284.                   <p class="mt-3 mb-0 text-muted text-sm">
  285.                     <span class="text-warning mr-2"><i class="fas fa-arrow-down"></i> 1.10%</span>
  286.                     <span class="text-nowrap">Since yesterday</span>
  287.                   </p>
  288.                 </div>
  289.               </div>
  290.             </div>
  291.             <div class="col-xl-3 col-lg-6">
  292.               <div class="card card-stats mb-4 mb-xl-0">
  293.                 <div class="card-body">
  294.                   <div class="row">
  295.                     <div class="col">
  296.                       <h5 class="card-title text-uppercase text-muted mb-0">Performance</h5>
  297.                       <span class="h2 font-weight-bold mb-0">49,65%</span>
  298.                     </div>
  299.                     <div class="col-auto">
  300.                       <div class="icon icon-shape bg-info text-white rounded-circle shadow">
  301.                         <i class="fas fa-percent"></i>
  302.                       </div>
  303.                     </div>
  304.                   </div>
  305.                   <p class="mt-3 mb-0 text-muted text-sm">
  306.                     <span class="text-success mr-2"><i class="fas fa-arrow-up"></i> 12%</span>
  307.                     <span class="text-nowrap">Since last month</span>
  308.                   </p>
  309.                 </div>
  310.               </div>
  311.             </div>
  312.           </div>
  313.         </div>
  314.       </div>
  315.     </div>
  316.     <!-- Page content -->
  317.     <div class="container-fluid mt--7">
  318.       <div class="row">
  319.         <div class="col">
  320.           <div class="card shadow border-0">
  321.             <div id="map-canvas" class="map-canvas" data-lat="40.748817" data-lng="-73.985428" style="height: 600px;"></div>
  322.           </div>
  323.         </div>
  324.       </div>
  325.       <!-- Footer -->
  326.       <footer class="footer">
  327.         <div class="row align-items-center justify-content-xl-between">
  328.           <div class="col-xl-6">
  329.             <div class="copyright text-center text-xl-left text-muted">
  330.             &copy; 2017 - 2019 <a href="https://fatechid.com" class="font-weight-bold ml-1" target="_blank">FATechID</a>
  331.             </div>
  332.           </div>
  333.           <div class="col-xl-6">
  334.             <ul class="nav nav-footer justify-content-center justify-content-xl-end">
  335.               <li class="nav-item">
  336.                 <a href="https://www.creative-tim.com" class="nav-link" target="_blank">Creative Tim</a>
  337.               </li>
  338.               <li class="nav-item">
  339.                 <a href="https://fatechid.com/about" class="nav-link" target="_blank">About Us</a>
  340.               </li>
  341.               <li class="nav-item">
  342.                 <a href="https://www.fatechid.blog" class="nav-link" target="_blank">Blog</a>
  343.               </li>
  344.             </ul>
  345.           </div>
  346.         </div>
  347.       </footer>
  348.     </div>
  349.   </div>
  350.   <!-- Argon Scripts -->
  351.   <!-- Core -->
  352.   <script src="assets/vendor/jquery/dist/jquery.min.js"></script>
  353.   <script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  354.   <!-- Optional JS -->
  355.   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBd3PjUqq81lIOfBPYXrQGWwK5T4ystZjA"></script>
  356.   <!-- Argon JS -->
  357.   <script src="assets/js/argon.js?v=1.0.0"></script>
  358. </body>
  359.  
  360. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!