CINXE.COM

LED Grow Lights Depot - Affiliate Program

<!doctype html> <html> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title> LED Grow Lights Depot - Affiliate Program</title> <meta name="csrf-token" content="q8yfU1saoCUgM2NnTWZ7UN2beqcHWUGb2JOOfxkA"> <link rel="preload" as="style" href="https://ledgrowlightsdepot.idevaffiliate.com/build/assets/app-7f277c6e.css" /><link rel="modulepreload" href="https://ledgrowlightsdepot.idevaffiliate.com/build/assets/app-4ed993c7.js" /><link rel="modulepreload" href="https://ledgrowlightsdepot.idevaffiliate.com/build/assets/app-a891fb5e.js" /><link rel="stylesheet" href="https://ledgrowlightsdepot.idevaffiliate.com/build/assets/app-7f277c6e.css" /><script type="module" src="https://ledgrowlightsdepot.idevaffiliate.com/build/assets/app-4ed993c7.js"></script><script type="module" src="https://ledgrowlightsdepot.idevaffiliate.com/build/assets/app-a891fb5e.js"></script> <!-- Favicon --> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://ledgrowlightsdepot.idevaffiliate.com/vito/css/bootstrap.min.css"> <!-- Typography CSS --> <link rel="stylesheet" href="https://ledgrowlightsdepot.idevaffiliate.com/vito/css/typography.css"> <!-- Style CSS --> <link rel="stylesheet" href="https://ledgrowlightsdepot.idevaffiliate.com/vito/css/style.css"> <!-- Faaiz Style CSS --> <link rel="stylesheet" href="https://ledgrowlightsdepot.idevaffiliate.com/vito/css/faaiz-vito.css"> <!-- Responsive CSS --> <link rel="stylesheet" href="https://ledgrowlightsdepot.idevaffiliate.com/vito/css/responsive.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> <!-- swiper css --> <link rel="stylesheet" href="https://ledgrowlightsdepot.idevaffiliate.com/vito/css/swiper-bundle.min.css"> <link rel="stylesheet" href="https://ledgrowlightsdepot.idevaffiliate.com/vito/css/datatables.min.css"> <style> html[dir='rtl'] body.two-sidebar .iq-top-navbar { right: unset; } html[dir='rtl'] .iq-sub-dropdown { right: auto; left: 0; } html[dir='rtl'] .navbar-list li:last-child { margin-right: auto; margin-left: 0; } html[dir='rtl'] .tb_searchbar { right: unset; left: 28px; } html[dir='rtl'] .dataTables_filter { width: 100%; direction: ltr; } </style> <style> .bg-primary { background: #c6def1 !important; } :root { --iq-primary-menu: #c6def1 !important; --iq-primary: #469ee3 !important; --hashtag-light: rgba(198, 222, 241, 0.5) !important; --hashtag-nav-light: rgba(198, 222, 241, 0.2) !important; --iq-primary-dark: #1186e1 !important; --iq-light-border: #c6def1c6 !important; } .iq-sidebar-menu .iq-menu .iq-submenu { background: var(--hashtag-nav-light); } .iq-sidebar-menu .iq-menu li.active .iq-submenu li.active>a { background: #c6def1 !important; } .btn-primary:hover { background: var(--iq-primary-dark) !important; } th { background: var(--hashtag-light); } .navbar-nav li.active .nav-link { border-color: #c6def1 !important; } .navbar-list li a:hover { background-color: var(--hashtag-light); } .table-responsive .table-borderless { border: 2px solid var(--hashtag-light); } .iq-bg-primary { background: var(--hashtag-nav-light); } .page-item.active .page-link { background-color: var(--iq-primary-dark); border-color: var(--iq-primary-menu); } .page-item .page-link { color: var(--iq-primary-dark); border-color: var(--iq-primary-menu); } .page-item.disabled .page-link { border-color: var(--iq-primary-menu); } .iq-sidebar { overflow: hidden; } .navbar-nav { flex-wrap: wrap; } .navbar-list li>a { font-size: 14px; padding: 0 4px; line-height: 73px; color: var(--iq-primary); display: block; min-height: 75px; } @media(max-width:1894px) { .mid_container #navbarSupportedContent { padding-left: 6px !important; } .mid_container .search-toggle.iq-waves-effect.d-flex { padding-right: 0 !important; padding-left: 10px; } } @media(max-width:1840px) { .mid_container .iq-top-navbar.bg-transparent { width: 990px; right: 266px; } body.sidebar-main .mid_container .iq-top-navbar { width: 68% !important; } .navbar-list li>a { padding: 0 6px !important; } } @media(max-width:1700px) { .mid_container .iq-top-navbar.bg-transparent { width: 991px; right: 195px; } body.sidebar-main .mid_container .iq-top-navbar { width: 73.6% !important; } } @media(max-width:1660px) { .mid_container .iq-top-navbar.bg-transparent { right: 176px; } body.sidebar-main .mid_container .iq-top-navbar { width: 1250px !important; } } @media(max-width:1600px) { .mid_container .iq-top-navbar.bg-transparent { right: 147px; } } @media(max-width:1560px) { .mid_container .iq-top-navbar.bg-transparent { right: 125px; } } @media(max-width:1500px) { .mid_container .iq-top-navbar.bg-transparent { right: 94px; } } @media(max-width:1440px) { .mid_container .iq-top-navbar.bg-transparent { right: 68px; } } </style> <style> .iq-sidebar-menu .iq-menu li.active>a { color: #4a4949 !important; } .page-item.active .page-link { color: black; background-color: var(--hashtag-light); } </style> <style> @media(max-width:1334px) { .navbar-brand.logo { width: 170px !important; } .navbar-brand.logo img { max-height: 70px; width: 100%; display: block; } .navbar-list li>a>img { margin-right: 4px !important; } .navbar-light .navbar-nav .nav-link { font-size: 14px; } } @media(max-width:1299px) { body.sidebar-main .iq-top-navbar { left: auto !important; } .full_container .iq-sidebar { margin-left: 60px; } .iq-menu-horizontal { position: unset; height: unset; opacity: 1; overflow: unset; width: unset; } } @media(max-width:1175px) { .iq_header_custom .navbar-nav li a { font-size: 13px; } } @media(max-width:1098px) { .user-list-files a { font-size: 12px; } } @media(max-width:1083px) { .portlet-body .btn { font-size: 12px; } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6; font-size: 12px; } } @media(max-width:1002px) { .py_history_wrapper { flex-wrap: wrap; } .py_history_wrapper .col-sm-12.col-md-6.pr-0 { width: 100% !important; max-width: 100%; flex: unset; } } @media(max-width:991px) { .dashboard_menu .navbar-nav { padding: 20px; } .full_container .container-fluid { padding-right: 0px; } .dashboard_menu li a { display: inline; padding: 0px !important; padding-bottom: 6px !important; } .dashboard_menu li { margin-bottom: 12px; } .dashboard_menu li:last-child { margin-right: auto; margin-left: 0; } } @media(max-width:976px) { .portlet-body .btn.btn-primary { margin-bottom: 5px; } } @media(max-width:779px) { .form-horizontal .row.mt-3 label.col-sm-3, .form-horizontal .row.mt-3 .col-sm-9 { width: 100% !important; flex: unset; max-width: 100%; } .form-horizontal .row.mt-2 .col-sm-offset-3.col-sm-3 { display: none; } } @media(max-width:767px) { .user-list-files.d-flex.float-right { margin-top: 0 !important; } } @media(max-width:744px) { #example_wrapper .row .col-sm-12.col-md-6:nth-child(2) { padding-left: 0px !important; } div.dataTables_wrapper div.dataTables_filter input { width: 100%; } } @media(max-width:590px) { .portlet-body .list-group-item { justify-content: space-between; text-align: left; flex-wrap: wrap; } #myTab-2 .nav-link { font-size: 14px; } .portlet-title h4 { font-size: 16px; } .iq-header-title h4 { padding-left: 0px !important; font-size: 16px; } } @media(max-width:585px) { .py_history_wrapper .user-list-files.d-flex.float-right { display: flex !important; flex-wrap: wrap; } .py_history_wrapper .user-list-files a:first-child { margin-left: 0px; } .py_history_wrapper .user-list-files a { font-size: 11px; display: block; width: 33%; padding: 10px 0px; } } @media(max-width:580px) { .tb_scroll .row.dt-row { overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; margin: 0px; } .tb_searchbar { position: unset !important; padding-bottom: 10px; width: 100%; } } .tb_searchbar .mx-3 { margin-left: 0 !important; } .alert textarea { margin-bottom: 10px; } .alert h6 { padding-bottom: 10px; } .alert br { display: none; } @media(max-width:557px) { .iq-top-navbar .navbar { display: flex !important; align-items: center; } } @media(max-width:552px) { .portlet-title h5 { font-size: 16px; } } @media(max-width:539px) { .iq-card .iq-card-header .iq-header-title { width: 100%; padding-bottom: 10px; } } @media(max-width:512px) { .full_footer .col-lg-6.text-right { font-size: 12px !important; } } @media(max-width:498px) { .py_history_wrapper .user-list-files a { width: 100%; margin: 0px; margin-bottom: 10px; } .py_history_wrapper .user-list-files a:last-child { margin-bottom: 10px !important; } } .iq-card .iq-card-header { border-radius: 0 !important; } .table-responsive .col-sm-12 { /* overflow-x: auto */ } .table-responsive { overflow-x: hidden } .white-space-nowrap { white-space: nowrap } .two-sidebar .content-page { margin-left: 308px; } .navbar-list li:last-child { margin-left: auto; border-radius: 12px; } .sorting.sorting_asc::after { content: "\25B2"; margin-left: 10px; } .sorting::after, .sorting.sorting_desc::after { content: "\25BC"; margin-left: 10px; } .sorting { cursor: pointer; } </style> </head> <style> .card-height-custom { height: 100%; } .table th { white-space: pre-wrap; text-transform: none !important; } .table { /* table-layout: fixed; */ } .iq-card-body { width: 100%; display: block; } .button-text-color { color: white; } .pp_height { height: 250px; overflow-y: auto; } .mid_footer { max-width: 1366px; transform: unset; } </style> <style> .button-text-color { /* color:black; */ } </style> <body class="iq-page-menu-horizontal" style=" background-color: #f4faff ; background-image: url( ../ );no-repeat; min-height: 500px; background-size: cover !important; "> <!-- loader Start --> <div id="loading"> <div id="loading-center"> </div> </div> <!-- loader END --> <!-- Wrapper Start --> <div class="wrapper"> <!-- TOP Navbar --> <style> .mid_container.iq_top_header { margin: 0 auto; padding: 0; } @media(max-width:991px){ .cft_box img{ width: 100%; } } @media(max-width:968px){ .iq-light-logo img { width: 100%; margin: 10px 0px; } } @media(max-width:768px){ .cft_box { justify-content: flex-end !important; } } @media(max-width:767px){ .cft_row { flex-direction: column-reverse; } .cft_box { justify-content: flex-start !important; padding-bottom: 20px; } } .right_div { display: flex; justify-content: flex-end; align-items: center; } @media (max-width: 768px) { .right_div { width: 100%; } } @media (min-width: 992px) { .navbar-collapse { display: flex !important; } } </style> <div class="container-fluid iq_top_header full_container p-0"> <nav class="navbar iq_header_custom navbar-expand-lg navbar-light bg-light rounded px-3 py-0" style="background-color: #ffffff !important"> <a href="https://ledgrowlightsdepot.idevaffiliate.com/home" class="navbar-brand logo" style="width:200px;"> <div class="iq-light-logo"> <img src="https://ledgrowlightsdepot.idevaffiliate.com/templates/logo/6b5a2947cfafe5b72fd12fe95cb8f220.png" style="max-height:70px;" alt="LED Grow Lights Depot " /> </div> <div class="iq-dark-logo"> <img src="https://ledgrowlightsdepot.idevaffiliate.com/templates/logo/6b5a2947cfafe5b72fd12fe95cb8f220.png" style="max-height:70px;" alt="LED Grow Lights Depot " /> </div> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-between" id="navbarNav"> <ul class="navbar-nav"> <li class="active" style="background-color: #ffffff"> <a href="https://ledgrowlightsdepot.idevaffiliate.com/home" class="nav-link m-0 font-size-16" style="color: #1186e1 !important;"> Affiliate Home </a> </li> <li class="" style="background-color: #ffffff"> <a href="https://ledgrowlightsdepot.idevaffiliate.com/affiliate-dashboard" class="nav-link m-0 font-size-16" style="color: #1186e1 !important;"> Manage Account </a> </li> <li class="" style="background-color: #ffffff"> <a href="https://ledgrowlightsdepot.idevaffiliate.com/register" class="nav-link m-0 font-size-16" style="color: #1186e1 !important;"> Signup Now </a> </li> <li class="" style="background-color: #ffffff"> <a href="https://ledgrowlightsdepot.idevaffiliate.com/testimonial" style="color: #1186e1 !important;" class="nav-link m-0 font-size-16"> Affiliate Testimonials </a> </li> </ul> <div class="right_div d-flex align-items-center"> <div class="iq-menu-horizontal"> <nav class="navbar navbar-expand-lg navbar-light p-0"> <div id="navbarSupportedContent"> <ul class="navbar-nav ml-auto navbar-list"> <li style="background-color: #ffffff;"> <a class="search-toggle iq-waves-effect language-title" href="#" style="color: #1186e1 !important; padding-left: 20px;"> <span>English</span> <i class="ri-arrow-down-s-line"></i> </a> <div class="iq-sub-dropdown" style="cursor: pointer;"> <a class="iq-sub-card" onclick="changeLanguageSession('1')"> Arabic </a> <a class="iq-sub-card" onclick="changeLanguageSession('2')"> Mandarin Chinese </a> <a class="iq-sub-card" onclick="changeLanguageSession('3')"> Traditional Chinese </a> <a class="iq-sub-card" onclick="changeLanguageSession('4')"> Czech </a> <a class="iq-sub-card" onclick="changeLanguageSession('5')"> Danish </a> <a class="iq-sub-card" onclick="changeLanguageSession('6')"> Dutch </a> <a class="iq-sub-card" onclick="changeLanguageSession('7')"> English </a> <a class="iq-sub-card" onclick="changeLanguageSession('8')"> Farsi </a> <a class="iq-sub-card" onclick="changeLanguageSession('9')"> Finnish </a> <a class="iq-sub-card" onclick="changeLanguageSession('10')"> French </a> <a class="iq-sub-card" onclick="changeLanguageSession('11')"> German </a> <a class="iq-sub-card" onclick="changeLanguageSession('12')"> Greek </a> <a class="iq-sub-card" onclick="changeLanguageSession('13')"> Hebrew </a> <a class="iq-sub-card" onclick="changeLanguageSession('14')"> Hungarian </a> <a class="iq-sub-card" onclick="changeLanguageSession('15')"> Indonesian </a> <a class="iq-sub-card" onclick="changeLanguageSession('16')"> Italian </a> <a class="iq-sub-card" onclick="changeLanguageSession('17')"> Japanese </a> <a class="iq-sub-card" onclick="changeLanguageSession('18')"> Korean </a> <a class="iq-sub-card" onclick="changeLanguageSession('19')"> Norwegian </a> <a class="iq-sub-card" onclick="changeLanguageSession('20')"> Polish </a> <a class="iq-sub-card" onclick="changeLanguageSession('21')"> Portuguese </a> <a class="iq-sub-card" onclick="changeLanguageSession('22')"> Romanian </a> <a class="iq-sub-card" onclick="changeLanguageSession('23')"> Russian </a> <a class="iq-sub-card" onclick="changeLanguageSession('24')"> Spanish </a> <a class="iq-sub-card" onclick="changeLanguageSession('25')"> Swedish </a> <a class="iq-sub-card" onclick="changeLanguageSession('26')"> Thai </a> <a class="iq-sub-card" onclick="changeLanguageSession('27')"> Turkish </a> <a class="iq-sub-card" onclick="changeLanguageSession('28')"> Ukrainian </a> <a class="iq-sub-card" onclick="changeLanguageSession('29')"> Vietnamese </a> </div> </li> </ul> </div> </nav> </div> </div> </nav> </div> <script type="text/javascript"> function changeLanguageSession(languageValue) { const dataPost = { 'language': languageValue }; $.ajax({ type: 'POST', url: "https://ledgrowlightsdepot.idevaffiliate.com/submit-language", data: dataPost, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function(response) { console.log('response'); console.log(response); location.reload(); }, error: function(xhr, status, error) { console.log(xhr.responseText); } }); } </script> <!-- TOP Nav Bar end --> <!-- Page Content Start --> <div id="content-page" class="content-page"> <div class="container-fluid full_container"> <div class="row"> <div class="col-md-8 pt-2 " > <div class="iq-card card-height-custom"> <div class="iq-card-body pt-3"> <div class="row cft_row" style="display: flex"> <div class=" col-md-9 "> <h5> Welcome To Our Affiliate Program! </h5> <p> Our program is free to join, it's easy to sign-up and requires no technical knowledge. Affiliate programs are common throughout the Internet and offer website owners an additional way to profit from their websites. Affiliates generate traffic and sales for commercial websites and in return receive a commission payment. </p> <h5> How Does It Work? </h5> <p> When you join our affiliate program, you will be supplied with a range of banners and textual links that you place within your site. When a user clicks on one of your links, they will be brought to our website and their activity will be tracked by our affiliate software. You will earn a commission based on your commission type. </p> <h5> Real-Time Statistics and Reporting! </h5> <p> Login 24 hours a day to check your sales, traffic, account balance and see how your banners are performing. </p> <p> <a href="https://ledgrowlightsdepot.idevaffiliate.com/register" class="btn btn-primary button-text-color"> Signup Now </a> </p> </div> <div class="col-md-3 d-flex justify-content-center cft_box"> <a href="#modal-1" data-target="#modal-1" data-toggle="modal"> <img alt="seal" class="img-responsive" src="https://ledgrowlightsdepot.idevaffiliate.com/images/seals/certified_custom.png" /> </a> </div> </div> </div> </div> </div> <div class="col-md-4 pt-2 "> <div class="iq-card card-height-custom"> <div class="iq-card-header d-flex justify-content-between pt-0 rounded-top border-bottom" style="background:#ffffff;"> <div class="iq-header-title"> <h4 class="card-title">Affiliate Login</h4> </div> </div> <div class="iq-card-body"> <div class="row"> <div class="col-md-12"> <form method="POST" action="https://ledgrowlightsdepot.idevaffiliate.com/login"> <input type="hidden" name="_token" value="q8yfU1saoCUgM2NnTWZ7UN2beqcHWUGb2JOOfxkA"> <div class="row mb-3"> <div class="col-md-12"> <input class="form-control " id="username" placeholder="Username" type="text" name="username" value="" required autofocus> </div> </div> <div class="row mb-3"> <div class="col-md-12"> <input id="password" type="password" class="form-control " name="password" placeholder="Password" required autocomplete="current-password"> </div> </div> <div class="row mb-2"> <div class="col-md-12"> <button type="submit" class="btn btn-primary button-text-color "> Login </button> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div class="row pt-3 pb-3"> <div class=" col-md-12 "> <div class="iq-card h-100" style="border: 1px solid #ffffff"> <div class="iq-card-header d-flex justify-content-between pt-0 rounded-top border-bottom" style="background:#ffffff;"> <div class="iq-header-title"> <h4 class="card-title" style="color:#2e2138;">Program Details</h4> </div> </div> <div class="iq-card-body"> <table class="table table-bordered mt-4" role="grid"> <tr> <th>Commission Type</th> <th>Pay-Per-Sale <span class='badge badge-danger'> 5% </span> for each sale you deliver. </th> </tr> <tr> <td class="w-25">Initial Deposit</td> <td class="w-75"> $25.00 USD Just for signing up! </b> </td> </tr> <tr> <td class="w-25">Payout Requirements</td> <td class="w-75"> $100.00 USD Minimum balance required for payout. </td> </tr> <tr> <td class="w-25">Payout Duration</td> <td class="w-75">Payments are made once per month, for the previous month.</td> </tr> </table> </div> </div> </div> </div> <div class="row pt-3 pb-3"> <div class=" col-md-6 "> <div class="iq-card h-100" style="border: 1px solid #ffffff"> <div class="iq-card-header d-flex justify-content-between pt-0 rounded-top border-bottom" style="background:#ffffff;"> <div class="iq-header-title"> <h4 class="card-title" style="color:#2e2138;"> Commissions Paid Last 6 Months</h4> </div> </div> <div class="iq-card-body"> <div id="chart"> </div> </div> </div> </div> <div class=" col-md-6 "> <div class="iq-card h-100" style="border: 1px solid #ffffff"> <div class="iq-card-header d-flex justify-content-between pt-0 rounded-top border-bottom" style="background:#ffffff;"> <div class="iq-header-title"> <h4 class="card-title" style="color:#2e2138;"> Our Top 5 Affiliates This Month</h4> </div> </div> <div class="iq-card-body "> <div id="donut"> </div> </div> </div> </div> </div> <div class="modal fade" id="modal-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" style="color: #394554"> Accountability and Communication </h4> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">脳</span> </button> </div> <div class="modal-body"> <p> <strong>What Is This?</strong><p>We take a proactive approach to creating trust with our affiliate partners. It is our goal to ensure we offer as much information as possible on each commission earned and/or declined in our system.</p><strong>Communication</strong><p>We're available to provide details on any declined commissions. We employ strong communication with our affiliates and encourage questions and feedback.</p> </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal"> Close </button> </div> </div> </div> </div> </div> <!-- Page Content --> </div> <!-- Wrapper END --> <!-- Footer --> <footer class="iq-footer mt-2 full_footer" style="background-color: #ffffff"> <div class="container-fluid"> <div class="row"> <div class="col-lg-6"> <ul class="list-inline mb-0"> <li class="list-inline-item"><a href="https://ledgrowlightsdepot.idevaffiliate.com/testimonial"> Affiliate Testimonials </a></li> <li class="list-inline-item"><a href="https://ledgrowlightsdepot.idevaffiliate.com/contact-us"> Contact Us </a></li> </ul> </div> <div class="col-lg-6 text-right"> Copyright 2025 LED Grow Lights Depot All Rights Reserved </div> </div> </div> </footer> <script> window.addEventListener('load', function() { const tfoot = document.querySelector('tfoot'); if (tfoot && tfoot.textContent.trim() === '') { const ths = tfoot.querySelectorAll('th'); ths.forEach(th => { th.style.setProperty('padding', '0px', 'important'); }); } }); const debounce = (func, delay) => { let timeoutId; return function() { const context = this; const args = arguments; clearTimeout(timeoutId); timeoutId = setTimeout(() => { func.apply(context, args); }, delay); }; }; const resetSpell = (target, variable) => { $(target).text(variable); } </script> <!-- Footer END --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/jquery.min.js"></script> <!-- Rtl and Darkmode --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/rtl.js"></script> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/customizer.js"></script> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/popper.min.js"></script> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/bootstrap.min.js"></script> <!-- Appear JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/jquery.appear.js"></script> <!-- Countdown JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/countdown.min.js"></script> <!-- Counterup JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/waypoints.min.js"></script> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/jquery.counterup.min.js"></script> <!-- Wow JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/wow.min.js"></script> <!-- Apexcharts JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/apexcharts.js"></script> <!-- Slick JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/slick.min.js"></script> <!-- Select2 JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/select2.min.js"></script> <!-- Owl Carousel JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/owl.carousel.min.js"></script> <!-- Magnific Popup JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/jquery.magnific-popup.min.js"></script> <!-- Smooth Scrollbar JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/smooth-scrollbar.js"></script> <!-- lottie JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/lottie.js"></script> <!-- am core JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/core.js"></script> <!-- am charts JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/charts.js"></script> <!-- am animated JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/animated.js"></script> <!-- am kelly JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/kelly.js"></script> <!-- Flatpicker Js --> <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script> <!-- Chart Custom JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/chart-custom.js"></script> <!-- Custom JavaScript --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/custom.js"></script> <!-- swiper --> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/swiper.min.js"></script> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/slider.js"></script> <script src="https://ledgrowlightsdepot.idevaffiliate.com/vito/js/datatables.min.js"></script> <script> $.fn.dataTableExt.oSort['nullable-asc'] = function(a, b) { if (a == '-') return 1; else if (b == '-') return -1; else { var ia = parseInt(a); var ib = parseInt(b); return (ia < ib) ? -1 : ((ia > ib) ? 1 : 0); } } $.fn.dataTableExt.oSort['nullable-desc'] = function(a, b) { if (a == '-') return 1; else if (b == '-') return -1; else { var ia = parseInt(a); var ib = parseInt(b); return (ia > ib) ? -1 : ((ia < ib) ? 1 : 0); } } </script> <script> // Function to toggle the direction $(document).ready(function($) { var htmlElement = document.documentElement; var direction = 0; if( direction == 1) { htmlElement.setAttribute("dir", "rtl"); } }); </script> <script> $('document').ready(function() { //----------------------------------------- //Bar chart //----------------------------------------- let bar = { series: [{ data: [460,370,459,564,337,447] }], chart: { type: 'bar', height: 410 }, plotOptions: { bar: { borderRadius: 4, horizontal: true, } }, dataLabels: { enabled: false }, xaxis: { // categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', // 'United States', 'China' // ], categories: ["Aug","Sep","Oct","Nov","Dec","Jan"] }, text: "Commissions Paid" }; let barChart = new ApexCharts(document.querySelector("#chart"), bar); barChart.render(); //----------------------------------------- // Donut chart //----------------------------------------- const options = { series: [25,25,25], // labels: ['Apple', 'Mango', 'Orange', 'Watermelon', 'asgasgasg'], labels: ["hueblondasi","gardencare714","basementhydroponics"], chart: { type: 'donut', } } let donutChart = new ApexCharts(document.querySelector("#donut"), options); donutChart.render(); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10