관리-도구
편집 파일: index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Beau Aesthetica</title> <meta content="" name="description"> <meta content="" name="keywords"> <!-- Favicons --> <link href="assets/img/favicon.png" rel="icon"> <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> <!-- Google Fonts --> <link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"> <!-- Vendor CSS Files --> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet"> <link href="assets/vendor/quill/quill.snow.css" rel="stylesheet"> <link href="assets/vendor/quill/quill.bubble.css" rel="stylesheet"> <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet"> <link href="assets/vendor/simple-datatables/style.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> <!-- Template Main CSS File --> <link href="assets/css/style.css" rel="stylesheet"> <!-- ======================================================= * Template Name: NiceAdmin * Updated: Nov 17 2023 with Bootstrap v5.3.2 * Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ ======================================================== --> </head> <body> <!-- ======= Header ======= --> <header id="header" class="header fixed-top d-flex align-items-center"> <div class="d-flex align-items-center justify-content-between"> <a href="index.html" class="logo d-flex align-items-center"> <img src="assets/img/logo.png" alt=""> <!-- <span class="d-none d-lg-block">Beauaesthetica</span> --> </a> <i class="bi bi-list toggle-sidebar-btn"></i> </div><!-- End Logo --> <!-- <div class="search-bar"> <form class="search-form d-flex align-items-center" method="POST" action="#"> <input type="text" name="query" placeholder="Search" title="Enter search keyword"> <button type="submit" title="Search"><i class="bi bi-search"></i></button> </form> </div> --> <!-- End Search Bar --> <nav class="header-nav ms-auto"> <ul class="d-flex align-items-center"> <li class="nav-item d-block d-lg-none"> <a class="nav-link nav-icon search-bar-toggle " href="#"> <i class="bi bi-search"></i> </a> </li> <li class="nav-item dropdown pe-3"> <a class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown"> <img src="assets/img/profile-img.jpg" alt="Profile" class="rounded-circle"> <span class="d-none d-md-block dropdown-toggle ps-2">Beau Aesthetica</span> </a><!-- End Profile Iamge Icon --> <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile"> <li class="dropdown-header"> <h6>Beauaesthetica</h6> <!-- <span>Web Designer</span> --> </li> <li> <hr class="dropdown-divider"> </li> <li> <a class="dropdown-item d-flex align-items-center" href="users-profile.html"> <i class="bi bi-person"></i> <span>My Profile</span> </a> </li> <li> <hr class="dropdown-divider"> </li> <li> <a class="dropdown-item d-flex align-items-center" href="#"> <i class="bi bi-box-arrow-right"></i> <span>Sign Out</span> </a> </li> </ul><!-- End Profile Dropdown Items --> </li><!-- End Profile Nav --> </ul> </nav><!-- End Icons Navigation --> </header><!-- End Header --> <!-- ======= Sidebar ======= --> <aside id="sidebar" class="sidebar"> <ul class="sidebar-nav" id="sidebar-nav"> <li class="nav-item"> <a class="nav-link " href="index.html"> <i class="bi bi-grid"></i> <span>Dashboard</span> </a> </li><!-- End Dashboard Nav --> <li class="nav-item"> <a class="nav-link collapsed" href="about.html"> <i class="bi bi-menu-button-wide"></i><span>About</span> </a> </li> <li class="nav-item"> <a class="nav-link collapsed" href="treatments.html"> <i class="bi bi-journal-text"></i><span>Treatments</span> </a> </li> <li class="nav-item"> <a class="nav-link collapsed" href="patients.html"> <i class="bi bi-layout-text-window-reverse"></i><span>Patients</span> </a> </li> <li class="nav-item"> <a class="nav-link collapsed" href="category.html"> <i class="bi bi-bar-chart"></i><span>Gallery</span> </a> </li> <li class="nav-item"> <a class="nav-link collapsed" href="doctors.html"> <i class="bi bi-gem"></i><span>Doctors</span> </a> </li> <li class="nav-item"> <a class="nav-link collapsed" href="seo.html"> <i class="bi bi-menu-button-wide"></i><span>Seo</span> </a> </li> <li class="nav-item"> <a class="nav-link collapsed" href="seo.html"> <i class="bi bi-menu-button-wide"></i><span>Academy</span> </a> </li> <!-- End Components Nav --> <!-- <li class="nav-heading">Pages</li> --> </ul> </aside><!-- End Sidebar--> <main id="main" class="main"> <div class="pagetitle"> <h1>Dashboard</h1> <nav> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="index.html">Home</a></li> <li class="breadcrumb-item active">Dashboard</li> </ol> </nav> </div> <section class="section dashboard"> <div class="row"> <div class="col-lg-111"> <div class="row"> <div class="col-xxl-4 col-md-6"> <div class="card info-card sales-card"> <div class="card-body"> <a href="about.html"><h5 class="card-title">About <span>| </span></h5> <div class="d-flex align-items-center"> <div class="card-icon rounded-circle d-flex align-items-center justify-content-center"> <!-- <i class="far fa-address-card"></i> --> <img src="assets/img/man.png" width="40"> </div> <div class="ps-3"> <h6>About</h6> </a> </div> </div> </div> </div> </div> <div class="col-xxl-4 col-md-6"> <div class="card info-card sales-card"> <div class="card-body"> <a href="treatments.html"><h5 class="card-title">Treatments <span>|</span></h5> <div class="d-flex align-items-center"> <div class="card-icon rounded-circle d-flex align-items-center justify-content-center"> <img src="assets/img/diagnosis.png" width="40"> </div> <div class="ps-3"> <h6>Treatments</h6> </a> </div> </div> </div> </div> </div> <div class="col-xxl-4 col-md-6"> <div class="card info-card sales-card"> <div class="card-body"> <a href="patients.html"><h5 class="card-title">Patients <span>|</span></h5> <div class="d-flex align-items-center"> <div class="card-icon rounded-circle d-flex align-items-center justify-content-center"> <img src="assets/img/examination.png" width="40"> </div> <div class="ps-3"> <h6>Patients</h6> </a> </div> </div> </div> </div> </div> <div class="col-xxl-4 col-md-6"> <div class="card info-card sales-card"> <div class="card-body"> <a href="gallery.html"><h5 class="card-title">Gallery <span>|</span></h5> <div class="d-flex align-items-center"> <div class="card-icon rounded-circle d-flex align-items-center justify-content-center"> <img src="assets/img/picture.png" width="40"> </div> <div class="ps-3"> <h6>Gallery</h6> </a> </div> </div> </div> </div> </div> <div class="col-xxl-4 col-md-6"> <div class="card info-card sales-card"> <div class="card-body"> <a href="doctors.html"><h5 class="card-title">Doctors <span>|</span></h5> <div class="d-flex align-items-center"> <div class="card-icon rounded-circle d-flex align-items-center justify-content-center"> <img src="assets/img/doctor.png" width="40"> </div> <div class="ps-3"> <h6>Doctors</h6> </a> </div> </div> </div> </div> </div> <div class="col-xxl-4 col-md-6"> <div class="card info-card sales-card"> <div class="card-body"> <a href="seo.html"> <h5 class="card-title">Seo <span>|</span></h5> <div class="d-flex align-items-center"> <div class="card-icon rounded-circle d-flex align-items-center justify-content-center"> <img src="assets/img/seo.png" width="40"> </div> <div class="ps-3"> <h6>Seo</h6> </a> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div> </div> </div> </section> </main><!-- End #main --> <br><br><br><br> <!-- ======= Footer ======= --> <footer id="footer" class="footer"> <div class="copyright"> © Copyright <strong><span>Beauaesthetica</span></strong>. All Rights Reserved </div> <div class="credits"> <!-- All the links in the footer should remain intact. --> <!-- You can delete the links only if you purchased the pro version. --> <!-- Licensing information: https://bootstrapmade.com/license/ --> <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ --> Designed by <a href="https://ictglobaltech.com/">ICT Global Tech</a> </div> </footer><!-- End Footer --> <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> <!-- Vendor JS Files --> <script src="assets/vendor/apexcharts/apexcharts.min.js"></script> <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendor/chart.js/chart.umd.js"></script> <script src="assets/vendor/echarts/echarts.min.js"></script> <script src="assets/vendor/quill/quill.min.js"></script> <script src="assets/vendor/simple-datatables/simple-datatables.js"></script> <script src="assets/vendor/tinymce/tinymce.min.js"></script> <script src="assets/vendor/php-email-form/validate.js"></script> <!-- Template Main JS File --> <script src="assets/js/main.js"></script> </body> </html>