One Hat Cyber Team
Your IP :
18.191.203.35
Server IP :
50.28.103.30
Server :
Linux host.jcukjv-lwsites.com 4.18.0-553.22.1.el8_10.x86_64 #1 SMP Tue Sep 24 05:16:59 EDT 2024 x86_64
Server Software :
nginx/1.24.0
PHP Version :
8.3.12
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
www
/
wwwroot
/
ef.electronharmony.com
/
1
/
html
/
View File Name :
general-helpdesk.html
<!DOCTYPE html> <html lang="zxx"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Fully Responsive Admin & Dashboard Template" /> <meta name="keyword" content="" /> <meta name="author" content="WRAPCODERS" /> <!--! The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags !--> <!--! BEGIN: Google Fonts !--><link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" /> <!--! END: Google Fonts !--> <!--! BEGIN: Favicon !--> <link rel="shortcut icon" type="image/x-icon" href="./../assets/images/favicon.ico" /> <!--! END: Favicon !--> <!--! BEGIN: Apps Title !--> <title>Helpdesk | Expodash - Admin & Dashboard Template</title> <!--! END: Apps Title !--> <!--! BEGIN: Page Vendors -!--> <!--! End:: Page Vendors -!--> <!--! BEGIN: MatisMenu CSS -!--> <link rel="stylesheet" href="./../assets/vendors/metismenu/metisMenu.min.css"> <!--! END: MatisMenu CSS -!--> <!--! BEGIN: Flaticon CSS -!--> <link rel="stylesheet" href="./../assets/vendors/@flaticon/flaticon-uicons/css/all/all.css"> <!--! END: Flaticon CSS -!--> <!--! BEGIN: Theme CSS -!--> <link rel="stylesheet" type="text/css" href="./../assets/css/theme.min.css"> <!--! END: Theme CSS -!--> <!--! Start:: Color Modes JS -!--> <script src="./../assets/js/color-modes.min.js"></script> <!--! End:: Color Modes JS -!--> <!--! HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries !--> <!--! WARNING: Respond.js doesn"t work if you view the page via file: !--> <!--[if lt IE 9]> <script src="https:oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https:oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!--! ================================================================ !--> <!--! Start:: Main Wrapper !--> <!--! ================================================================ !--> <div class="main-wrapper"> <!--! ================================================================ !--> <!--! Start:: Main Menu !--> <!--! ================================================================ !--> <aside class="edash-menu position-fixed z-1030 start-0 top-0 end-0 bottom-0 bg-body-tertiary border-end" id="edash-menu" > <!-- Start:: Logo --> <div class="edash-menu-header ht-80 d-flex align-items-center px-5 py-4 position-relative" > <a href="index.html" class="edash-logo"> <img src="./../assets/images/logo-main.png" alt="logo" class="img-fluid edash-logo-main" /> <img src="./../assets/images/logo-abbr.png" alt="logo" class="img-fluid edash-logo-abbr" /> </a> </div> <!-- End:: Logo --> <!-- Start:: Sidebar Nav --> <nav class="edash-sidebar-nav position-relative z-2" id="edash-sidebar-nav" style="height: calc(100vh - 5rem)" > <ul class="edash-metismenu" id="edash-metismenu"> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Navigations </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-airplay"></i> <span class="mm-text">Dashboards</span> </a> <ul> <li><a class="sub-menu" href="index.html">eCommerce</a></li> <li> <a class="sub-menu" href="./index-analytics.html">Analytics</a> </li> </ul> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Webapps </li> <li> <a href="./app-chat.html"> <i class="fi fi-rr-comment-alt-dots"></i> <span class="mm-text">Chat</span> </a> </li> <li> <a href="./app-email.html"> <i class="fi fi-rr-envelope-dot"></i> <span class="mm-text">Email</span> </a> </li> <li> <a href="./app-invoice.html"> <i class="fi fi-rr-file-invoice"></i> <span class="mm-text">Invoice</span> </a> </li> <li> <a href="./app-kanban.html"> <i class="fi fi-rr-square-kanban"></i> <span class="mm-text">Kanban</span> </a> </li> <li> <a href="./app-calendar.html"> <i class="fi fi-rr-calendar"></i> <span class="mm-text">Calendar</span> </a> </li> <li> <a href="./app-file-manager.html"> <i class="fi fi-rr-move-to-folder"></i> <span class="mm-text">File Manager</span> </a> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Components </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-layers"></i> <span class="mm-text">Base</span> </a> <ul> <li> <a href="./base-accordion.html" class="sub-menu">Accordion</a> </li> <li><a href="./base-avatar.html" class="sub-menu">Avatar</a></li> <li><a href="./base-button.html" class="sub-menu">Button</a></li> <li><a href="./base-card.html" class="sub-menu">Card</a></li> <li><a href="./base-carousel.html" class="sub-menu">Carousel</a></li> <li><a href="./base-dropdown.html" class="sub-menu">Dropdown</a></li> <li><a href="./base-modal.html" class="sub-menu">Modal</a></li> <li><a href="./base-navtab.html" class="sub-menu">NavTab</a></li> <li><a href="./base-toast.html" class="sub-menu">Toast</a></li> <li> <a href="./base-miscellaneous.html" class="sub-menu" >Miscellaneous</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-heart"></i> <span class="mm-text">Icons</span> </a> <ul> <li><a href="./icon-feather.html" class="sub-menu">Feather</a></li> <li><a href="./icon-flaticon.html" class="sub-menu">Flaticon</a></li> <li> <a href="./icon-bootstrap.html" class="sub-menu">Bootstrap</a> </li> <li> <a href="./icon-fontawesome.html" class="sub-menu">Fontawesome</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-table-list"></i> <span class="mm-text">Tables</span> </a> <ul> <li><a href="./table-default.html" class="sub-menu">Default</a></li> <li><a href="./table-bstable.html" class="sub-menu">bsTable</a></li> <li><a href="./table-footable.html" class="sub-menu">fooTable</a></li> <li> <a href="./table-datatable.html" class="sub-menu">dataTable</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-chart-histogram"></i> <span class="mm-text">Charts</span> </a> <ul> <li><a href="./chart-apex.html" class="sub-menu">Apex</a></li> <li><a href="./chart-float.html" class="sub-menu">Float</a></li> <li><a href="./chart-chartjs.html" class="sub-menu">ChartJS</a></li> <li><a href="./chart-peity.html" class="sub-menu">Peity</a></li> <li><a href="./chart-progress.html" class="sub-menu">Progress</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-table-layout"></i> <span class="mm-text">Forms</span> </a> <ul> <li> <a class="sub-menu has-arrow" href="javascript:void(0);" >Advanced</a > <ul> <li> <a href="./form-adv-radio.html" class="sub-menu">Radios</a> </li> <li> <a href="./form-adv-switch.html" class="sub-menu">Switchs</a> </li> <li> <a href="./form-adv-check.html" class="sub-menu">Checkbox</a> </li> </ul> </li> <li><a href="./form-elements.html" class="sub-menu">Elements</a></li> <li> <a href="./form-validation.html" class="sub-menu">Validation</a> </li> <li> <a href="./form-touchspin.html" class="sub-menu">TouchSpin</a> </li> <li> <a href="./form-inputmask.html" class="sub-menu">InputMask</a> </li> <li><a href="./form-repeater.html" class="sub-menu">Repeater</a></li> <li> <a href="./form-nouislider.html" class="sub-menu">noUiSlider</a> </li> <li> <a href="./form-maxlength.html" class="sub-menu">Maxlength</a> </li> <li> <a href="./form-clipboard.html" class="sub-menu">Clipboard</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-list-dropdown"></i> <span class="mm-text">Selects</span> </a> <ul> <li><a href="./select-select2.html" class="sub-menu">Select2</a></li> <li> <a href="./select-selectize.html" class="sub-menu">Selectize</a> </li> <li><a href="./select-tagify.html" class="sub-menu">Tagify</a></li> <li><a href="./select-choices.html" class="sub-menu">Choices</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-object-group"></i> <span class="mm-text">Editors</span> </a> <ul> <li><a href="./editor-quill.html" class="sub-menu">Quill</a></li> <li><a href="./editor-tinymce.html" class="sub-menu">TinyMCE</a></li> <li> <a href="./editor-summernote.html" class="sub-menu">Summernote</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-eye-dropper"></i> <span class="mm-text">Pickers</span> </a> <ul> <li> <a href="./picker-flatpickr.html" class="sub-menu">Flatpickr</a> </li> <li> <a href="./picker-selectpicker.html" class="sub-menu" >SelectPicker</a > </li> <li> <a href="./picker-timepicker.html" class="sub-menu">TimePicker</a> </li> <li> <a href="./picker-bsdatepicker.html" class="sub-menu" >BsDatePicker</a > </li> <li> <a href="./picker-daterangepicker.html" class="sub-menu" >DaterangePicker</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-marker"></i> <span class="mm-text">Maps</span> </a> <ul> <li><a href="./map-gmaps.html" class="sub-menu">Google Maps</a></li> <li><a href="./map-vector.html" class="sub-menu">Vector Maps</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-apps-add"></i> <span class="mm-text">Extended</span> </a> <ul> <li> <a href="./extended-sweetalert2.html" class="sub-menu" >SweetAlert2</a > </li> <li> <a href="./extended-gLightbox.html" class="sub-menu">GLightbox</a> </li> <li> <a href="./extended-owlcarousel.html" class="sub-menu" >owlCarousel</a > </li> <li><a href="./extended-swiper.html" class="sub-menu">Swiper</a></li> <li><a href="./extended-jstree.html" class="sub-menu">jsTree</a></li> </ul> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Pages </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-circle-user"></i> <span class="mm-text">Account</span> </a> <ul> <li> <a href="./account-overview.html" class="sub-menu">Overview</a> </li> <li> <a href="./account-activity.html" class="sub-menu">Activity</a> </li> <li><a href="./account-contact.html" class="sub-menu">Contact</a></li> <li><a href="./account-project.html" class="sub-menu">Project</a></li> <li><a href="./account-billing.html" class="sub-menu">Billing</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-user-gear"></i> <span class="mm-text">Settings</span> </a> <ul> <li> <a href="./settings-account.html" class="sub-menu">Account</a> </li> <li> <a href="./settings-security.html" class="sub-menu">Security</a> </li> <li> <a href="./settings-billing.html" class="sub-menu" >Billing & Plans</a > </li> <li> <a href="./settings-notification.html" class="sub-menu" >Notification</a > </li> <li> <a href="./settings-integration.html" class="sub-menu" >Integration</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-browser"></i> <span class="mm-text">General</span> </a> <ul> <li><a href="./general-starter.html" class="sub-menu">Starter</a></li> <li><a href="./general-pricing.html" class="sub-menu">Pricing</a></li> <li> <a href="./general-helpdesk.html" class="sub-menu">Helpdesk</a> </li> <li> <a href="general-maintenance.html" class="sub-menu">Maintenance</a> </li> <li> <a href="general-commingsoon.html" class="sub-menu">Comming Soon</a> </li> <li> <a href="./general-privacy.html" class="sub-menu" >Privacy & Policy</a > </li> <li> <a href="./general-terms.html" class="sub-menu" >Terms of Services</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-lock"></i> <span class="mm-text">Authentication</span> </a> <ul> <li><a href="./auth-login.html" class="sub-menu">Login</a></li> <li><a href="./auth-register.html" class="sub-menu">Register</a></li> <li><a href="./auth-reset.html" class="sub-menu">Resetting</a></li> <li><a href="./auth-recover.html" class="sub-menu">Recovery</a></li> <li> <a href="./auth-otp.html" class="sub-menu">Two-factor (OTP)</a> </li> <li> <a href="./auth-lockscreen.html" class="sub-menu">Lock Screen</a> </li> <li><a href="auth-404.html" class="sub-menu">Error-404</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-settings-sliders"></i> <span class="mm-text">Menu Level</span> </a> <ul> <li><a class="sub-menu" href="javascript:void(0);">Level-1</a></li> <li> <a class="sub-menu has-arrow" href="javascript:void(0);">Level-1</a> <ul> <li> <a class="sub-menu" href="javascript:void(0);">Level-2</a> </li> <li> <a class="sub-menu has-arrow" href="javascript:void(0);" >Level-2</a > <ul> <li> <a class="sub-menu" href="javascript:void(0);">Level-3</a> </li> <li> <a class="sub-menu" href="javascript:void(0);">Level-3</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="disabled"> <a href="javascript:void(0);"> <i class="fi fi-rr-ban"></i> <span class="mm-text">Disabled</span> </a> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Supports </li> <li> <a href="mailto:wrapcoders@gmail.com"> <i class="fi fi-rr-life-ring"></i> <span class="mm-text">Supports</span> </a> </li> <li> <a href="./../../docs/documentation.html" target="_blank"> <i class="fi fi-rr-book-alt"></i> <span class="mm-text">Documentation</span> </a> </li> </ul> <div class="card text-center mx-3 mt-6 mb-4 bg-primary-subtle"> <div class="card-body vstack gap-4"> <i class="fi fi-rr-rocket-lunch fs-1 text-primary" style="transform: rotate(320deg)" ></i> <div> <h5 class="mb-2 text-primary">Help Center</h5> <p class="fs-13 fw-light mb-0 text-primary"> Expodash is a production ready multi dashboard to get started up and running easily. </p> </div> <a href="mailto:wrapcoders@gmail.com" class="btn btn-primary text-white w-100" >Get Support</a > </div> </div> </nav> <!-- End:: Sidebar Nav --> </aside> <!--! ================================================================ !--> <!--! End:: Main Menu !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Start:: Main Content !--> <!--! ================================================================ !--> <main id="edash-main"> <!--! ================================================================ !--> <!--! Start:: Header !--> <!--! ================================================================ !--> <header class="edash-header sticky-top d-flex align-items-end ht-80" id="edash-header-sticky" > <div class="edash-header-container container-xxl w-100 ht-70 px-4 bg-body-tertiary border rounded-3 d-flex align-items-center justify-content-between position-relative" id="edash-header-container" > <!--! Start:: edash-header-left !--> <div class="edash-header-left d-flex align-items-center gap-2"> <!--! Start:: edash-minimenu-toggle !--> <div class="edash-minimenu-toggle d-none d-xl-flex"> <div id="edash-menu-mini"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill ht-40" > <i class="fi fi-sr-menu-burger"></i> </a> </div> <div id="edash-menu-expand" style="display: none"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill ht-40" > <i class="fi fi-rr-arrow-right"></i> </a> </div> </div> <!--! End:: edash-minimenu-toggle !--> <!--! Start:: edash-menu-toggle !--> <div class="edash-menu-toggle d-xl-none"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill ht-40" id="edash-menu-show" > <i class="fi fi-sr-menu-burger"></i> </a> </div> <!--! End:: edash-menu-toggle !--> <!--! Start:: edash-search-wrapper !--> <div class="edash-search-wrapper"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40 ms-1" id="edash-search-show" > <i class="fi fi-rr-search"></i> </a> <form action="#" class="edash-search position-absolute start-0 top-0 end-0 bottom-0 w-100 z-1090" > <div class="input-group ps-3 ps-md-4 pe-md-2 bg-body-tertiary rounded-3" style="height: calc(5rem - 0.75rem)" > <span class="input-group-text border-0"> <i class="fi fi-rr-search"></i> </span> <input type="text" class="form-control border-0 fw-medium text-muted" placeholder="Search...." /> <span class="input-group-text border-0" id="edash-search-hide"> <button type="button" class="btn-close"></button> </span> </div> </form> </div> <!--! End:: edash-search-wrapper !--> </div> <!--! End:: edash-header-left !--> <!--! Start:: edash-header-right !--> <div class="edash-header-right d-flex align-items-center gap-1 gap-sm-2"> <!--! Start:: edash-language !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <img src="./../assets/images/flags/1x1/us.svg" class="img-fluid rounded-circle wd-20 ht-20" alt="" /> </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/us.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">English (US)</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/fr.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">FranΓ§ais</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/ru.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">Russian</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/de.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">Deutsch</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/bd.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">Bangeli</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item"> <img src="./../assets/images/flags/1x1/gb.svg" alt="" class="img-fluid rounded-circle wd-20 ht-20" /> <span class="ms-3">English (UK)</span> </a> </li> </ul> </div> <!--! End:: edash-language !--> <!--! Start:: theme-switcher !--> <div class="dropdown"> <svg xmlns="http://www.w3.org/2000/svg" class="d-none"> <symbol id="sun-fill" viewBox="0 0 24 24"> <path d="M12,17c-2.76,0-5-2.24-5-5s2.24-5,5-5,5,2.24,5,5-2.24,5-5,5Zm0-8c-1.65,0-3,1.35-3,3s1.35,3,3,3,3-1.35,3-3-1.35-3-3-3Zm1-5V1c0-.55-.45-1-1-1s-1,.45-1,1v3c0,.55,.45,1,1,1s1-.45,1-1Zm0,19v-3c0-.55-.45-1-1-1s-1,.45-1,1v3c0,.55,.45,1,1,1s1-.45,1-1ZM5,12c0-.55-.45-1-1-1H1c-.55,0-1,.45-1,1s.45,1,1,1h3c.55,0,1-.45,1-1Zm19,0c0-.55-.45-1-1-1h-3c-.55,0-1,.45-1,1s.45,1,1,1h3c.55,0,1-.45,1-1ZM6.71,6.71c.39-.39,.39-1.02,0-1.41l-2-2c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l2,2c.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Zm14,14c.39-.39,.39-1.02,0-1.41l-2-2c-.39-.39-1.02-.39-1.41,0s-.39,1.02,0,1.41l2,2c.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Zm-16,0l2-2c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-2,2c-.39,.39-.39,1.02,0,1.41,.2,.2,.45,.29,.71,.29s.51-.1,.71-.29ZM18.71,6.71l2-2c.39-.39,.39-1.02,0-1.41s-1.02-.39-1.41,0l-2,2c-.39,.39-.39,1.02,0,1.41,.2,.2,.45,.29,.71,.29s.51-.1,.71-.29Z" ></path> </symbol> <symbol id="moon-stars-fill" viewBox="0 0 24 24"> <path d="M15,24a12.021,12.021,0,0,1-8.914-3.966,11.9,11.9,0,0,1-3.02-9.309A12.122,12.122,0,0,1,13.085.152a13.061,13.061,0,0,1,5.031.205,2.5,2.5,0,0,1,1.108,4.226c-4.56,4.166-4.164,10.644.807,14.41a2.5,2.5,0,0,1-.7,4.32A13.894,13.894,0,0,1,15,24Zm.076-22a10.793,10.793,0,0,0-1.677.127,10.093,10.093,0,0,0-8.344,8.8A9.927,9.927,0,0,0,7.572,18.7,10.476,10.476,0,0,0,18.664,21.43a.5.5,0,0,0,.139-.857c-5.929-4.478-6.4-12.486-.948-17.449a.459.459,0,0,0,.128-.466.49.49,0,0,0-.356-.361A10.657,10.657,0,0,0,15.076,2Z" ></path> </symbol> <symbol id="circle-half" viewBox="0 0 24 24"> <path d="M12,0C5.38,0,0,5.38,0,12s5.38,12,12,12,12-5.38,12-12S18.62,0,12,0Zm0,22V2c5.51,0,10,4.49,10,10s-4.49,10-10,10Z" ></path> </symbol> </svg> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" id="bd-theme" aria-expanded="false" data-bs-toggle="dropdown" aria-label="Toggle theme (dark)" data-bs-auto-close="outside" data-bs-offset="0, 19" > <svg class="theme-icon-active wd-20 ht-20" fill="currentColor"> <use href="#moon-stars-fill"></use> </svg> </a> <ul class="dropdown-menu dropdown-menu-end min-wd-200"> <li> <a href="javascript:void(0);" class="dropdown-item" data-bs-theme-value="light" > <svg class="theme-icon" fill="currentColor" width="16" height="16" > <use href="#sun-fill"></use> </svg> <span class="ms-3">Light</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item" data-bs-theme-value="dark" > <svg class="theme-icon" fill="currentColor" width="16" height="16" > <use href="#moon-stars-fill"></use> </svg> <span class="ms-3">Dark</span> </a> </li> <li> <a href="javascript:void(0);" class="dropdown-item" data-bs-theme-value="auto" > <svg class="theme-icon" fill="currentColor" width="16" height="16" > <use href="#circle-half"></use> </svg> <span class="ms-3">Auto</span> </a> </li> </ul> </div> <!--! End:: theme-switcher !--> <!--! Start:: edash-notifications !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <i class="fi fi-rr-bell"></i> <div class="position-absolute top-10 start-50 translate-middle wd-6 ht-6 bg-danger rounded-circle" data-bs-toggle="tooltip" data-bs-trigger="hover" title="12+ Unread Notification" ></div> </a> <div class="dropdown-menu dropdown-menu-end dropdown-xl p-0 overflow-hidden" > <div class="bg-primary text-white px-4 py-4"> <h5 class="fw-semibold text-white mb-1"> <span>Notifications</span> <span class="badge bg-warning ms-1 rounded-pill">12+</span> </h5> <p class="fs-13 mb-0">You have 12+ unread notification</p> </div> <div class="list-group list-group-flush ht-300 position-relative init-perfect-scroll-bar" > <a href="javascript:void(0);" class="list-group-item d-flex position-relative" > <div class="avatar avatar-lg bg-danger-subtle rounded flex-shrink-0" > <i class="fi fi-rr-megaphone text-danger"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> Congratulate <span class="fw-semibold text-dark">Socrates Itumay</span> for work anniversaries </p> <span class="fs-12 fw-normal text-muted">Mar 15 12:32pm</span> </div> <div class="position-absolute top-40 translate-middle wd-5 ht-5 bg-primary rounded-circle" style="left: 0.75rem" data-bs-toggle="tooltip" data-bs-trigger="hover" title="Unread Notification" ></div> </a> <a href="javascript:void(0);" class="list-group-item d-flex position-relative" > <div class="avatar avatar-lg bg-warning-subtle rounded flex-shrink-0" > <i class="fi fi-rr-edit text-warning"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> <span class="fw-semibold text-dark">Althea Cabardo</span> just created a new blog post </p> <span class="fs-12 fw-normal text-muted">Mar 13 02:56am</span> </div> <div class="position-absolute top-40 translate-middle wd-5 ht-5 bg-primary rounded-circle" style="left: 0.75rem" data-bs-toggle="tooltip" data-bs-trigger="hover" title="Unread Notification" ></div> </a> <a href="javascript:void(0);" class="list-group-item d-flex"> <div class="avatar avatar-lg bg-info-subtle rounded flex-shrink-0" > <i class="fi fi-rr-comment-alt-dots text-info"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> <span class="fw-semibold text-dark">Adrian Monino</span> added new comment on your photo </p> <span class="fs-12 fw-normal text-muted">Mar 12 10:40pm</span> </div> </a> <a href="javascript:void(0);" class="list-group-item d-flex"> <div class="avatar avatar-lg bg-success-subtle rounded flex-shrink-0" > <i class="fi fi-rr-badge-check text-success"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> <span class="fw-semibold text-dark">Kenneth Hune</span> accepted your request </p> <span class="fs-12 fw-normal text-muted">Mar 13 02:56am</span> </div> </a> <a href="javascript:void(0);" class="list-group-item d-flex border-bottom-0" > <div class="avatar avatar-lg bg-warning-subtle rounded flex-shrink-0" > <i class="fi fi-rr-file-medical-alt text-warning"></i> </div> <div class="media-body flex-grow-1 ms-3"> <p class="fw-normal mb-1"> December monthly financial <strong>report</strong> is generated </p> <span class="fs-12 fw-normal text-muted">Mar 12 10:40pm</span> </div> </a> </div> <div class="px-4 py-3 border-top d-flex justify-content-between align-items-center" > <a href="javascript:void(0);">Make as Read</a> <a href="javascript:void(0);" class="icon-link icon-link-hover"> <span>View Alls</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> <!--! End:: edash-notifications !--> <!--! Start:: edash-helpdesk !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <i class="fi fi-rr-interrogation"></i> </a> <div class="dropdown-menu dropdown-menu-end dropdown-xl p-0 overflow-hidden" > <div class="bg-primary text-white text-center px-6 py-12"> <h4 class="fw-semibold text-white mb-2">Help Center</h4> <p class="fs-13"> This greeting is courteous and professional, setting a positive tone for your ticket. </p> <a href="javascript:void(0);" class="btn btn-sm btn-warning" >Get Support</a > </div> <div class="row g-2 p-3"> <div class="col-6"> <a href="javascript:void(0);" class="dropdown-item" >Introduction</a > <a href="javascript:void(0);" class="dropdown-item">Orders</a> <a href="javascript:void(0);" class="dropdown-item">Products</a> <a href="javascript:void(0);" class="dropdown-item">Customers</a> <a href="javascript:void(0);" class="dropdown-item">Suppliers</a> <a href="javascript:void(0);" class="dropdown-item" >Customization</a > </div> <div class="col-6"> <a href="javascript:void(0);" class="dropdown-item">Partners</a> <a href="javascript:void(0);" class="dropdown-item">Members</a> <a href="javascript:void(0);" class="dropdown-item">Components</a> <a href="javascript:void(0);" class="dropdown-item">Projects</a> <a href="javascript:void(0);" class="dropdown-item">Records</a> <a href="javascript:void(0);" class="dropdown-item">Support</a> </div> </div> </div> </div> <!--! End:: edash-helpdesk !--> <!--! Start:: edash-applications !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <i class="fi fi-rr-apps-add"></i> </a> <div class="dropdown-menu dropdown-menu-end dropdown-lg"> <div class="row text-center align-items-center gx-0 gy-0"> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/gmail.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Gmail </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/dropbox.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Dropbox </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/google-drive.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Gdrive </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/figma.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Figma </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/github.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Github </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/gitlab.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Gitlab </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/instagram.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Instagram </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/pinterest.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Pinterest </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-3 rounded" > <img src="./../assets/images/brand/facebook.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Facebook </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-0" > <img src="./../assets/images/brand/shopify.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Shopify </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-0" > <img src="./../assets/images/brand/spotify.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Spotify </p> </a> </div> <div class="col-4 hstack"> <a href="javascript:void(0);" class="w-100 d-block px-2 py-3 text-center text-decoration-none mb-0" > <img src="./../assets/images/brand/whatsapp.png" alt="" class="img-fluid wd-20 ht-20" /> <p class="fs-12 fw-medium text-truncate mb-0 mt-1 pt-1"> Whatsapp </p> </a> </div> </div> </div> </div> <!--! End:: edash-applications !--> <!--! Start:: edash-profile !--> <div class="dropdown"> <a href="javascript:void(0);" class="edash-drop-item d-flex align-items-center justify-content-center rounded-pill wd-40 ht-40" data-bs-toggle="dropdown" data-bs-auto-close="outside" data-bs-offset="0, 19" > <div class="avatar avatar-md rounded-circle"> <img src="./../assets/images/avatar/1.png" alt="Avatar" class="img-fluid rounded-circle" /> <div class="avatar-indicator active"></div> </div> </a> <div class="dropdown-menu dropdown-menu-end dropdown-md p-0"> <div class="px-4 py-3 d-flex border-bottom"> <div class="avatar avatar-md flex-shrink-0"> <img src="./../assets/images/avatar/1.png" alt="Avatar" class="img-fluid rounded" /> </div> <div class="flex-grow-1 ms-3"> <h6 class="text-dark mb-1">Alexandra Della</h6> <span class="fs-13 text-muted">Premium Member</span> </div> </div> <div class="px-2 py-3"> <a href="./account-overview.html" class="dropdown-item"> <i class="fi fi-rs-user"></i> <span class="ms-3">Profile</span> </a> <a href="./account-activity.html" class="dropdown-item"> <i class="fi fi-rr-pulse"></i> <span class="ms-3">Activity</span> </a> <a href="./account-project.html" class="dropdown-item"> <i class="fi fi-rr-file-invoice-dollar"></i> <span class="ms-3">Projects</span> </a> <div class="dropdown-divider"></div> <a href="./general-pricing.html" class="dropdown-item"> <i class="fi fi-rr-usd-circle"></i> <span class="ms-3">Pricing</span> </a> <a href="./settings-account.html" class="dropdown-item"> <i class="fi fi-rr-settings"></i> <span class="ms-3">Settings</span> </a> <a href="./general-helpdesk.html" class="dropdown-item"> <i class="fi fi-rr-seal-question"></i> <span class="ms-3">Helpdesk</span> </a> <div class="dropdown-divider"></div> <a href="./auth-login.html" class="dropdown-item text-danger"> <i class="fi fi-rr-exit"></i> <span class="ms-3">Logout</span> </a> </div> </div> </div> <!--! End:: edash-profile !--> </div> <!--! End:: edash-header-right !--> </div> </header> <!--! ================================================================ !--> <!--! End:: Header !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Start:: Page Content !--> <!--! ================================================================ !--> <div class="edash-page-container container-xxl" id="edash-page-container" > <!--! Start:: Content Section !--> <div class="edash-content-section"> <!--! Start:: edash-faqs-header !--> <div class="edash-gradient-bg ht-600 card card-body align-items-center border-bottom" > <div class="text-center mt-24"> <h5 class="fw-semibold mb-3">Helpdesk</h5> <h2 class="fw-semibolder mb-2 text-dark">Knowledge Base</h2> <p class="text-muted"> A premium web applications with integrate knowledge base. </p> <form action="javascript:void(0);" class="my-6"> <div class="input-group wd-300 wd-sm-400 wd-md-600 mx-auto"> <select class="form-control form-control-lg"> <option>Getting Started</option> <option>Integrations</option> <option>Directory</option> <option>FAQ'S</option> <option>Administrator</option> <option>End-Users</option> <option>Support</option> </select> <input type="text" class="form-control w-25" placeholder="Enter your keyword or question here..." /> <button type="submit" class="btn btn-primary"> <i class="feather-search"></i> <span class="ms-2">Search</span> </button> </div> </form> <div class="mt-2 d-flex flex-wrap justify-content-center gap-1"> <span class="fs-13 text-dark me-2">Popular:</span> <a href="javascript:void(0);" class="badge bg-gray-100 shadow-sm text-muted" >Started</a > <a href="javascript:void(0);" class="badge bg-gray-100 shadow-sm text-muted" >Integrations</a > <a href="javascript:void(0);" class="badge bg-gray-100 shadow-sm text-muted" >Directory</a > <a href="javascript:void(0);" class="badge bg-gray-100 shadow-sm text-muted" >Administrator</a > <a href="javascript:void(0);" class="badge bg-gray-100 shadow-sm text-muted" >Support</a > </div> </div> </div> <!--! End:: edash-faqs-header !--> <!--! Start:: edash-faqs-content !--> <div class="px-6 px-sm-16 px-md-32 px-lg-4 px-xl-32 px-xxl-6 px-xxxl-32 mt-n40 bg-body-tertiary rounded-bottom-3" > <!--! Start:: help-card !--> <div class="row g-4"> <div class="col-lg-4 col-xl-12 col-xxl-4"> <div class="card card-hover"> <div class="card-body p-5"> <div class="wd-50 ht-50 d-flex align-items-center justify-content-center mb-5" > <i class="fi fi-rr-book text-primary fs-1"></i> </div> <h2 class="fs-16 mb-3">Knowledge Base</h2> <p class="text-muted"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias quod, quo, deleniti obcaecati aliquid ullam ipsa labor iosam. </p> <a href="javascript:void(0);" class="icon-link icon-link-hover fs-13" > <span>Learn More</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> <div class="col-lg-4 col-xl-12 col-xxl-4"> <div class="card card-hover"> <div class="card-body p-5"> <div class="wd-50 ht-50 d-flex align-items-center justify-content-center mb-5" > <i class="fi fi-rr-headset text-primary fs-1"></i> </div> <h2 class="fs-16 mb-3">Contact Agent</h2> <p class="text-muted"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias quod, quo, deleniti obcaecati aliquid ullam ipsa labor iosam. </p> <a href="javascript:void(0);" class="icon-link icon-link-hover fs-13" > <span>Learn More</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> <div class="col-lg-4 col-xl-12 col-xxl-4"> <div class="card card-hover"> <div class="card-body p-5"> <div class="wd-50 ht-50 d-flex align-items-center justify-content-center mb-5" > <i class="fi fi-rr-rocket-lunch text-primary fs-1"></i> </div> <h2 class="fs-16 mb-3">Community Forum</h2> <p class="text-muted"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestias quod, quo, deleniti obcaecati aliquid ullam ipsa labor iosam. </p> <a href="javascript:void(0);" class="icon-link icon-link-hover fs-13" > <span>Learn More</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> </div> <!--! End:: help-card !--> <!--! Start:: category-section !--> <section class="mt-32"> <div class="d-flex flex-column align-items-center justify-content-center mb-12" > <h2 class="fs-20 fw-semibold mb-3">Topics Category</h2> <p class="max-wd-450 px-5 text-center text-muted"> This category is the global common root of the media files categorized by the topic, similar to en:Category:Main topic classifications. </p> <div class="wd-50 ht-3 rounded-pill bg-primary"></div> </div> <div class="row g-4"> <div class="col-lg-6 col-xl-12 col-xxl-4"> <div class="card"> <div class="card-body d-sm-flex align-items-start"> <div class="avatar avatar-lg border rounded mb-3 mb-sm-0" > <i class="fi fi-rr-briefcase"></i> </div> <div class="ms-sm-3"> <h2 class="fs-14 fw-semibold">Getting Started</h2> <span class="fs-12 fw-semibold text-uppercase text-muted" style="letter-spacing: 0.015rem" >8 topics</span > <ul class="list-unstyled my-4"> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Getting Started</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Adding End Users</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Applications</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Video Tutorials</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Step by Step Intigrations Guide</span > </a> </li> </ul> <a href="javascript:void(0);" class="icon-link icon-link-hover fs-13" > <span>More Topics</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> </div> <div class="col-lg-6 col-xl-12 col-xxl-4"> <div class="card"> <div class="card-body d-sm-flex align-items-start"> <div class="avatar avatar-lg border rounded mb-3 mb-sm-0" > <i class="fi fi-rr-circle-user"></i> </div> <div class="ms-sm-3"> <h2 class="fs-14 fw-semibold">User Shortwave</h2> <span class="fs-12 fw-semibold text-uppercase text-muted" style="letter-spacing: 0.015rem" >7 topics</span > <ul class="list-unstyled my-4"> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Getting Started</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Adding End Users</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Applications</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Video Tutorials</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Step by Step Intigrations Guide</span > </a> </li> </ul> <a href="javascript:void(0);" class="icon-link icon-link-hover fs-13" > <span>More Topics</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> </div> <div class="col-lg-6 col-xl-12 col-xxl-4"> <div class="card"> <div class="card-body d-sm-flex align-items-start"> <div class="avatar avatar-lg border rounded mb-3 mb-sm-0" > <i class="fi fi-rr-settings"></i> </div> <div class="ms-sm-3"> <h2 class="fs-14 fw-semibold"> Settings & Preferance </h2> <span class="fs-12 fw-semibold text-uppercase text-muted" style="letter-spacing: 0.015rem" >9 topics</span > <ul class="list-unstyled my-4"> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Getting Started</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Adding End Users</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Applications</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Video Tutorials</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Step by Step Intigrations Guide</span > </a> </li> </ul> <a href="javascript:void(0);" class="icon-link icon-link-hover fs-13" > <span>More Topics</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> </div> <div class="col-lg-6 col-xl-12 col-xxl-4"> <div class="card"> <div class="card-body d-sm-flex align-items-start"> <div class="avatar avatar-lg border rounded mb-3 mb-sm-0" > <i class="fi fi-rr-badge-dollar"></i> </div> <div class="ms-sm-3"> <h2 class="fs-14 fw-semibold">Terms & Billing</h2> <span class="fs-12 fw-semibold text-uppercase text-muted" style="letter-spacing: 0.015rem" >9 topics</span > <ul class="list-unstyled my-4"> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Getting Started</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Adding End Users</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Applications</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Video Tutorials</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Step by Step Intigrations Guide</span > </a> </li> </ul> <a href="javascript:void(0);" class="icon-link icon-link-hover fs-13" > <span>More Topics</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> </div> <div class="col-lg-6 col-xl-12 col-xxl-4"> <div class="card"> <div class="card-body d-sm-flex align-items-start"> <div class="avatar avatar-lg border rounded mb-3 mb-sm-0" > <i class="fi fi-rr-square-plus"></i> </div> <div class="ms-sm-3"> <h2 class="fs-14 fw-semibold"> Integrations & Setup </h2> <span class="fs-12 fw-semibold text-uppercase text-muted" style="letter-spacing: 0.015rem" >6 topics</span > <ul class="list-unstyled my-4"> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Getting Started</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Adding End Users</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Applications</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Video Tutorials</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Step by Step Intigrations Guide</span > </a> </li> </ul> <a href="javascript:void(0);" class="icon-link icon-link-hover fs-13" > <span>More Topics</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> </div> <div class="col-lg-6 col-xl-12 col-xxl-4"> <div class="card"> <div class="card-body d-sm-flex align-items-start"> <div class="avatar avatar-lg border rounded mb-3 mb-sm-0" > <i class="fi fi-rr-bug"></i> </div> <div class="ms-sm-3"> <h2 class="fs-14 fw-semibold"> Troubleshooting & Solved </h2> <span class="fs-12 fw-semibold text-uppercase text-muted" style="letter-spacing: 0.015rem" >5 topics</span > <ul class="list-unstyled my-4"> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Getting Started</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2">Adding End Users</span> </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Applications</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Integration Video Tutorials</span > </a> </li> <li class="mb-2"> <a href="javascript:void(0);" class="text-muted fw-normal link-primary" data-bs-toggle="offcanvas" data-bs-target="#topicsDetailsOffcanvas" > <i class="fi fi-rr-document fs-13"></i> <span class="ms-2" >Step by Step Intigrations Guide</span > </a> </li> </ul> <a href="javascript:void(0);" class="icon-link icon-link-hover fs-13" > <span>More Topics</span> <i class="fi fi-rr-arrow-small-right bi"></i> </a> </div> </div> </div> </div> </div> </section> <!--! End:: category-section !--> <!--! Start:: faq-section !--> <section class="mt-32"> <div class="d-flex flex-column align-items-center justify-content-center mb-12" > <h2 class="fs-20 fw-semibold mb-3">Get to know us</h2> <p class="max-wd-450 px-5 text-center text-muted"> From our pricing to our people to our process, you ask, we answer. If you can't find your question, feel free to reach out, we got your back. </p> <div class="wd-50 ht-3 rounded-pill bg-primary"></div> </div> <div class="row"> <div class="col-lg-6 col-xl-12 col-xxl-6"> <div class="accordion accordion-icon" id="accordionSpacingOne" > <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOneSpacing" aria-controls="collapseOneSpacing" > How to upload data to the system? </button> </h2> <div id="collapseOneSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingOne" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwoSpacing" aria-expanded="false" aria-controls="collapseTwoSpacing" > How to draw a land plot on a map? </button> </h2> <div id="collapseTwoSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingOne" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThreeSpacing" aria-expanded="false" aria-controls="collapseThreeSpacing" > How to to view expire services? </button> </h2> <div id="collapseThreeSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingOne" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourSpacing" aria-expanded="false" aria-controls="collapseFourSpacing" > How to integrate new web applications? </button> </h2> <div id="collapseFourSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingOne" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFiveSpacing" aria-expanded="false" aria-controls="collapseFiveSpacing" > How do I set the geometry of an object? </button> </h2> <div id="collapseFiveSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingOne" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> </div> </div> <div class="col-lg-6 col-xl-12 col-xxl-6"> <div class="accordion accordion-icon" id="accordionSpacingTow" > <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSixSpacing" aria-expanded="false" aria-controls="collapseSixSpacing" > How do I set the geometry of an object? </button> </h2> <div id="collapseSixSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingTow" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSevenSpacing" aria-controls="collapseSevenSpacing" > How to upload data to the system? </button> </h2> <div id="collapseSevenSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingTow" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseEightSpacing" aria-expanded="false" aria-controls="collapseEightSpacing" > How to draw a land plot on a map? </button> </h2> <div id="collapseEightSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingTow" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseNineSpacing" aria-expanded="false" aria-controls="collapseNineSpacing" > How to to view expire services? </button> </h2> <div id="collapseNineSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingTow" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item border-top mt-2 rounded-top"> <h2 class="accordion-header"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTenSpacing" aria-expanded="false" aria-controls="collapseTenSpacing" > How to integrate new web applications? </button> </h2> <div id="collapseTenSpacing" class="accordion-collapse collapse" data-bs-parent="#accordionSpacingTow" > <div class="accordion-body text-muted"> It is hidden by spacing, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our spacing variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow. </div> </div> </div> </div> </div> </div> </section> <!--! End:: faq-section !--> <!--! Start:: still-question-section !--> <section class="mt-32"> <div class="d-flex flex-column align-items-center justify-content-center mb-12" > <h2 class="fs-20 fw-semibold mb-3">Still Have A Question?</h2> <p class="max-wd-450 px-5 text-center text-muted"> There are several ways to say "not yet" and "still have questions" in an email response, depending on the context and tone of the message. </p> <div class="wd-50 ht-3 rounded-pill bg-primary"></div> </div> <div class="row g-4 pb-32"> <div class="col-lg-4 col-xl-12 col-xxl-4"> <a href="javascript:void(0);" class="p-12 border text-center d-flex flex-column flex-fill align-items-center justify-content-center" > <i class="fi fi-rr-phone-call fs-1"></i> <div class="fs-14 fw-semibold d-block mb-1 mt-4"> +1 (375) 658 9321 </div> <div class="fs-13 fw-medium text-muted text-truncate"> We are always heppy to help. </div> </a> </div> <div class="col-lg-4 col-xl-12 col-xxl-4"> <a href="javascript:void(0);" class="p-12 border text-center d-flex flex-column flex-fill align-items-center justify-content-center" > <i class="fi fi-rr-headset fs-1"></i> <div class="fs-14 fw-semibold d-block mb-1 mt-4"> support@email.com </div> <div class="fs-13 fw-medium text-muted text-truncate"> The best way to get answer faster. </div> </a> </div> <div class="col-lg-4 col-xl-12 col-xxl-4"> <a href="javascript:void(0);" class="p-12 border text-center d-flex flex-column flex-fill align-items-center justify-content-center" > <i class="fi fi-rr-life-ring fs-1"></i> <div class="fs-14 fw-semibold d-block mb-1 mt-4"> Submit Ticket </div> <div class="fs-13 fw-medium text-muted text-truncate"> The best way to get answer faster. </div> </a> </div> </div> </section> <!--! End:: still-question-section !--> </div> <!--! End:: edash-faqs-content !--> </div> <!--! End:: Content Section !--> </div> <!--! ================================================================ !--> <!--! End:: Page Content !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Start:: Footer !--> <!--! ================================================================ !--> <footer class="edash-footer-container container-xxl d-flex align-items-center justify-content-between rounded-3 p-4 mx-auto mb-3 ht-64 bg-body-tertiary" id="edash-footer-container" > <div class="hstack"> <span class="text-muted"> <script> document.write(new Date().getFullYear()); </script> © </span> <span class="vr mx-2 bg-body-secondary"></span> <a href="mailto:wrapcoders@gmail.com">Expodash</a> </div> <div class="d-flex align-items-center gap-3"> <a href="./../../docs/documentation.html" target="_blank" class="d-none d-sm-block" >Docs</a > <a href="wrapcoders@gmail.com" target="_blank" class="d-none d-sm-block" >About</a > <a href="wrapcoders@gmail.com" target="_blank">Support</a> <a href="https://codecanyon.net/item/expodash-bootstrap-5-admin-dashboard-template/52160996" target="_blank" >Purchase</a > </div> </footer> <!--! ================================================================ !--> <!--! End:: Footer !--> <!--! ================================================================ !--> </main> <!--! ================================================================ !--> <!--! End:: Main Content !--> <!--! ================================================================ !--> <div class="edash-menu-backdrop" id="edash-menu-hide"></div> </div> <!--! ================================================================ !--> <!--! End:: Main Wrapper !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! BEGIN: Topics Details Offcanvas !--> <!--! ================================================================ !--> <div class="offcanvas offcanvas-end w-100 wd-md-600" id="topicsDetailsOffcanvas" aria-labelledby="topicsDetailsOffcanvas" > <div class="offcanvas-header border-bottom px-4"> <div class="d-flex"> <a href="javascript:void(0);">Help</a> <span class="mx-2 text-muted">/</span> <a href="javascript:void(0);">Started</a> <span class="mx-2 text-muted">/</span> <div class="text-muted">Integration</div> </div> <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close" ></button> </div> <div class="offcanvas-body"> <div class="p-lg-5 mx-lg-5"> <h2 class="fs-18">How to filter object on the map?</h2> <p class="fs-13 text-muted"> Last Updates: <span class="text-dark fw-medium">26 May, 2023</span> </p> <hr class="my-4" /> <h4 class="fs-14">Hey there...!!!</h4> <p class="text-muted"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Assumenda consectetur illo at placeat cum nulla repellat expedita nostrum praesentium blanditiis repudiandae commodi tempore debitis odio, doloremque magni eaque soluta cupiditate ullam harum, necessitatibus sunt voluptas eum laboriosam. Consequatur nobis fuga fugiat deleniti veritatis sint, suscipit magni tempora labore. Neque, eaque? </p> <p class="text-muted"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Assumenda consectetur illo at placeat cum nulla repellat expedita nostrum praesentium blanditiis repudiandae commodi tempore debitis odio, doloremque magni eaque soluta cupiditate ullam harum, necessitatibus sunt voluptas eum laboriosam. Consequatur nobis fuga fugiat deleniti veritatis sint, suscipit magni tempora labore. Neque, eaque? </p> <ul class="text-muted my-4"> <li class="mb-2"> <strong class="text-dark">Integration</strong> Applications </li> <li class="mb-2"> <strong class="text-dark">Integration</strong> Video Tutorials </li> <li class="mb-2"> <strong class="text-dark">Step by Step</strong> Intigrations Guide </li> <li class="mb-2"> <strong class="text-dark">Add favorite</strong> for quick and messaging </li> <li class="mb-2"> <strong class="text-dark">Fine-tune</strong> your notifications to focus on that matters </li> <li> <strong class="text-dark">Trigger your inbox</strong> and own your email experience </li> </ul> <div class="mt-5"> <h2 class="fs-13 fw-700 mb-3">Integration Features</h2> <ul class="list-unstyled"> <li class="d-flex align-items-center mb-2"> <span class="avatar-text avatar-sm bg-soft-success text-success me-2" > <i class="feather-check fs-12"></i> </span> <span>Access basic company informations and details.</span> </li> <li class="d-flex align-items-center mb-2"> <span class="avatar-text avatar-sm bg-soft-success text-success me-2" > <i class="feather-check fs-12"></i> </span> <span >Access and edite bugs reports and create new issues.</span > </li> <li class="d-flex align-items-center mb-2"> <span class="avatar-text avatar-sm bg-soft-success text-success me-2" > <i class="feather-check fs-12"></i> </span> <span>Change issues status and assignee of issues.</span> </li> <li class="d-flex align-items-center mb-2"> <span class="avatar-text avatar-sm bg-soft-success text-success me-2" > <i class="feather-check fs-12"></i> </span> <span>Open and resolve intercom conversations.</span> </li> <li class="d-flex align-items-center mb-2"> <span class="avatar-text avatar-sm bg-soft-success text-success me-2" > <i class="feather-check fs-12"></i> </span> <span>Add or remover users and change user roles.</span> </li> <li class="d-flex align-items-center mb-2"> <span class="avatar-text avatar-sm bg-soft-success text-success me-2" > <i class="feather-check fs-12"></i> </span> <span >We care about your Privacy in our <a href="javascript:void(0);">Privacy & Policy</a>.</span > </li> <li class="d-flex align-items-center"> <span class="avatar-text avatar-sm bg-soft-success text-success me-2" > <i class="feather-check fs-12"></i> </span> <span >By clicking allow access, your authorize untitled to access your informations.</span > </li> </ul> </div> <div class="mb-5"> <pre><code class="language-html"> <!DOCTYPE html> <html lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="keyword" content=""> <meta name="author" content="WRAPCODERS"> <!--! The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags !--> <!--! BEGIN: Apps Title--> <title>Help Center</title> <!--! END: Apps Title--> <!--! BEGIN: Favicon--> <link type="image/x-icon" rel="shortcut icon" href="../../assets/images/favicon.ico"> <!--! END: Favicon--> <!--! BEGIN: Bootstrap CSS--> <link type="text/css" rel="stylesheet" href="../../assets/css/bootstrap.min.css"> <!--! END: Bootstrap CSS--> <!--! BEGIN: Vendors CSS--> <link type="text/css" rel="stylesheet" href="../../assets/vendors/css/vendors.min.css"> <!--! END: Vendors CSS--> <!--! BEGIN: Custom CSS--> <link type="text/css" rel="stylesheet" href="../../assets/css/theme.min.css"> <!--! END: Custom CSS--> <!--! HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries !--> <!--! WARNING: Respond.js doesn"t work if you view the page via file: !--> <!--[if lt IE 9]> <script src="https:oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https:oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> </html> </code> </pre> </div> <h4 class="fs-13">π Threds</h4> <p class="text-muted mb-4"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque officiis minus omnis veniam cupiditate molestiae itaque hic quibusdam fuga modi quam cumque recusandae harum nulla vero, tempore possimus aliquid animi! </p> <div class="mb-5"> <pre class="h-auto"><code class="language-js"> const Prism = require('prismjs'); // The code snippet you want to highlight, as a string const code = `var data = 1;`; // Returns a highlighted HTML string const html = Prism.highlight(code, Prism.languages.javascript, 'javascript'); </code></pre> </div> <h4 class="fs-13">π Inbox</h4> <p class="text-muted mb-4"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque officiis minus omnis veniam cupiditate molestiae itaque hic quibusdam fuga modi quam cumque recusandae harum nulla vero, tempore possimus aliquid animi! </p> <div class="mb-5"> <pre class="h-auto"><code class="language-js"> const Prism = require('prismjs'); // The code snippet you want to highlight, as a string const code = `var data = 1;`; // Returns a highlighted HTML string const html = Prism.highlight(code, Prism.languages.javascript, 'javascript'); </code></pre> </div> <h4 class="fs-13">π Bundles</h4> <p class="text-muted mb-4"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque officiis minus omnis veniam cupiditate molestiae itaque hic quibusdam fuga modi quam cumque recusandae harum nulla vero, tempore possimus aliquid animi! </p> <div class="mb-5"> <pre class="h-auto"><code class="language-js"> const Prism = require('prismjs'); // The code snippet you want to highlight, as a string const code = `var data = 1;`; // Returns a highlighted HTML string const html = Prism.highlight(code, Prism.languages.javascript, 'javascript'); </code></pre> </div> <h4 class="fs-13">β Snoozen</h4> <p class="text-muted mb-4"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque officiis minus omnis veniam cupiditate molestiae itaque hic quibusdam fuga modi quam cumque recusandae harum nulla vero, tempore possimus aliquid animi! </p> <div class="mb-5"> <pre class="h-auto"><code class="language-js"> const Prism = require('prismjs'); // The code snippet you want to highlight, as a string const code = `var data = 1;`; // Returns a highlighted HTML string const html = Prism.highlight(code, Prism.languages.javascript, 'javascript'); </code></pre> </div> <h4 class="fs-13">π Groups</h4> <p class="text-muted mb-4"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque officiis minus omnis veniam cupiditate molestiae itaque hic quibusdam fuga modi quam cumque recusandae harum nulla vero, tempore possimus aliquid animi! </p> <div class="mb-5"> <pre class="h-auto"><code class="language-js"> const Prism = require('prismjs'); // The code snippet you want to highlight, as a string const code = `var data = 1;`; // Returns a highlighted HTML string const html = Prism.highlight(code, Prism.languages.javascript, 'javascript'); </code></pre> </div> <h4 class="fs-13">π³ Channel</h4> <p class="text-muted mb-4"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque officiis minus omnis veniam cupiditate molestiae itaque hic quibusdam fuga modi quam cumque recusandae harum nulla vero, tempore possimus aliquid animi! </p> <div class="mb-5"> <pre class="h-auto"><code class="language-js"> const Prism = require('prismjs'); // The code snippet you want to highlight, as a string const code = `var data = 1;`; // Returns a highlighted HTML string const html = Prism.highlight(code, Prism.languages.javascript, 'javascript'); </code></pre> </div> <h4 class="fs-13">π Favorite</h4> <p class="text-muted mb-4"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque officiis minus omnis veniam cupiditate molestiae itaque hic quibusdam fuga modi quam cumque recusandae harum nulla vero, tempore possimus aliquid animi! </p> <div> <pre class="h-auto"><code class="language-js"> const Prism = require('prismjs'); // The code snippet you want to highlight, as a string const code = `var data = 1;`; // Returns a highlighted HTML string const html = Prism.highlight(code, Prism.languages.javascript, 'javascript'); </code></pre> </div> <hr class="my-5" /> <p class="text-muted"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Assumenda consectetur illo at placeat cum nulla repellat expedita nostrum praesentium blanditiis repudiandae commodi tempore debitis odio, doloremque magni eaque soluta cupiditate ullam harum, necessitatibus sunt voluptas eum laboriosam. Consequatur nobis fuga fugiat deleniti veritatis sint, suscipit magni tempora labore. Neque, eaque? </p> <ul class="text-muted my-4"> <li class="mb-2"> <strong class="text-dark">Integration</strong> Applications </li> <li class="mb-2"> <strong class="text-dark">Integration</strong> Video Tutorials </li> <li class="mb-2"> <strong class="text-dark">Step by Step</strong> Intigrations Guide </li> <li class="mb-2"> <strong class="text-dark">Add favorite</strong> for quick and messaging </li> <li class="mb-2"> <strong class="text-dark">Fine-tune</strong> your notifications to focus on that matters </li> <li> <strong class="text-dark">Trigger your inbox</strong> and own your email experience </li> </ul> <hr class="my-5" /> <div class="w-100 p-5 bg-gray-100 text-center"> <h2 class="fs-16 mb-2">Having trouble logging in?</h2> <p class="text-muted"> Explore some common issues or solutions or get in tuch with us. </p> <div class="d-flex justify-content-center gap-2"> <a href="javascript:void(0);" class="btn btn-md btn-success" >Contact</a > <a href="javascript:void(0);" class="btn btn-md btn-danger" >Support</a > </div> </div> <div class="d-flex justify-content-center mt-5"> <div class="d-flex align-items-center text-muted"> <fs-12 class="me-3">Is this article helpful?</fs-12> <a href="javascript:void(0);" class="wd-15 ht-15 d-flex align-items-center justify-content-center p-2 rounded-3 bg-gray-100 m-1" > <i class="fi fi-rr-hand text-danger"></i> </a> <a href="javascript:void(0);" class="wd-15 ht-15 d-flex align-items-center justify-content-center p-2 rounded-3 bg-gray-100 m-1" > <i class="fi fi-rr-social-network text-success"></i> </a> </div> </div> </div> </div> </div> <!--! ================================================================ !--> <!--! END: Topics Details Offcanvas !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Footer Script !--> <!--! ================================================================ !--> <!--! BEGIN: Common Vendors !--> <script src="./../assets/js/vendors.min.js"></script> <!--! END: Common Vendors !--> <!--! BEGIN: Apps Common Init !--> <script src="./../assets/js/common-init.min.js"></script> <!--! END: Apps Common Init !--> </body> </html>