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.226.98.244
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 : bootstrap-progress.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>Bootstrap Components › Progress — Atrana</title> <!-- Bootstrap CSS--> <link rel="stylesheet" href="assets/modules/bootstrap-5.1.3/css/bootstrap.css"> <!-- Style CSS (White)--> <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>Logout</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>Progress</h1> <p>Examples for how to use Bootstrap’s included navigation components.</p> </div> <!--Start Progress--> <!-- Default Progress Start --> <section class="section"> <div class="card"> <div class="card-header"> <h4>Default</h4> </div> <div class="card-body"> <p>Use class <code>.progress-bar-{color-name}</code> to add different colors to progressbar.</p> <div class="progress progress-primary mb-3"> <div class="progress-bar" role="progressbar" style="width: 35%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-secondary mb-3"> <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-warning mb-3"> <div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-danger mb-3"> <div class="progress-bar" role="progressbar" style="width: 40%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-dark mb-3"> <div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-info mb-3"> <div class="progress-bar" role="progressbar" style="width: 88%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> </section> <!-- Default Progress End --> <!-- Progress Label Start --> <section class="section"> <div class="card"> <div class="card-header"> <h4>Progress Label</h4> </div> <div class="card-body"> <p>Use class <code>.progress-bar-{color-name}</code> to add different colors to progressbar.</p> <div class="progress progress-primary mb-4"> <div class="progress-bar progress-label" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-secondary mb-4"> <div class="progress-bar progress-label" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-warning mb-4"> <div class="progress-bar progress-label" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-danger mb-4"> <div class="progress-bar progress-label" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-dark mb-4"> <div class="progress-bar progress-label" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-info mb-4"> <div class="progress-bar progress-label" role="progressbar" style="width: 88%" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> </section> <!-- Progress Label End --> <!-- Progress Label Start --> <section class="section"> <div class="card"> <div class="card-header"> <h4>Progress Striped</h4> </div> <div class="card-body"> <p>Add <code>.progress-bar-striped</code> to any <code>.progress-bar</code> to apply a stripe via CSS gradient over the progress bar’s background color.</p> <div class="progress progress-primary mb-4"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-secondary mb-4"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-warning mb-4"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-danger mb-4"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-dark mb-4"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-info mb-4"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 88%" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> </section> <!-- Progress Label End --> <!-- Progress Sizes Start --> <section class="section"> <div class="card"> <div class="card-header"> <h4>Progress Sizes</h4> </div> <div class="card-body"> <p>For Default progress, No size class needed. you can use class <code>.progress-sm</code> or <code>.progress-lg</code> with <code>.progress</code> to change size of your progress bar. </p> <div class="progress progress-success progress-sm mb-4"> <div class="progress-bar" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-primary mb-4"> <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> </div> <div class="progress progress-warning progress-lg mb-4"> <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> </section> <!-- Progress Label End --> <!--End Start Progress--> </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
