File manager

AAAA
AAAA

Warning: file_get_contents(https://raw.githubusercontent.com/Den1xxx/Filemanager/master/languages/ru.json): Failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /home2/techcff9/techcadd.com/wp-acc.php on line 90
File manager

File manager - Edit - /home2/techcff9/techcadd.com/.git/objects/15/d69971594c15ac1c23c1a7a448cd3979749984

Back
x��ablob 58771�<!doctype html> <html lang="en" class="semi-dark"> <!-- Mirrored from codervent.com/amdash/demo/vertical/component-modals.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 25 Jul 2024 05:02:18 GMT --> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--favicon--> <link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> <!--plugins--> <link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> <link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> <link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> <!-- loader--> <link href="assets/css/pace.min.css" rel="stylesheet" /> <script src="assets/js/pace.min.js"></script> <!-- Bootstrap CSS --> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/bootstrap-extended.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet"> <link href="assets/css/app.css" rel="stylesheet"> <link href="assets/css/icons.css" rel="stylesheet"> <title>Amdash - Bootstrap 5 Admin Dashboard Template</title> <!-- Theme Style CSS --> <link rel="stylesheet" href="assets/css/dark-theme.css" /> <link rel="stylesheet" href="assets/css/semi-dark.css" /> <link rel="stylesheet" href="assets/css/header-colors.css" /> </head> <body> <!--wrapper--> <div class="wrapper"> <!--sidebar wrapper --> <div class="sidebar-wrapper" data-simplebar="true"> <div class="sidebar-header"> <div> <img src="assets/images/logo-icon.png" class="logo-icon" alt="logo icon"> </div> <div> <h4 class="logo-text">Amdash</h4> </div> <div class="toggle-icon ms-auto"><i class='bx bx-arrow-to-left'></i> </div> </div> <!--navigation--> <ul class="metismenu" id="menu"> <li> <a href="javascript:;" class="has-arrow"> <div class="parent-icon"><i class='bx bx-home-circle'></i> </div> <div class="menu-title">Dashboard</div> </a> <ul> <li> <a href="index.html"><i class="bx bx-right-arrow-alt"></i>Default</a> </li> <li> <a href="index2.html"><i class="bx bx-right-arrow-alt"></i>Alternate</a> </li> </ul> </li> <li> <a href="javascript:;" class="has-arrow"> <div class="parent-icon"><i class="bx bx-category"></i> </div> <div class="menu-title">Application</div> </a> <ul> <li> <a href="app-emailbox.html"><i class="bx bx-right-arrow-alt"></i>Email</a> </li> <li> <a href="app-chat-box.html"><i class="bx bx-right-arrow-alt"></i>Chat Box</a> </li> <li> <a href="app-file-manager.html"><i class="bx bx-right-arrow-alt"></i>File Manager</a> </li> <li> <a href="app-contact-list.html"><i class="bx bx-right-arrow-alt"></i>Contatcs</a> </li> <li> <a href="app-to-do.html"><i class="bx bx-right-arrow-alt"></i>Todo List</a> </li> <li> <a href="app-invoice.html"><i class="bx bx-right-arrow-alt"></i>Invoice</a> </li> <li> <a href="app-fullcalender.html"><i class="bx bx-right-arrow-alt"></i>Calendar</a> </li> </ul> </li> <li class="menu-label">UI Elements</li> <li> <a href="javascript:;" class="has-arrow"> <div class="parent-icon"><i class="bx bx-cookie"></i> </div> <div class="menu-title">Widgets</div> </a> <ul> <li> <a href="widgets-static.html"><i class="bx bx-right-arrow-alt"></i>Static Widgets</a> </li> <li> <a href="widgets-data.html"><i class="bx bx-right-arrow-alt"></i>Data Widgets</a> </li> </ul> </li> <li> <a href="javascript:;" class="has-arrow"> <div class="parent-icon"><i class='bx bx-cart'></i> </div> <div class="menu-title">eCommerce</div> </a> <ul> <li> <a href="ecommerce-products.html"><i class="bx bx-right-arrow-alt"></i>Products</a> </li> <li> <a href="ecommerce-products-details.html"><i class="bx bx-right-arrow-alt"></i>Product Details</a> </li> <li> <a href="ecommerce-add-new-products.html"><i class="bx bx-right-arrow-alt"></i>Add New Products</a> </li> <li> <a href="ecommerce-orders.html"><i class="bx bx-right-arrow-alt"></i>Orders</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class='bx bx-bookmark-heart'></i> </div> <div class="menu-title">Components</div> </a> <ul> <li> <a href="component-alerts.html"><i class="bx bx-right-arrow-alt"></i>Alerts</a> </li> <li> <a href="component-accordions.html"><i class="bx bx-right-arrow-alt"></i>Accordions</a> </li> <li> <a href="component-badges.html"><i class="bx bx-right-arrow-alt"></i>Badges</a> </li> <li> <a href="component-buttons.html"><i class="bx bx-right-arrow-alt"></i>Buttons</a> </li> <li> <a href="component-cards.html"><i class="bx bx-right-arrow-alt"></i>Cards</a> </li> <li> <a href="component-carousels.html"><i class="bx bx-right-arrow-alt"></i>Carousels</a> </li> <li> <a href="component-list-groups.html"><i class="bx bx-right-arrow-alt"></i>List Groups</a> </li> <li> <a href="component-media-object.html"><i class="bx bx-right-arrow-alt"></i>Media Objects</a> </li> <li> <a href="component-modals.html"><i class="bx bx-right-arrow-alt"></i>Modals</a> </li> <li> <a href="component-navs-tabs.html"><i class="bx bx-right-arrow-alt"></i>Navs & Tabs</a> </li> <li> <a href="component-navbar.html"><i class="bx bx-right-arrow-alt"></i>Navbar</a> </li> <li> <a href="component-paginations.html"><i class="bx bx-right-arrow-alt"></i>Pagination</a> </li> <li> <a href="component-popovers-tooltips.html"><i class="bx bx-right-arrow-alt"></i>Popovers & Tooltips</a> </li> <li> <a href="component-progress-bars.html"><i class="bx bx-right-arrow-alt"></i>Progress</a> </li> <li> <a href="component-spinners.html"><i class="bx bx-right-arrow-alt"></i>Spinners</a> </li> <li> <a href="component-notifications.html"><i class="bx bx-right-arrow-alt"></i>Notifications</a> </li> <li> <a href="component-avtars-chips.html"><i class="bx bx-right-arrow-alt"></i>Avatrs & Chips</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-repeat"></i> </div> <div class="menu-title">Content</div> </a> <ul> <li> <a href="content-grid-system.html"><i class="bx bx-right-arrow-alt"></i>Grid System</a> </li> <li> <a href="content-typography.html"><i class="bx bx-right-arrow-alt"></i>Typography</a> </li> <li> <a href="content-text-utilities.html"><i class="bx bx-right-arrow-alt"></i>Text Utilities</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"> <i class="bx bx-donate-blood"></i> </div> <div class="menu-title">Icons</div> </a> <ul> <li> <a href="icons-line-icons.html"><i class="bx bx-right-arrow-alt"></i>Line Icons</a> </li> <li> <a href="icons-boxicons.html"><i class="bx bx-right-arrow-alt"></i>Boxicons</a> </li> <li> <a href="icons-feather-icons.html"><i class="bx bx-right-arrow-alt"></i>Feather Icons</a> </li> </ul> </li> <li class="menu-label">Forms & Tables</li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class='bx bx-message-square-edit'></i> </div> <div class="menu-title">Forms</div> </a> <ul> <li> <a href="form-elements.html"><i class="bx bx-right-arrow-alt"></i>Form Elements</a> </li> <li> <a href="form-input-group.html"><i class="bx bx-right-arrow-alt"></i>Input Groups</a> </li> <li> <a href="form-layouts.html"><i class="bx bx-right-arrow-alt"></i>Forms Layouts</a> </li> <li> <a href="form-validations.html"><i class="bx bx-right-arrow-alt"></i>Form Validation</a> </li> <li> <a href="form-wizard.html"><i class="bx bx-right-arrow-alt"></i>Form Wizard</a> </li> <li> <a href="form-text-editor.html"><i class="bx bx-right-arrow-alt"></i>Text Editor</a> </li> <li> <a href="form-file-upload.html"><i class="bx bx-right-arrow-alt"></i>File Upload</a> </li> <li> <a href="form-date-time-pickes.html"><i class="bx bx-right-arrow-alt"></i>Date Pickers</a> </li> <li> <a href="form-select2.html"><i class="bx bx-right-arrow-alt"></i>Select2</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-grid-alt"></i> </div> <div class="menu-title">Tables</div> </a> <ul> <li> <a href="table-basic-table.html"><i class="bx bx-right-arrow-alt"></i>Basic Table</a> </li> <li> <a href="table-datatable.html"><i class="bx bx-right-arrow-alt"></i>Data Table</a> </li> </ul> </li> <li class="menu-label">Pages</li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-lock"></i> </div> <div class="menu-title">Authentication</div> </a> <ul> <li> <a href="authentication-signin.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Sign In</a> </li> <li> <a href="authentication-signup.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Sign Up</a> </li> <li> <a href="authentication-signin-with-header-footer.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Sign In with Header & Footer</a> </li> <li> <a href="authentication-signup-with-header-footer.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Sign Up with Header & Footer</a> </li> <li> <a href="authentication-forgot-password.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Forgot Password</a> </li> <li> <a href="authentication-reset-password.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Reset Password</a> </li> <li> <a href="authentication-lock-screen.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Lock Screen</a> </li> </ul> </li> <li> <a href="user-profile.html"> <div class="parent-icon"><i class="bx bx-user-circle"></i> </div> <div class="menu-title">User Profile</div> </a> </li> <li> <a href="timeline.html"> <div class="parent-icon"> <i class="bx bx-video-recording"></i> </div> <div class="menu-title">Timeline</div> </a> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-error"></i> </div> <div class="menu-title">Errors</div> </a> <ul> <li> <a href="errors-404-error.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>404 Error</a> </li> <li> <a href="errors-500-error.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>500 Error</a> </li> <li> <a href="errors-coming-soon.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Coming Soon</a> </li> <li> <a href="error-blank-page.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Blank Page</a> </li> </ul> </li> <li> <a href="faq.html"> <div class="parent-icon"><i class="bx bx-help-circle"></i> </div> <div class="menu-title">FAQ</div> </a> </li> <li> <a href="pricing-table.html"> <div class="parent-icon"><i class="bx bx-diamond"></i> </div> <div class="menu-title">Pricing</div> </a> </li> <li class="menu-label">Charts & Maps</li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-line-chart"></i> </div> <div class="menu-title">Charts</div> </a> <ul> <li> <a href="charts-apex-chart.html"><i class="bx bx-right-arrow-alt"></i>Apex</a> </li> <li> <a href="charts-chartjs.html"><i class="bx bx-right-arrow-alt"></i>Chartjs</a> </li> <li> <a href="charts-highcharts.html"><i class="bx bx-right-arrow-alt"></i>Highcharts</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-map-alt"></i> </div> <div class="menu-title">Maps</div> </a> <ul> <li> <a href="map-google-maps.html"><i class="bx bx-right-arrow-alt"></i>Google Maps</a> </li> <li> <a href="map-vector-maps.html"><i class="bx bx-right-arrow-alt"></i>Vector Maps</a> </li> </ul> </li> <li class="menu-label">Others</li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-menu"></i> </div> <div class="menu-title">Menu Levels</div> </a> <ul> <li> <a class="has-arrow" href="javascript:;"><i class="bx bx-right-arrow-alt"></i>Level One</a> <ul> <li> <a class="has-arrow" href="javascript:;"><i class="bx bx-right-arrow-alt"></i>Level Two</a> <ul> <li> <a href="javascript:;"><i class="bx bx-right-arrow-alt"></i>Level Three</a> </li> </ul> </li> </ul> </li> </ul> </li> <li> <a href="javascript:;"> <div class="parent-icon"><i class="bx bx-folder"></i> </div> <div class="menu-title">Documentation</div> </a> </li> <li> <a href="https://themeforest.net/user/codervent" target="_blank"> <div class="parent-icon"><i class="bx bx-support"></i> </div> <div class="menu-title">Support</div> </a> </li> </ul> <!--end navigation--> </div> <!--end sidebar wrapper --> <!--start header --> <header> <div class="topbar d-flex align-items-center"> <nav class="navbar navbar-expand"> <div class="mobile-toggle-menu"><i class='bx bx-menu'></i> </div> <div class="search-bar flex-grow-1"> <div class="position-relative search-bar-box"> <input type="text" class="form-control search-control" placeholder="Type to search..."> <span class="position-absolute top-50 search-show translate-middle-y"><i class='bx bx-search'></i></span> <span class="position-absolute top-50 search-close translate-middle-y"><i class='bx bx-x'></i></span> </div> </div> <div class="top-menu ms-auto"> <ul class="navbar-nav align-items-center"> <li class="nav-item mobile-search-icon"> <a class="nav-link" href="#"> <i class='bx bx-search'></i> </a> </li> <li class="nav-item dropdown dropdown-large"> <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class='bx bx-category'></i> </a> <div class="dropdown-menu dropdown-menu-end"> <div class="row row-cols-3 g-3 p-3"> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-cosmic text-white"><i class='bx bx-group'></i> </div> <div class="app-title">Teams</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-burning text-white"><i class='bx bx-atom'></i> </div> <div class="app-title">Projects</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-lush text-white"><i class='bx bx-shield'></i> </div> <div class="app-title">Tasks</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-kyoto text-dark"><i class='bx bx-notification'></i> </div> <div class="app-title">Feeds</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-blues text-dark"><i class='bx bx-file'></i> </div> <div class="app-title">Files</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-moonlit text-white"><i class='bx bx-filter-alt'></i> </div> <div class="app-title">Alerts</div> </div> </div> </div> </li> <li class="nav-item dropdown dropdown-large"> <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">7</span> <i class='bx bx-bell'></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a href="javascript:;"> <div class="msg-header"> <p class="msg-header-title">Notifications</p> <p class="msg-header-clear ms-auto">Marks all as read</p> </div> </a> <div class="header-notifications-list"> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-primary text-primary"><i class="bx bx-group"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New Customers<span class="msg-time float-end">14 Sec ago</span></h6> <p class="msg-info">5 new user registered</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-danger text-danger"><i class="bx bx-cart-alt"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New Orders <span class="msg-time float-end">2 min ago</span></h6> <p class="msg-info">You have recived new orders</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-success text-success"><i class="bx bx-file"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">24 PDF File<span class="msg-time float-end">19 min ago</span></h6> <p class="msg-info">The pdf files generated</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-warning text-warning"><i class="bx bx-send"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">Time Response <span class="msg-time float-end">28 min ago</span></h6> <p class="msg-info">5.1 min avarage time response</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-info text-info"><i class="bx bx-home-circle"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New Product Approved <span class="msg-time float-end">2 hrs ago</span></h6> <p class="msg-info">Your new product has approved</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-danger text-danger"><i class="bx bx-message-detail"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New Comments <span class="msg-time float-end">4 hrs ago</span></h6> <p class="msg-info">New customer comments recived</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-success text-success"><i class='bx bx-check-square'></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">Your item is shipped <span class="msg-time float-end">5 hrs ago</span></h6> <p class="msg-info">Successfully shipped your item</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-primary text-primary"><i class='bx bx-user-pin'></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New 24 authors<span class="msg-time float-end">1 day ago</span></h6> <p class="msg-info">24 new authors joined last week</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-warning text-warning"><i class='bx bx-door-open'></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">Defense Alerts <span class="msg-time float-end">2 weeks ago</span></h6> <p class="msg-info">45% less alerts last 4 weeks</p> </div> </div> </a> </div> <a href="javascript:;"> <div class="text-center msg-footer">View All Notifications</div> </a> </div> </li> <li class="nav-item dropdown dropdown-large"> <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">8</span> <i class='bx bx-comment'></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a href="javascript:;"> <div class="msg-header"> <p class="msg-header-title">Messages</p> <p class="msg-header-clear ms-auto">Marks all as read</p> </div> </a> <div class="header-message-list"> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-1.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Daisy Anderson <span class="msg-time float-end">5 sec ago</span></h6> <p class="msg-info">The standard chunk of lorem</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-2.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Althea Cabardo <span class="msg-time float-end">14 sec ago</span></h6> <p class="msg-info">Many desktop publishing packages</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-3.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Oscar Garner <span class="msg-time float-end">8 min ago</span></h6> <p class="msg-info">Various versions have evolved over</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-4.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Katherine Pechon <span class="msg-time float-end">15 min ago</span></h6> <p class="msg-info">Making this the first true generator</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-5.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Amelia Doe <span class="msg-time float-end">22 min ago</span></h6> <p class="msg-info">Duis aute irure dolor in reprehenderit</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-6.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Cristina Jhons <span class="msg-time float-end">2 hrs ago</span></h6> <p class="msg-info">The passage is attributed to an unknown</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-7.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">James Caviness <span class="msg-time float-end">4 hrs ago</span></h6> <p class="msg-info">The point of using Lorem</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-8.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Peter Costanzo <span class="msg-time float-end">6 hrs ago</span></h6> <p class="msg-info">It was popularised in the 1960s</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-9.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">David Buckley <span class="msg-time float-end">2 hrs ago</span></h6> <p class="msg-info">Various versions have evolved over</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-10.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Thomas Wheeler <span class="msg-time float-end">2 days ago</span></h6> <p class="msg-info">If you are going to use a passage</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-11.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Johnny Seitz <span class="msg-time float-end">5 days ago</span></h6> <p class="msg-info">All the Lorem Ipsum generators</p> </div> </div> </a> </div> <a href="javascript:;"> <div class="text-center msg-footer">View All Messages</div> </a> </div> </li> </ul> </div> <div class="user-box dropdown"> <a class="d-flex align-items-center nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="assets/images/avatars/avatar-2.png" class="user-img" alt="user avatar"> <div class="user-info ps-3"> <p class="user-name mb-0">Pauline Seitz</p> <p class="designattion mb-0">Web Designer</p> </div> </a> <ul class="dropdown-menu dropdown-menu-end"> <li><a class="dropdown-item" href="javascript:;"><i class="bx bx-user"></i><span>Profile</span></a> </li> <li><a class="dropdown-item" href="javascript:;"><i class="bx bx-cog"></i><span>Settings</span></a> </li> <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-home-circle'></i><span>Dashboard</span></a> </li> <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-dollar-circle'></i><span>Earnings</span></a> </li> <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-download'></i><span>Downloads</span></a> </li> <li> <div class="dropdown-divider mb-0"></div> </li> <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-log-out-circle'></i><span>Logout</span></a> </li> </ul> </div> </nav> </div> </header> <!--end header --> <!--start page wrapper --> <div class="page-wrapper"> <div class="page-content"> <!--breadcrumb--> <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> <div class="breadcrumb-title pe-3">Components</div> <div class="ps-3"> <nav aria-label="breadcrumb"> <ol class="breadcrumb mb-0 p-0"> <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a> </li> <li class="breadcrumb-item active" aria-current="page">Modals</li> </ol> </nav> </div> <div class="ms-auto"> <div class="btn-group"> <button type="button" class="btn btn-primary">Settings</button> <button type="button" class="btn btn-primary split-bg-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown"> <span class="visually-hidden">Toggle Dropdown</span> </button> <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-end"> <a class="dropdown-item" href="javascript:;">Action</a> <a class="dropdown-item" href="javascript:;">Another action</a> <a class="dropdown-item" href="javascript:;">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="javascript:;">Separated link</a> </div> </div> </div> </div> <!--end breadcrumb--> <div class="row"> <div class="col col-lg-9 mx-auto"> <div class="card"> <div class="card-body"> <div class="card-title"> <h5 class="mb-0">Basic Modal</h5> </div> <hr/> <div class="row row-cols-auto g-3"> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Basic modal</button> <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur.</div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleScrollableModal">Scrollable Modal</button> <!-- Modal --> <div class="modal fade" id="exampleScrollableModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleVerticallycenteredModal">Vertically Centered</button> <!-- Modal --> <div class="modal fade" id="exampleVerticallycenteredModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur.</div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleExtraLargeModal">Extra large</button> <!-- Modal --> <div class="modal fade" id="exampleExtraLargeModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur.</div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleLargeModal">Large Modal</button> <!-- Modal --> <div class="modal fade" id="exampleLargeModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur.</div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleSmallModal">Small Modal</button> <!-- Modal --> <div class="modal fade" id="exampleSmallModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur.</div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleFullScreenModal">Full Screen Modal</button> <!-- Modal --> <div class="modal fade" id="exampleFullScreenModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur.</div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </div> </div> <!--end row--> </div> </div> <div class="card"> <div class="card-body"> <div class="card-title"> <h5 class="mb-0">Color Modal</h5> </div> <hr/> <div class="row row-cols-auto g-3"> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#exampleDangerModal">Danger Modal</button> <!-- Modal --> <div class="modal fade" id="exampleDangerModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content bg-danger"> <div class="modal-header"> <h5 class="modal-title text-white">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-white"> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-dark">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#examplePrimaryModal">Primary Modal</button> <!-- Modal --> <div class="modal fade" id="examplePrimaryModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content bg-primary"> <div class="modal-header"> <h5 class="modal-title text-white">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-white"> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-dark">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#exampleWarningModal">Warning Modal</button> <!-- Modal --> <div class="modal fade" id="exampleWarningModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content bg-warning"> <div class="modal-header border-dark"> <h5 class="modal-title text-dark">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-dark"> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> </div> <div class="modal-footer border-dark"> <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-dark">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#exampleSuccessModal">Success Modal</button> <!-- Modal --> <div class="modal fade" id="exampleSuccessModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content bg-success"> <div class="modal-header"> <h5 class="modal-title text-white">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-white"> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-dark">Save changes</button> </div> </div> </div> </div> </div> <div class="col"> <!-- Button trigger modal --> <button type="button" class="btn btn-dark" data-bs-toggle="modal" data-bs-target="#exampleDarkModal">Dark Modal</button> <!-- Modal --> <div class="modal fade" id="exampleDarkModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content bg-dark"> <div class="modal-header"> <h5 class="modal-title text-white">Modal title</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-white"> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-dark">Save changes</button> </div> </div> </div> </div> </div> </div> <!--end row--> </div> </div> </div> </div> <!--end row--> </div> </div> <!--end page wrapper --> <!--start overlay--> <div class="overlay toggle-icon"></div> <!--end overlay--> <!--Start Back To Top Button--> <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> <!--End Back To Top Button--> <footer class="page-footer"> <p class="mb-0">Copyright © 2021. All right reserved.</p> </footer> </div> <!--end wrapper--> <!--start switcher--> <div class="switcher-wrapper"> <div class="switcher-btn"> <i class='bx bx-cog bx-spin'></i> </div> <div class="switcher-body"> <div class="d-flex align-items-center"> <h5 class="mb-0 text-uppercase">Theme Customizer</h5> <button type="button" class="btn-close ms-auto close-switcher" aria-label="Close"></button> </div> <hr/> <h6 class="mb-0">Theme Styles</h6> <hr/> <div class="d-flex align-items-center justify-content-between"> <div class="form-check"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="lightmode"> <label class="form-check-label" for="lightmode">Light</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="darkmode"> <label class="form-check-label" for="darkmode">Dark</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="semidark" checked> <label class="form-check-label" for="semidark">Semi Dark</label> </div> </div> <hr/> <div class="form-check"> <input class="form-check-input" type="radio" id="minimaltheme" name="flexRadioDefault"> <label class="form-check-label" for="minimaltheme">Minimal Theme</label> </div> <hr/> <h6 class="mb-0">Header Colors</h6> <hr/> <div class="header-colors-indigators"> <div class="row row-cols-auto g-3"> <div class="col"> <div class="indigator headercolor1" id="headercolor1"></div> </div> <div class="col"> <div class="indigator headercolor2" id="headercolor2"></div> </div> <div class="col"> <div class="indigator headercolor3" id="headercolor3"></div> </div> <div class="col"> <div class="indigator headercolor4" id="headercolor4"></div> </div> <div class="col"> <div class="indigator headercolor5" id="headercolor5"></div> </div> <div class="col"> <div class="indigator headercolor6" id="headercolor6"></div> </div> <div class="col"> <div class="indigator headercolor7" id="headercolor7"></div> </div> <div class="col"> <div class="indigator headercolor8" id="headercolor8"></div> </div> </div> </div> <hr/> <h6 class="mb-0">Sidebar Colors</h6> <hr/> <div class="header-colors-indigators"> <div class="row row-cols-auto g-3"> <div class="col"> <div class="indigator sidebarcolor1" id="sidebarcolor1"></div> </div> <div class="col"> <div class="indigator sidebarcolor2" id="sidebarcolor2"></div> </div> <div class="col"> <div class="indigator sidebarcolor3" id="sidebarcolor3"></div> </div> <div class="col"> <div class="indigator sidebarcolor4" id="sidebarcolor4"></div> </div> <div class="col"> <div class="indigator sidebarcolor5" id="sidebarcolor5"></div> </div> <div class="col"> <div class="indigator sidebarcolor6" id="sidebarcolor6"></div> </div> <div class="col"> <div class="indigator sidebarcolor7" id="sidebarcolor7"></div> </div> <div class="col"> <div class="indigator sidebarcolor8" id="sidebarcolor8"></div> </div> </div> </div> </div> </div> <!--end switcher--> <!-- Bootstrap JS --> <script src="assets/js/bootstrap.bundle.min.js"></script> <!--plugins--> <script src="assets/js/jquery.min.js"></script> <script src="assets/plugins/simplebar/js/simplebar.min.js"></script> <script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> <script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> <!--app JS--> <script src="assets/js/app.js"></script> </body> <!-- Mirrored from codervent.com/amdash/demo/vertical/component-modals.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 25 Jul 2024 05:02:18 GMT --> </html>��I�mN