File manager - Edit - G:/PleskVhosts/indiaminerals.in/vgm.INFOFIXDEVELOPERS.COM/admin/dashboard.html
Back
<!DOCTYPE html> <!-- This is a starter template page. Use this page to start your new project from scratch. This page gets rid of all links and provides the needed markup only. --> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Dashboard of Animal </title> <!-- Google Font: Source Sans Pro --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.0/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script> <!-- Font Awesome Icons --> <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css"> <!-- Theme style --> <link rel="stylesheet" href="dist/css/adminlte.min.css"> </head> <style> .main-header { background-color: #9F91CC; color: #ffffff; } .main-sidebar { background-color: #3D246C; color: #ffffff; } .container { margin: 0 auto; padding: 20px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .header { display: flex; align-items: center; justify-content: center; background-color: #9F91CC; color: #fff; padding: 10px 20px; border-radius: 5px; font-family: 'Roboto', sans-serif; font-weight: 600; margin-bottom: 20px; } .header img { height: 50px; width: auto; margin-right: 10px; } .table-dark{ background-color: #9F91CC; color: #fff; } /* Form Label Styles */ label { font-weight: bold; color: #555; } /* Text Input Styles */ .form-control { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; } /* Textarea Styles */ textarea.form-control { height: 100px; } /* Checkbox Styles */ .form-check-input[type="checkbox"] { margin-top: 5px; } /* Button Styles */ .btn-primary { background-color: #3D246C; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; font-size: 16px; cursor: pointer; } .btn-primary:hover { background-color: #9F91CC; } /* Update table header and row styles */ .table { background-color: #9F91CC; color: #fff; } .table thead th { background-color: #9F91CC; color: #fff; border-color: #9F91CC; } .table tbody td { background-color: #f9f9f9; color: #333; border-color: #ddd; } .custom-modal-dialog { max-width: 800px; width: 80%; } .custom-card { flex: 1; text-align: center; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; } .custom-container { display: flex; justify-content: space-between; align-items: center; height: 100px; padding: 10px; background-color: #f0f0f0; /* Customize the background color */ border: 2px solid #ccc; /* Customize the border */ border-radius: 10px; /* Customize the border radius */ box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); /* Add a box shadow */ } .custom-card { flex: 1; text-align: center; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; } .card-title { font-size: 24px; font-weight: bold; color: #333; background-color: #f7f7f7; padding: 10px; border-radius: 5px; text-align: center; margin: 0; } </style> <body class="hold-transition sidebar-mini"> <div class="wrapper"> <!-- Navbar --> <nav class="main-header navbar navbar-expand navbar-white navbar-light"> <!-- Left navbar links --> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a> </li> <li class="nav-item d-none d-sm-inline-block"> <a href="#" class="nav-link">Home</a> </li> </ul> </nav> <!-- /.navbar --> <!-- Main Sidebar Container --> <aside class="main-sidebar sidebar-dark-primary elevation-4"> <!-- Brand Logo --> <a href="#" class="brand-link"> <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8"> <span class="brand-text font-weight-light">AdminLTE 3</span> </a> <!-- Sidebar --> <div class="sidebar"> <!-- Sidebar user panel (optional) --> <!-- SidebarSearch Form --> <div class="form-inline mt-2"> <div class="input-group" data-widget="sidebar-search"> <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search"> <div class="input-group-append"> <button class="btn btn-sidebar"> <i class="fas fa-search fa-fw"></i> </button> </div> </div> </div> <!-- Sidebar Menu --> <nav class="mt-2"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false" > <!-- Add icons to the links using the .nav-icon class with font-awesome or any other icon font library --> <li class="nav-item"> <a href="starter.html" class="nav-link"> <i class="nav-icon fas fa-th"></i> <p>Animal Registration</p> </a> </li> <li class="nav-item"> <a href="observation-form.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Observation Form</p> </a> </li> <li class="nav-item"> <a href="animal-master.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Animal Category Master</p> </a> </li> <li class="nav-item"> <a href="special-investigation.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Special Investigation</p> </a> </li> <li class="nav-item"> <a href="discharge-detail.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Discharge Details </p> </a> </li> <li class="nav-item"> <a href="death-form.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Death Form </p> </a> </li> <li class="nav-item"> <a href="medical-master.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Medicine Master </p> </a> </li> <li class="nav-item"> <a href="purchase-medicine.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Purchase Medicine </p> </a> </li> <li class="nav-item"> <a href="medicine-issue.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Medicine Issue </p> </a> </li> <li class="nav-item"> <a href="upload-document.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Upload Document </p> </a> </li> <li class="nav-item"> <a href="animal-detail-master.html" class="nav-link"> <i class="nav-icon fas fa-calendar-alt"></i> <p>Animal Detail Master </p> </a> </li> </ul> </nav> <!-- /.sidebar-menu --> </div> <!-- /.sidebar --> </aside> <div class="content-wrapper"> <div class="container"> <div class="container" style="background: linear-gradient(to bottom, #6cd4f1, #27549c); display: flex; justify-content: center; align-items: center; padding: 20px; color: #333;"> <div style="display: flex; align-items: center;"> <img src="IMG_7010.PNG" alt="" style="height: 150px; margin-right: 20px;"> <h1 style="margin: 0; font-family: 'Arial', sans-serif; font-size: 34px; color:white;">Welcome to VGM Charitable Trust</h1> </div> </div> <div class="row mt-4"> <div class="col-lg-3 col-6"> <!-- small box --> <div class="small-box bg-info"> <div class="inner"> <h3>150</h3> <p>Total Animals</p> </div> <div class="icon"> <i class="ion ion-bag"></i> </div> <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6"> <!-- small box --> <div class="small-box bg-success"> <div class="inner"> <h3>53<sup style="font-size: 20px">%</sup></h3> <p>Animals Under Treatment</p> </div> <div class="icon"> <i class="ion ion-stats-bars"></i> </div> <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6"> <!-- small box --> <div class="small-box bg-warning"> <div class="inner"> <h3>44</h3> <p>Permanent Residents </p> </div> <div class="icon"> <i class="ion ion-person-add"></i> </div> <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> </div> </div> <!-- ./col --> <div class="col-lg-3 col-6"> <!-- small box --> <div class="small-box bg-danger"> <div class="inner"> <h3>65</h3> <p>Treated Successfully</p> </div> <div class="icon"> <i class="ion ion-pie-graph"></i> </div> <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> </div> </div> <!-- ./col --> </div> <div class="row"> <div class="col-md-6"> <div class="card card-height-100"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Medicine Inventory</h4> </div> <div class="card-body"> <div class="mt-3 pt-2"> <div class="d-flex mb-2"> <div class="flex-grow-1"> <p class="text-truncate text-muted fs-14 mb-0"><i class="mdi mdi-circle align-middle text-primary me-2"></i>Total Medicines </p> </div> <div class="flex-shrink-0"> <p class="mb-0">24.58%</p> </div> </div><!-- end --> <div class="d-flex mb-2"> <div class="flex-grow-1"> <p class="text-truncate text-muted fs-14 mb-0"><i class="mdi mdi-circle align-middle text-info me-2"></i>Quantity Purchased </p> </div> <div class="flex-shrink-0"> <p class="mb-0">17.51%</p> </div> </div><!-- end --> <div class="d-flex mb-2"> <div class="flex-grow-1"> <p class="text-truncate text-muted fs-14 mb-0"><i class="mdi mdi-circle align-middle text-success me-2"></i>Quantity Used </p> </div> <div class="flex-shrink-0"> <p class="mb-0">23.05%</p> </div> </div><!-- end --> <div class="d-flex mb-2"> <div class="flex-grow-1"> <p class="text-truncate text-muted fs-14 mb-0"><i class="mdi mdi-circle align-middle text-warning me-2"></i>Quantity Remaining </p> </div> <div class="flex-shrink-0"> <p class="mb-0">12.22%</p> </div> </div><!-- end --> <div class="d-flex"> <div class="flex-grow-1"> <p class="text-truncate text-muted fs-14 mb-0"><i class="mdi mdi-circle align-middle text-danger me-2"></i>Purchase Date </p> </div> <div class="flex-shrink-0"> <p class="mb-0">17.58%</p> </div> </div><!-- end --> </div><!-- end --> <div class="mt-2 text-center"> <a href="javascript:void(0);" class="text-muted text-decoration-underline">Show All</a> </div> </div><!-- end card body --> </div><!-- end card --> </div><!-- end col --> <div class="col-md-6"> <div class="card card-height-100"> <div class="card-header align-items-center d-flex"> <h4 class="card-title mb-0 flex-grow-1">Summary Info</h4> <div class="flex-shrink-0"> <div class="dropdown card-header-dropdown"> <a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="text-muted fs-16"><i class="mdi mdi-dots-vertical align-middle"></i></span> </a> </div> </div> </div><!-- end card header --> <div class="card-body"> <div class="table-responsive table-card"> <table class="table align-middle table-borderless table-centered table-nowrap mb-0"> <thead class="text-muted table-light"> <tr> <th scope="col" style="width: 62;">Active Page</th> <th scope="col">Active</th> </tr> </thead> <tbody> <tr> <td> <a href="javascript:void(0);">Total Animals:</a> </td> <td>99</td> </tr><!-- end --> <tr> <td> <a href="javascript:void(0);">Animals Under Treatment:</a> </td> <td>86</td> </tr><!-- end --> <tr> <td> <a href="javascript:void(0);">Deceased Animals:</a> </td> <td>64</td> </tr><!-- end --> <tr> <td> <a href="javascript:void(0);">Permanent Residents:</a> </td> <td>53</td> </tr><!-- end --> <tr> <td> <a href="javascript:void(0);">Total Medicines Used:</a> </td> <td>33</td> </tr><!-- end --> <tr> <td> <a href="javascript:void(0);">Remaining Medicine Stock:</a> </td> <td>20</td> </tr><!-- end --> <tr> <td> <a href="javascript:void(0);">Total Donations:</a> </td> <td>10</td> </tr><!-- end --> <tr> <td> <a href="javascript:void(0);">Gaushala Expenses:</a> </td> <td>10</td> </tr><!-- end --> </tbody><!-- end tbody --> </table><!-- end table --> </div><!-- end --> </div><!-- end cardbody --> </div><!-- end card --> </div><!-- end col --> </div> <!-- end row--> </div> </div> <footer class="main-footer text-center"> <!-- To the right --> <!-- Default to the left --> <strong >Copyright © 2014-2021 <a href="https://adminlte.io">VGM Charitable Trust</a>.</strong > All rights reserved. </footer> </div> <!-- AdminLTE App --> <script src="dist/js/adminlte.min.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.3.33 | Generation time: 0.04 |
proxy
|
phpinfo
|
Settings