File Manager

Editing File: /home/ubuntu/ridge-crop-landing-ui-revamp/admin/tax-rates.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <title>Truelysell | Template</title>

<link rel="shortcut icon" href="assets/img/favicon.png">

<link rel="stylesheet" href="assets/css/select2.min.css">

<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css">

<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
    <link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">

<link rel="stylesheet" href="assets/plugins/feather/feather.css">

<link rel="stylesheet" href="assets/css/admin.css">

</head>

<div class="header">
            <div class="header-left">
                <a href="index.html" class="logo">
                    <img src="assets/img/logo.webp" alt="Logo" width="30" height="30">
                </a>
                <a href="index.html" class=" logo-small">
                    <img src="assets/img/logo-small.svg" alt="Logo" width="30" height="30">
                </a>
            </div>
            <a class="mobile_btn" id="mobile_btn" href="javascript:void(0);">
                <i class="fas fa-align-left"></i>
            </a>
            <div class="header-split">
                <div class="page-headers">
                    <div class="search-bar">
                        <span><i class="fe fe-search"></i></span>
                        <input type="text" placeholder="Search" class="form-control">
                    </div>
                </div>
                <ul class="nav user-menu">
                    
                    <li class="nav-item">
                        <a href="../index.html" class="viewsite"><i class="fe fe-globe me-2"></i>View Site</a>
                    </li>
                    <li class="nav-item dropdown has-arrow dropdown-heads flag-nav">
                        <a class="nav-link" data-bs-toggle="dropdown" href="javascript:void(0);" role="button">
                            <img src="assets/img/flags/us1.png" alt="Flag" height="20">
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a href="javascript:void(0);" class="dropdown-item">
                                <img src="assets/img/flags/us.png" class="me-2" alt="Flag" height="16"> English
                            </a>
                            <a href="javascript:void(0);" class="dropdown-item">
                                <img src="assets/img/flags/fr.png" class="me-2" alt="Flag" height="16"> French
                            </a>
                            <a href="javascript:void(0);" class="dropdown-item">
                                <img src="assets/img/flags/es.png" class="me-2" alt="Flag" height="16"> Spanish
                            </a>
                            <a href="javascript:void(0);" class="dropdown-item">
                                <img src="assets/img/flags/de.png" class="me-2" alt="Flag" height="16"> German
                            </a>
                        </div>
                    </li>
                    <li class="nav-item  has-arrow dropdown-heads ">
                        <a href="javascript:void(0);" class="toggle-switch">
                            <i class="fe fe-moon"></i>
                        </a>
                    </li>
                    <li class="nav-item dropdown has-arrow dropdown-heads ">
                        <a href="javascript:void(0);" data-bs-toggle="dropdown">
                            <i class="fe fe-bell"></i>
                        </a>
                        <div class="dropdown-menu notifications">
                            <div class="topnav-dropdown-header">
                                <span class="notification-title">Notifications</span>
                                <a href="javascript:void(0)" class="clear-noti"> Clear All </a>
                            </div>
                            <div class="noti-content">
                                <ul class="notification-list">
                                    <li class="notification-message">
                                        <a href="notifications.html">
                                            <div class="media d-flex">
                                                <span class="avatar avatar-sm flex-shrink-0">
                                                    <img class="avatar-img rounded-circle" alt="user"
                                                        src="assets/img/provider/provider-01.jpg">
                                                </span>
                                                <div class="media-body flex-grow-1">
                                                    <p class="noti-details">
                                                        <span class="noti-title">Thomas Herzberg have been
                                                            subscribed</span>
                                                    </p>
                                                    <p class="noti-time">
                                                        <span class="notification-time">15 Sep 2020 10:20 PM</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="notification-message">
                                        <a href="notifications.html">
                                            <div class="media d-flex">
                                                <span class="avatar avatar-sm flex-shrink-0">
                                                    <img class="avatar-img rounded-circle" alt="user"
                                                        src="assets/img/provider/provider-02.jpg">
                                                </span>
                                                <div class="media-body flex-grow-1">
                                                    <p class="noti-details">
                                                        <span class="noti-title">Matthew Garcia have been
                                                            subscribed</span>
                                                    </p>
                                                    <p class="noti-time">
                                                        <span class="notification-time">13 Sep 2020 03:56 AM</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="notification-message">
                                        <a href="notifications.html">
                                            <div class="media d-flex">
                                                <span class="avatar avatar-sm flex-shrink-0">
                                                    <img class="avatar-img rounded-circle" alt="user"
                                                        src="assets/img/provider/provider-03.jpg">
                                                </span>
                                                <div class="media-body flex-grow-1">
                                                    <p class="noti-details">
                                                        <span class="noti-title">Yolanda Potter have been
                                                            subscribed</span>
                                                    </p>
                                                    <p class="noti-time">
                                                        <span class="notification-time">12 Sep 2020 09:25 PM</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="notification-message">
                                        <a href="notifications.html">
                                            <div class="media d-flex">
                                                <span class="avatar avatar-sm flex-shrink-0">
                                                    <img class="avatar-img rounded-circle" alt="User Image"
                                                        src="assets/img/provider/provider-04.jpg">
                                                </span>
                                                <div class="media-body flex-grow-1">
                                                    <p class="noti-details">
                                                        <span class="noti-title">Ricardo Flemings have been
                                                            subscribed</span>
                                                    </p>
                                                    <p class="noti-time">
                                                        <span class="notification-time">11 Sep 2020 06:36 PM</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="notification-message">
                                        <a href="notifications.html">
                                            <div class="media d-flex">
                                                <span class="avatar avatar-sm flex-shrink-0">
                                                    <img class="avatar-img rounded-circle" alt="User Image"
                                                        src="assets/img/provider/provider-05.jpg">
                                                </span>
                                                <div class="media-body flex-grow-1">
                                                    <p class="noti-details">
                                                        <span class="noti-title">Maritza Wasson have been
                                                            subscribed</span>
                                                    </p>
                                                    <p class="noti-time">
                                                        <span class="notification-time">10 Sep 2020 08:42 AM</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="notification-message">
                                        <a href="notifications.html">
                                            <div class="media d-flex">
                                                <span class="avatar avatar-sm flex-shrink-0">
                                                    <img class="avatar-img rounded-circle" alt="User Image"
                                                        src="assets/img/provider/provider-06.jpg">
                                                </span>
                                                <div class="media-body flex-grow-1">
                                                    <p class="noti-details">
                                                        <span class="noti-title">Marya Ruiz have been subscribed</span>
                                                    </p>
                                                    <p class="noti-time">
                                                        <span class="notification-time">9 Sep 2020 11:01 AM</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="notification-message">
                                        <a href="notifications.html">
                                            <div class="media d-flex">
                                                <span class="avatar avatar-sm flex-shrink-0">
                                                    <img class="avatar-img rounded-circle" alt="User Image"
                                                        src="assets/img/provider/provider-07.jpg">
                                                </span>
                                                <div class="media-body flex-grow-1">
                                                    <p class="noti-details">
                                                        <span class="noti-title">Richard Hughes have been
                                                            subscribed</span>
                                                    </p>
                                                    <p class="noti-time">
                                                        <span class="notification-time">8 Sep 2020 06:23 AM</span>
                                                    </p>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="topnav-dropdown-footer">
                                <a href="notifications.html">View all Notifications</a>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item  has-arrow dropdown-heads ">
                        <a href="javascript:void(0);" class="win-maximize">
                            <i class="fe fe-maximize"></i>
                        </a>
                    </li>

<li class="nav-item dropdown">
                        <a href="javascript:void(0)" class="user-link  nav-link" data-bs-toggle="dropdown">
                            <span class="user-img">
                                <img class="rounded-circle" src="assets/img/user.jpg" width="40" alt="Admin">
                                <span class="animate-circle"></span>
                            </span>
                            <span class="user-content">
                                <span class="user-name">John Smith</span>
                                <span class="user-details">Demo User</span>
                            </span>
                        </a>
                        <div class="dropdown-menu menu-drop-user">
                            <div class="profilemenu ">
                                <div class="user-detials">
                                    <a href="account.html">
                                        <span class="profile-image">
                                            <img src="assets/img/user.jpg" alt="img" class="profilesidebar">
                                        </span>
                                        <span class="profile-content">
                                            <span>John Smith</span>
                                            <span><span class="__cf_email__" data-cfemail="98d2f7f0f6d8fde0f9f5e8f4fdb6fbf7f5">[email&#160;protected]</span></span>
                                        </span>
                                    </a>
                                </div>
                                <div class="subscription-menu">
                                    <ul>
                                        <li>
                                            <a href="account-settings.html">Profile</a>
                                        </li>
                                        <li>
                                            <a href="localization.html">Settings</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="subscription-logout">
                                    <a href="signin.html">Log Out</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    
                </ul>
            </div>

</div>

<div class="sidebar" id="sidebar">
            <div class="sidebar-header">
                <div class="sidebar-logo">
                    <a href="index.html">
                        <img src="assets/img/logo.webp" class="img-fluid logo" alt="Logo">
                    </a>
                    <a href="index.html">
                        <img src="assets/img/logo-small.svg" class="img-fluid logo-small" alt="Logo">
                    </a>
                </div>
                <div class="siderbar-toggle">
                    <label class="switch" id="toggle_btn">
                        <input type="checkbox">
                        <span class="slider round"></span>
                    </label>
                </div>
            </div>

<div class="sidebar-inner slimscroll">
                <div id="sidebar-menu" class="sidebar-menu">
                    <ul>
                        <li class="menu-title m-0">
                            <h6>Home</h6>
                        </li>
                        <li>
                            <a href="index.html"><i class="fe fe-grid"></i> <span>Dashboard</span></a>
                        </li>
                        <li class="menu-title">
                            <h6>Services</h6>
                        </li>
                        <li>
                            <a href="javascript:void(0);"><i class="fe fe-briefcase"></i> 
                                <span>Services</span>
								<span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
                            </a>
							<ul>
                                <li>
                                    <a  href="add-service.html">Add Service</a>
                                </li>
                                <li>
                                    <a href="services.html">Services</a>
                                </li>
								<li>
                                    <a href="service-settings.html">Service Settings</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="categories.html"><i class="fe fe-file-text"></i>
                                <span>Categories</span>
                            </a>
                        </li>
                        <li>
                            <a href="sub-categories.html"><i class="fe fe-clipboard"></i> <span>Sub
                                    Categories</span></a>
                        </li>
                        <li class="submenu">
                            <a href="javascript:void(0);"><i class="fe fe-star"></i>
                                <span>Review</span>
                                <span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
                            </a>
                            <ul>
                                <li>
                                    <a href="review-type.html">Review Type</a>
                                </li>
                                <li>
                                    <a href="review.html">Review</a>
                                </li>
                            </ul>
                        </li>
                        <li class="menu-title">
                            <h6>Booking</h6>
                        </li>
                        <li>
                            <a href="booking.html"><i class="fe fe-smartphone"></i> <span> Bookings</span></a>
                        </li>
                        <li class="menu-title">
                            <h6>Finance & Accounts</h6>
                        </li>
                        <li>
                            <a href="banktransferlist.html"><i class="fe fe-file"></i>
                                <span>Bank Transfer</span>
                            </a>
                        </li>
                        <li>
                            <a href="wallet.html"><i class="fe fe-credit-card"></i>
                                <span>Wallet</span>
                            </a>
                        </li>
                        <li>
                            <a href="refund-request.html"><i class="fe fe-git-pull-request"></i> <span>Refund
                                    Request</span></a>
                        </li>
                        <li>
                            <a href="cash-on-delivery.html"><i class="fe fe-dollar-sign"></i> <span>Cash on
                                    Delivery</span></a>
                        </li>
                        <li class="submenu">
                            <a href="javascript:void(0);"><i class="fe fe-credit-card"></i>
                                <span>Payouts</span>
                                <span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
                            </a>
                            <ul>
                                <li>
                                    <a href="payout-request.html">Payout Requests</a>
                                </li>
                                <li>
                                    <a href="payout-settings.html">Payout Settings</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="sales-transactions.html"><i class="fe fe-bar-chart"></i> <span>Sales Transactions</span></a>
                        </li>
                        <li class="menu-title">
                            <h6>Others</h6>
                        </li>
                        <li>
                            <a href="chat.html"><i class="fe fe-message-square"></i> <span>Chat</span></a>
                        </li>
                        <li class="menu-title">
                            <h6>Content</h6>
                        </li>
                        <li class="submenu">
                            <a href="javascript:void(0);"><i class="fe fe-file"></i>
                                <span>Pages</span>
                                <span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
                            </a>
                            <ul>
                                <li>
                                    <a href="add-page.html">Add Page</a>
                                </li>
                                <li>
                                    <a href="pages-list.html">Pages</a>
                                </li>
                                <li>
                                    <a href="page-list.html">Pages List</a>
                                </li>
                            </ul>
                        </li>
                        <li class="submenu">
                            <a href="javascript:void(0);"><i class="fe fe-file-text"></i>
                                <span>Blog</span>
                                <span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
                            </a>
                            <ul>
                                <li>
                                    <a href="all-blog.html">All Blog</a>
                                </li>
                                <li>
                                    <a href="add-blog.html">Add Blog</a>
                                </li>
                                <li>
                                    <a href="blogs-categories.html">Categories</a>
                                </li>
                                <li>
                                    <a href="blogs-comments.html">Blog Comments</a>
                                </li>
                            </ul>
                        </li>
                        <li class="submenu">
                            <a href="javascript:void(0);"><i class="fe fe-map-pin"></i>
                                <span>Location</span>
                                <span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
                            </a>
                            <ul>
                                <li>
                                    <a href="countries.html">Countries</a>
                                </li>
                                <li>
                                    <a href="states.html">States</a>
                                </li>
                                <li>
                                    <a href="cities.html">Cities</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="testimonials.html"><i class="fe fe-star"></i> <span>Testimonials</span></a>
                        </li>
                        <li>
                            <a href="faq.html"><i class="fe fe-help-circle"></i> <span>FAQ</span></a>
                        </li>
                        <li class="menu-title">
                            <h6>Membership</h6>
                        </li>
                        <li>
                            <a href="membership.html"><i class="fe fe-user"></i> <span>Membership</span></a>
                        </li>
                        <li>
                            <a href="membership-addons.html"><i class="fe fe-user-plus"></i> <span>Membership
                                    Addons</span></a>
                        </li>
                        <li class="menu-title">
                            <h6>Reports</h6>
                        </li>
                        <li>
                            <a href="admin-earnings.html"><i class="fe fe-user"></i> 
                                <span>Admin Earnings</span>
                            </a>
                        </li>
                        <li>
                            <a href="provider-earnings.html"><i class="fe fe-dollar-sign"></i> 
                                <span>Provider Earnings</span>
                            </a>
                        </li>
                        <li>
                            <a href="provider-sales.html"><i class="fe fe-dollar-sign"></i> 
                                <span>Provider Sales</span>
                            </a>
                        </li>
                        <li>
                            <a href="provider-wallet.html"><i class="fe fe-credit-card"></i> 
                                <span>Provider Wallet</span>
                            </a>
                        </li>
                        <li>
                            <a href="customer-wallet.html"><i class="fe fe-user"></i> 
                                <span>Customer Wallet</span>
                            </a>
                        </li>
                        <li>
                            <a href="membership-transaction.html"><i class="fe fe-tv"></i> 
                                <span>Membership Transaction</span>
                            </a>
                        </li>
                        <li>
                            <a href="refund-report.html"><i class="fe fe-file-text"></i> 
                                <span>Refund Report</span>
                            </a>
                        </li>
                        <li>
                            <a href="register-report.html"><i class="fe fe-git-pull-request"></i> 
                                <span>Register Report</span>
                            </a>
                        </li>
                        <li>
                            <a href="service-sales.html"><i class="fe fe-bar-chart"></i> 
                                <span>Sales Report</span>
                            </a>
                        </li>
                        <li class="menu-title">
                            <h6>User Management</h6>
                        </li>
                        <li class="submenu">
                            <a href="javascript:void(0);"><i class="fe fe-user"></i>
                                <span> Users</span>
                                <span class="menu-arrow"><i class="fe fe-chevron-right"></i></span>
                            </a>
                            <ul>
                                <li>
                                    <a href="users.html">Users</a>
                                </li>
                                <li>
                                    <a href="customers.html">Customers</a>
                                </li>
                                <li>
                                    <a href="providers.html">Providers </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="roles.html"><i class="fe fe-file"></i> <span>Roles &
                                    Permissions</span></a>
                        </li>
                        <li>
                            <a href="delete-account-requests.html"><i class="fe fe-trash-2"></i> <span>Delete Account
                                    Requests</span></a>
                        </li>
                        <li>
                            <a href="verification-request.html" ><i class="fe fe-dollar-sign"></i><span>Verification Requests</span></a>
                        </li>
                        <li class="menu-title">
                            <h6>Marketing</h6>
                        </li>
                        <li>
                            <a href="coupons.html"><i class="fe fe-bookmark"></i> <span>Coupons</span></a>
                        </li>
                        <li>
                            <a href="offers.html"><i class="fe fe-briefcase"></i> <span>Service
                                    Offers</span></a>
                        </li>
                        <li>
                            <a href="featured-services.html"><i class="fe fe-briefcase"></i> <span>Featured
                                    Services</span></a>
                        </li>
                        <li>
                            <a href="email-newsletter.html"><i class="fe fe-mail"></i> <span>Email
                                    Newsletter</span></a>
                        </li>
                        <li class="menu-title">
                            <h6>Management</h6>
                        </li>
                        <li>
                            <a href="cachesystem.html"><i class="fe fe-user"></i>
                                <span>Cache System</span>
                            </a>
                        </li>
                        <li>
                            <a href="email-templates.html"><i class="fe fe-mail"></i> <span>Email Templates</span></a>
                        </li>
                        <li>
                            <a href="sms-templates.html"><i class="fe fe-message-square"></i> <span>SMS
                                    Templates</span></a>
                        </li>
                        <li>
                            <a href="menu-management.html"><i class="fe fe-file-text"></i> <span>Menu
                                    Management</span></a>
                        </li>
                        <li>
                            <a href="website-settings.html"><i class="fe fe-credit-card"></i> <span>Widgets</span></a>
                        </li>
                        <li>
                            <a href="create-menu.html"><i class="fe fe-list"></i> <span>Create Menu</span></a>
                        </li>
                        <li>
                            <a href="plugins-manager.html"><i class="fe fe-tv"></i><span>Plugin Managers</span> </a>
                        </li>
                        <li class="menu-title">
                            <h6>Support</h6>
                        </li>
                        <li>
                            <a href="contact-messages.html"><i class="fe fe-message-square"></i> <span>Contact
                                    Messages</span></a>
                        </li>
                        <li>
                            <a href="abuse-reports.html"><i class="fe fe-file-text"></i> <span>Abuse Reports</span></a>
                        </li>
                        <li>
                            <a href="announcements.html"><i class="fe fe-volume-2"></i> <span>Announcements</span></a>
                        </li>
                        <li class="menu-title">
                            <h6>Settings</h6>
                        </li>
                        <li>
                            <a href="localization.html" class="active"><i class="fe fe-settings"></i>
                                <span>Settings</span></a>
                        </li>
                        <li>
                            <a href="signin.html"><i class="fe fe-log-out"></i> <span>Logout</span></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

<div class="page-wrapper ">
            <div class="content w-100 ps-0 pt-0">
                <div class="content-sidelink float-start">
                    <div class="content-sidelinkheading">
                        <h6>Settings</h6>
                    </div>
                    <div class="content-sidelinkmenu">
                        <ul>
                            <li>
                                <h5>General Settings</h5>
                            </li>
                            <li><a href="localization.html">Localization </a></li>
                            <li><a href="account-settings.html">Account Settings </a></li>
                            <li><a href="security.html">Security</a></li>
                            <li><a href="social-profiles.html">Social Profiles </a></li>
                            <li><a href="notifications.html">Notifications</a></li>
                            <li><a href="connected-apps.html">Connected Apps</a></li>
                            <li> <a href="appointment-settings.html" >Appointment Settings</a></li>
                        </ul>
                        <ul>
                            <li>
                                <h5>Website Settings</h5>
                            </li>
                            <li><a href="site-information.html">Site Information</a></li>
                            <li><a href="seo-settings.html">Seo Settings</a></li>
                            <li><a href="preference-settings.html">Preference Settings</a></li>
                            <li><a href="appearance.html">Appearance </a></li>
                            <li>
                                <h4>Frontend Settings</h4>
                            </li>
                            <li class="submenu-sidelink"><a href="header-settings.html">Header Settings</a></li>
                            <li class="submenu-sidelink"><a href="footer-settings.html">Footer Settings</a></li>
                            <li><a href="authentication-settings.html">Authentication Settings</a></li>
                            <li><a href="social-authentication.html">Social Authentication</a></li>
                            <li><a href="language.html">Language </a></li>
                            <li><a href="typography-settings.html" >Typography Settings</a></li>
                        </ul>
                        <ul>
                            <li>
                                <h5>System Settings</h5>
                            </li>
                            <li><a href="email-settings.html">Email Settings </a></li>
                            <li><a href="sms-settings.html">SMS Settings</a></li>
                            <li><a href="gdpr-settings.html">GDPR Settings </a></li>
                            <li><a href="calendar-settings.html" >Calendar Settings</a></li>
                        </ul>
                        <ul>
                            <li>
                                <h5>Financial Settings</h5>
                            </li>
                            <li><a href="payment-gateways.html">Payment Gateways</a></li>
                            <li><a href="payment-settings.html">Payment Settings</a></li>
                            <li><a href="tax-rates.html" class="active">Tax Rates</a></li>
                            <li><a href="currencies.html">Currencies</a></li>
                        </ul>
                        <ul>
                            <li>
                                <h5><a href="service-settings.html">Service Settings</a></h5>
                            </li>
                        </ul>
                        <ul>
                            <li> <h5><a href="provider-settings.html">Provider Settings</a></h5></li>
                        </ul>
                        <ul>
                            <li>
                                <h5>Other Settings</h5>
                            </li>
                            <li><a href="storage-settings.html">Storage Settings</a></li>
                            <li><a href="ban-ip-address.html">Ban IP Address</a></li>
                            <li><a href="cronjob.html">Cronjob</a></li>
                            <li>
                                <h4>Backup</h4>
                            </li>
                            <li class="submenu-sidelink"><a href="system-backup.html">System Backup</a></li>
                            <li class="submenu-sidelink"><a href="database-backup.html">Database Backup</a></li>
                            <li><a href="system-information.html">System Information</a></li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="content-table tax-table-rate">
                        <div class="content-page-header content-page-headersplit">
                            <h5>All Taxes</h5>
                            <div class="list-btn">
                                <ul>
                                    <li class="tax-module">
                                        <div class="active-switch me-1">
                                            <label class="switch">
                                                <input type="checkbox" checked="">
                                                <span class="sliders round"></span>
                                            </label>
                                        </div>
                                        <span>Tax Module</span>
                                    </li>
                                    <li>
                                        <div class="filter-sorting">
                                            <ul>
                                                <li>
                                                    <a href="javascript:void(0);" class="filter-sets"><img
                                                            src="assets/img/icons/filter1.svg" class="me-2"
                                                            alt="img">Filter</a>
                                                </li>
                                                <li>
                                                    <span><img src="assets/img/icons/sort.svg" class="me-2"
                                                            alt="img"></span>
                                                    <div class="review-sort">
                                                        <select class="select">
                                                            <option>A -> Z</option>
                                                            <option>Z -> A</option>
                                                        </select>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li>
                                        <a class="btn btn-primary" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add-tax"><i class="fa fa-plus me-2"></i>Create Tax</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="table-resposnive table-bottom">
                                <table class="table datatable">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Tax Name</th>
                                            <th>Tax Percentage</th>
                                            <th class="text-end">Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>Casual Customs</td>
                                            <td>0.00%</td>
                                            <td>
                                                <div class="action-language">
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" checked="">
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                    <a class="table-edit" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#edit-tax"> <i
                                                            class="fa-regular fa-pen-to-square"></i>
                                                        <span>Edit</span>
                                                    </a>
                                                    <a class="table-delete" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#delete-item"> <i
                                                            class="fa-solid fa-trash-can"></i>
                                                        <span>Delete</span>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>Your Tax Assistance</td>
                                            <td>2.00%</td>
                                            <td>
                                                <div class="action-language">
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" checked="">
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                    <a class="table-edit" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#edit-tax"> <i
                                                            class="fa-regular fa-pen-to-square"></i>
                                                        <span>Edit</span>
                                                    </a>
                                                    <a class="table-delete" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#delete-item"> <i
                                                            class="fa-solid fa-trash-can"></i>
                                                        <span>Delete</span>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>Essential Expenses</td>
                                            <td>7.25%</td>
                                            <td>
                                                <div class="action-language">
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" checked="">
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                    <a class="table-edit" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#edit-tax"> <i
                                                            class="fa-regular fa-pen-to-square"></i>
                                                        <span>Edit</span>
                                                    </a>
                                                    <a class="table-delete" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#delete-item"> <i
                                                            class="fa-solid fa-trash-can"></i>
                                                        <span>Delete</span>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>Taxing Co</td>
                                            <td>4.50%</td>
                                            <td>
                                                <div class="action-language">
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" checked="">
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                    <a class="table-edit" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#edit-tax"> <i
                                                            class="fa-regular fa-pen-to-square"></i>
                                                        <span>Edit</span>
                                                    </a>
                                                    <a class="table-delete" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#delete-item"> <i
                                                            class="fa-solid fa-trash-can"></i>
                                                        <span>Delete</span>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>Afflict Tax Payers</td>
                                            <td>0.00%</td>

<td>
                                                <div class="action-language">
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" checked="">
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                    <a class="table-edit" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#edit-tax"> <i
                                                            class="fa-regular fa-pen-to-square"></i>
                                                        <span>Edit</span>
                                                    </a>
                                                    <a class="table-delete" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#delete-item"> <i
                                                            class="fa-solid fa-trash-can"></i>
                                                        <span>Delete</span>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>6</td>
                                            <td>Financial Cub</td>
                                            <td>1.00%</td>
                                            <td>
                                                <div class="action-language">
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" checked="">
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                    <a class="table-edit" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#edit-tax"> <i
                                                            class="fa-regular fa-pen-to-square"></i>
                                                        <span>Edit</span>
                                                    </a>
                                                    <a class="table-delete" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#delete-item"> <i
                                                            class="fa-solid fa-trash-can"></i>
                                                        <span>Delete</span>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>7</td>
                                            <td>The Pocketbook</td>
                                            <td>2.55%</td>
                                            <td>
                                                <div class="action-language">
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox" checked="">
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                    <a class="table-edit" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#edit-tax"> <i
                                                            class="fa-regular fa-pen-to-square"></i>
                                                        <span>Edit</span>
                                                    </a>
                                                    <a class="table-delete" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#delete-item"> <i
                                                            class="fa-solid fa-trash-can"></i>
                                                        <span>Delete</span>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>8</td>
                                            <td>Tax Deduction Collective</td>
                                            <td>0.00%</td>
                                            <td>
                                                <div class="action-language">
                                                    <div class="active-switch">
                                                        <label class="switch">
                                                            <input type="checkbox">
                                                            <span class="sliders round"></span>
                                                        </label>
                                                    </div>
                                                    <a class="table-edit" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#edit-tax"> <i
                                                            class="fa-regular fa-pen-to-square"></i>
                                                        <span>Edit</span>
                                                    </a>
                                                    <a class="table-delete" href="javascript:void(0);"
                                                        data-bs-toggle="modal" data-bs-target="#delete-item"> <i
                                                            class="fa-solid fa-trash-can"></i>
                                                        <span>Delete</span>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="add-tax" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered ">
            <div class="modal-content">
                <form action="https://truelysell.dreamstechnologies.com/html/template/admin/tax-rates.html">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Create Tax</h5>
                        <button type="button" class="btn-close close-modal" data-bs-dismiss="modal" aria-label="Close">
                            <i class="fe fe-x"></i>
                        </button>
                    </div>
                    <div class="modal-body py-0">
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label>Tax Name</label>
                                    <input type="text" class="form-control" placeholder="Enter Tax Name">
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label>Tax Percentage</label>
                                    <input type="text" class="form-control" placeholder="0.00%">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer pt-0">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary">Create Tax</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

<div class="modal fade" id="edit-tax" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered ">
            <div class="modal-content">
                <form action="https://truelysell.dreamstechnologies.com/html/template/admin/tax-rates.html">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabeltwo">Edit Tax Rate</h5>
                        <button type="button" class="btn-close close-modal" data-bs-dismiss="modal" aria-label="Close">
                            <i class="fe fe-x"></i>
                        </button>
                    </div>
                    <div class="modal-body py-0">
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label>Tax Name</label>
                                    <input type="text" class="form-control" placeholder="Enter Name" value="Casual Customs">
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label>Tax Percentage</label>
                                    <input type="text" class="form-control" placeholder="Enter Tax Rate" value="2">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer pt-0">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="delete-item" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="https://truelysell.dreamstechnologies.com/html/template/admin/tax-rates.html">
                    <button type="button" class="delete-popup" data-bs-dismiss="modal" aria-label="Close">
                        <i class="fa-regular fa-rectangle-xmark"></i>
                    </button>
                    <div class="del-modal">
                        <h5>Do you really want to delete this Tax Service?</h5>
                        <p>Casual Customs</p>
                    </div>
                    <div class="delete-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn modal-delete">Delete</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

<script data-cfasync="false" src="../../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery-3.7.1.min.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>

<script src="assets/js/select2.min.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>

<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>

<script src="assets/plugins/bootstrap-tagsinput/js/bootstrap-tagsinput.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>

<script src="assets/js/feather.min.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>

<script src="assets/js/jquery.dataTables.min.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>

<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>

<script src="assets/plugins/sweetalert/sweetalert2.all.min.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>
    <script src="assets/plugins/sweetalert/sweetalerts.min.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>

<script src="assets/js/admin.js" type="b935ad2914db7c81274d19fc-text/javascript"></script>

</html>

Back to Directory File Manager