Files
gallery/public/previews/betacrm-html/help-center-tickets-existing.html

421 lines
26 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Help Center Tickets Existing</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="theme-color" content="#fff">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="Page description"><!-- Twitter Card data-->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<meta name="twitter:image" content="http://www.example.com/image.jpg"><!-- Open Graph data-->
<meta property="og:title" content="Title Here">
<meta property="og:type" content="article">
<meta property="og:url" content="http://www.example.com/">
<meta property="og:image" content="http://example.com/image.jpg">
<meta property="og:description" content="Description Here">
<meta property="og:site_name" content="Site Name, i.e. Moz">
<meta property="fb:admins" content="Facebook numeric ID">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" media="all" href="css/app.css"><!-- favicon-->
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="manifest" href="img/site.webmanifest">
<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
</head>
<body>
<!-- page-->
<div class="page">
<!-- sidebar-->
<div class="sidebar js-sidebar">
<div class="sidebar__nav">
<!-- nav-->
<nav class="nav js-nav"><a class="nav__link nav__link_head" href="/">
<div class="nav__preview"><img class="nav__pic" src="img/logo.svg" alt="Logo"></div>
<div class="nav__title"><img class="nav__pic" src="img/betaCRM.svg" alt="betaCRM"></div>
</a>
<div class="nav__list">
<!-- mobile primary menu-->
<div class="nav__primary js-nav-primary">
<div class="nav__group"><a class="nav__link active" href="#" title="Dashboard">
<div class="nav__preview"><i class="la la-tachometer-alt "></i></div>
<div class="nav__title">Dashboard</div>
</a><a class="nav__link" href="#" title="Projects">
<div class="nav__preview"><i class="la la-toolbox "></i></div>
<div class="nav__title">Projects</div>
</a><a class="nav__link" href="#" title="Tasks">
<div class="nav__preview"><i class="la la-clipboard-check "></i></div>
<div class="nav__title">Tasks</div>
</a><a class="nav__link" href="#" title="Kanban">
<div class="nav__preview"><i class="la la-images "></i></div>
<div class="nav__title">Kanban</div>
</a><a class="nav__link" href="#" title="Calendar">
<div class="nav__preview"><i class="la la-calendar-week "></i></div>
<div class="nav__title">Calendar</div>
</a><a class="nav__link nav__link_menu js-nav-link-menu" href="#">
<div class="nav__preview"><i class="la la-bars "></i></div>
</a></div>
</div><!-- mobile secondary menu-->
<div class="nav__secondary js-nav-secondary">
<div class="nav__group"><a class="nav__link" href="#" title="Contacts">
<div class="nav__preview"><i class="la la-user-lock "></i></div>
<div class="nav__title">Contacts</div>
</a><a class="nav__link" href="#" title="Messages">
<div class="nav__preview"><i class="la la-comments "></i>
<div class="nav__online online"></div>
</div>
<div class="nav__title">Messages</div>
</a><a class="nav__link" href="#" title="Products">
<div class="nav__preview"><i class="la la-cube "></i></div>
<div class="nav__title">Products</div>
</a><a class="nav__link" href="#" title="Invoices">
<div class="nav__preview"><i class="la la-calculator "></i></div>
<div class="nav__title">Invoices</div>
</a><a class="nav__link" href="#" title="File Browser">
<div class="nav__preview"><i class="la la-folder-open "></i></div>
<div class="nav__title">File Browser</div>
</a><a class="nav__link" href="#" title="Notifications">
<div class="nav__preview"><i class="la la-bullseye "></i>
<div class="nav__online online bg-red-raw"></div>
</div>
<div class="nav__title">Notifications</div>
</a><a class="nav__link" href="#" title="Reports">
<div class="nav__preview"><i class="la la-chart-area "></i></div>
<div class="nav__title">Reports</div>
</a><a class="nav__link" href="#" title="Help Center">
<div class="nav__preview"><i class="la la-question "></i></div>
<div class="nav__title">Help Center</div>
</a><a class="nav__link nav__link_user" href="#" title="John Doe">
<div class="nav__preview"><img class="nav__pic" src="img/user-1.jpg" alt="User">
<div class="nav__online online"></div>
</div>
<div class="nav__title">John Doe</div>
</a></div>
</div>
</div>
</nav>
</div>
<div class="sidebar__container js-sidebar-container">
<div class="sidebar__head">
<div class="sidebar__preview"><img class="sidebar__pic" src="img/white-ui-store.png" alt="WhiteUI.store"></div>
<div class="sidebar__wrap">
<div class="sidebar__title">WHITEUI.STORE LLC</div>
<div class="sidebar__text">8484 Ross Wells</div>
</div><button class="sidebar__action sidebar__action_toggle action js-sidebar-toggle"><i class="la la-angle-left "></i></button>
</div>
<div class="sidebar__inner">
<div class="sidebar__section">
<!-- help-->
<div class="help help_sidebar">
<div class="help__head">
<form class="help__form" action="">
<div class="help__title title title_md">Search for a question</div>
<div class="help__text color-gray">Type your question or search keyword</div>
<div class="field help__field">
<div class="field__wrap"><input class="field__input" type="search" placeholder="Start typing…">
<div class="field__icon"><i class="la la-search "></i></div>
</div>
</div>
</form>
</div>
<div class="help__body">
<div class="help__title title">Getting started</div>
<div class="help__list"><a class="help__link" href="#">Account with Card</a><a class="help__link" href="#">Withdraw to Bank</a><a class="help__link" href="#">Bank Accounts</a><a class="help__link" href="#">How Do I Reset My Password?</a><a class="help__link" href="#">How to get paid with Payoneer</a></div>
</div>
</div>
</div>
<div class="sidebar__section">
<div class="notice">
<div class="notice__title title">Do you still need our help?</div>
<div class="notice__text">Send your request via email</div><button class="notice__btn btn">Contact Us</button>
</div>
</div>
</div>
</div>
</div><!-- container-->
<div class="container js-container">
<div class="container__head"><button class="container__action container__action_menu action js-container-toggle"><i class="la la-bars "></i></button>
<div class="container__title title title_md">Help Center</div><!-- search-->
<div class="container__search search js-search"><button class="search__action action js-search-open"><i class="la la-search "></i></button>
<div class="search__dropdown js-search-dropdown">
<div class="search__field"><input class="search__input js-search-input" type="search" placeholder="Start typing…">
<div class="search__icon"><i class="la la-search "></i></div>
</div>
<div class="search__results js-search-results"><a class="search__result" href="#">
<div class="search__cell">
<div class="search__preview color-red"><i class="lab la-dribbble "></i></div>
</div>
<div class="search__cell">
<div class="search__title">Dribble Redesign</div>
<div class="search__text">Webdesign</div>
</div>
<div class="search__cell mobile-hide">
<!-- tag-->
<div class="search__tag tag gray">24 Feb 2019</div>
</div>
</a><a class="search__result" href="#">
<div class="search__cell">
<div class="search__preview color-green"><i class="lab la-evernote "></i></div>
</div>
<div class="search__cell">
<div class="search__title">New HTML Theme</div>
<div class="search__text">Theme</div>
</div>
<div class="search__cell mobile-hide">
<!-- tag-->
<div class="search__tag tag gray">20 May 2019</div>
</div>
</a><a class="search__result" href="#">
<div class="search__cell">
<div class="search__preview"><img class="search__pic" src="img/user-1.jpg" alt="User"></div>
</div>
<div class="search__cell">
<div class="search__title">Bradley Wilkins</div>
<div class="search__text">[email protected]</div>
</div>
<div class="search__cell mobile-hide">
<!-- tag-->
<div class="search__tag tag gray">Designer</div>
</div>
</a></div>
</div>
<div class="search__backdrop backdrop js-search-backdrop"></div>
</div><!-- new-->
<div class="container__new new js-new"><button class="new__action action js-new-open"><i class="la la-plus-circle "></i></button>
<div class="new__dropdown js-new-dropdown"><a class="new__item" href="#">
<div class="new__icon"><i class="la la-toolbox "></i></div>
<div class="new__title">New Project</div>
</a><a class="new__item" href="#">
<div class="new__icon"><i class="la la-clipboard-check "></i></div>
<div class="new__title">New Task</div>
</a><a class="new__item" href="#">
<div class="new__icon"><i class="la la-user-lock "></i></div>
<div class="new__title">New Contact</div>
</a><a class="new__item" href="#">
<div class="new__icon"><i class="la la-calendar-week "></i></div>
<div class="new__title">New Event</div>
</a><a class="new__item" href="#">
<div class="new__icon"><i class="la la-cube "></i></div>
<div class="new__title">New Product</div>
</a><a class="new__item" href="#">
<div class="new__icon"><i class="la la-calculator "></i></div>
<div class="new__title">New Invoice</div>
</a></div>
<div class="new__backdrop backdrop js-new-backdrop"></div>
</div>
</div>
<div class="container__body">
<!-- panel-->
<div class="panel">
<!-- settings-->
<div class="settings settings_tickets js-settings">
<div class="settings__container">
<div class="settings__tab" style="display: block" data-tabs-group="settings" data-tabs-item="01">
<!-- tickets-->
<div class="tickets">
<div class="tickets__list">
<div class="tickets__item">
<div class="tickets__head">
<div class="tickets__preview blue"><i class="la la-calculator "></i></div>
<div class="tickets__number">Ticket #2020-3454</div>
<div class="tickets__time">11:52AM</div><button class="tickets__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
</div>
<div class="tickets__body">
<div class="tickets__title title">How To Write Better Advertising Copy</div>
<div class="tickets__content">I hate peeping Toms. For one thing they usually step all over the hedges and plants on the side of someone’s house killing them and setting back the vegetation’s gardener countless time and effort. Another thing that I don’t really like about them is that they’re such sideline actors.</div>
</div>
<div class="tickets__foot">
<!-- user-->
<div class="tickets__user user">
<div class="user__preview"><img class="user__pic" src="img/user-1.jpg" alt="User"></div>
<div class="user__details">
<div class="user__name">Lida Simpson</div>
</div>
</div><!-- meta group-->
<div class="tickets__meta meta-group">
<div class="meta mobile-hide"><i class="la la-tags "></i>Design, Help, UI, Installation</div>
<div class="meta"><i class="la la-paperclip "></i>4</div>
<div class="meta"><i class="la la-comments "></i>1</div>
</div>
</div>
</div>
<div class="tickets__item">
<div class="tickets__head">
<div class="tickets__preview blue"><i class="la la-calculator "></i></div>
<div class="tickets__number">Ticket #2020-3454</div>
<div class="tickets__time">11:52AM</div><button class="tickets__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
</div>
<div class="tickets__body">
<div class="tickets__title title">How To Write Better Advertising Copy</div>
<div class="tickets__content">I hate peeping Toms. For one thing they usually step all over the hedges and plants on the side of someone’s house killing them and setting back the vegetation’s gardener countless time and effort. Another thing that I don’t really like about them is that they’re such sideline actors.</div>
</div>
<div class="tickets__foot">
<!-- user-->
<div class="tickets__user user">
<div class="user__preview"><img class="user__pic" src="img/user-1.jpg" alt="User"></div>
<div class="user__details">
<div class="user__name">Lida Simpson</div>
</div>
</div><!-- meta group-->
<div class="tickets__meta meta-group">
<div class="meta mobile-hide"><i class="la la-tags "></i>Design, Help, UI, Installation</div>
<div class="meta"><i class="la la-paperclip "></i>4</div>
<div class="meta"><i class="la la-comments "></i>1</div>
</div>
</div>
</div>
<div class="tickets__item">
<div class="tickets__head">
<div class="tickets__preview blue"><i class="la la-calculator "></i></div>
<div class="tickets__number">Ticket #2020-3454</div>
<div class="tickets__time">11:52AM</div><button class="tickets__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
</div>
<div class="tickets__body">
<div class="tickets__title title">How To Write Better Advertising Copy</div>
<div class="tickets__content">I hate peeping Toms. For one thing they usually step all over the hedges and plants on the side of someone’s house killing them and setting back the vegetation’s gardener countless time and effort. Another thing that I don’t really like about them is that they’re such sideline actors.</div>
</div>
<div class="tickets__foot">
<!-- user-->
<div class="tickets__user user">
<div class="user__preview"><img class="user__pic" src="img/user-1.jpg" alt="User"></div>
<div class="user__details">
<div class="user__name">Lida Simpson</div>
</div>
</div><!-- meta group-->
<div class="tickets__meta meta-group">
<div class="meta mobile-hide"><i class="la la-tags "></i>Design, Help, UI, Installation</div>
<div class="meta"><i class="la la-paperclip "></i>4</div>
<div class="meta"><i class="la la-comments "></i>1</div>
</div>
</div>
</div>
<div class="tickets__item">
<div class="tickets__head">
<div class="tickets__preview blue"><i class="la la-calculator "></i></div>
<div class="tickets__number">Ticket #2020-3454</div>
<div class="tickets__time">11:52AM</div><button class="tickets__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
</div>
<div class="tickets__body">
<div class="tickets__title title">How To Write Better Advertising Copy</div>
<div class="tickets__content">I hate peeping Toms. For one thing they usually step all over the hedges and plants on the side of someone’s house killing them and setting back the vegetation’s gardener countless time and effort. Another thing that I don’t really like about them is that they’re such sideline actors.</div>
</div>
<div class="tickets__foot">
<!-- user-->
<div class="tickets__user user">
<div class="user__preview"><img class="user__pic" src="img/user-1.jpg" alt="User"></div>
<div class="user__details">
<div class="user__name">Lida Simpson</div>
</div>
</div><!-- meta group-->
<div class="tickets__meta meta-group">
<div class="meta mobile-hide"><i class="la la-tags "></i>Design, Help, UI, Installation</div>
<div class="meta"><i class="la la-paperclip "></i>4</div>
<div class="meta"><i class="la la-comments "></i>1</div>
</div>
</div>
</div>
<div class="tickets__item">
<div class="tickets__head">
<div class="tickets__preview blue"><i class="la la-calculator "></i></div>
<div class="tickets__number">Ticket #2020-3454</div>
<div class="tickets__time">11:52AM</div><button class="tickets__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
</div>
<div class="tickets__body">
<div class="tickets__title title">How To Write Better Advertising Copy</div>
<div class="tickets__content">I hate peeping Toms. For one thing they usually step all over the hedges and plants on the side of someone’s house killing them and setting back the vegetation’s gardener countless time and effort. Another thing that I don’t really like about them is that they’re such sideline actors.</div>
</div>
<div class="tickets__foot">
<!-- user-->
<div class="tickets__user user">
<div class="user__preview"><img class="user__pic" src="img/user-1.jpg" alt="User"></div>
<div class="user__details">
<div class="user__name">Lida Simpson</div>
</div>
</div><!-- meta group-->
<div class="tickets__meta meta-group">
<div class="meta mobile-hide"><i class="la la-tags "></i>Design, Help, UI, Installation</div>
<div class="meta"><i class="la la-paperclip "></i>4</div>
<div class="meta"><i class="la la-comments "></i>1</div>
</div>
</div>
</div>
</div>
<div class="tickets__load"><button class="btn btn_only_icon m-auto"><i class="la la-redo-alt "></i></button></div>
</div>
</div>
</div>
<div class="settings__sidebar">
<!-- menu-->
<div class="menu js-menu">
<div class="menu__head js-menu-head">
<div class="menu__item js-menu-item">
<div class="menu__icon"><i class="la la-user-edit "></i></div>
<div class="menu__wrap">
<div class="menu__title">All Tickets</div>
<div class="menu__text">Main settings and details</div>
</div>
</div><button class="menu__action action js-menu-toggle"><i class="la la-bars "></i></button>
</div>
<div class="menu__container js-menu-container">
<div class="menu__section"><a class="menu__item js-menu-item active" href="#" data-menu-group="settings" data-menu-item="01">
<div class="menu__icon"><i class="la la-inbox "></i></div>
<div class="menu__wrap">
<div class="menu__title">All Tickets</div>
<div class="menu__text">All your tickets unified</div>
</div>
<div class="menu__badge badge green">+99</div>
</a><a class="menu__item js-menu-item" href="#" data-menu-group="settings" data-menu-item="02">
<div class="menu__icon"><i class="la la-feather "></i></div>
<div class="menu__wrap">
<div class="menu__title">Started</div>
<div class="menu__text">Tickets that started by you</div>
</div>
</a><a class="menu__item js-menu-item" href="#" data-menu-group="settings" data-menu-item="03">
<div class="menu__icon"><i class="la la-history "></i></div>
<div class="menu__wrap">
<div class="menu__title">Snoozed</div>
<div class="menu__text">Will appear later</div>
</div>
<div class="menu__badge badge yellow">3</div>
</a><a class="menu__item js-menu-item" href="#" data-menu-group="settings" data-menu-item="04">
<div class="menu__icon"><i class="la la-pencil "></i></div>
<div class="menu__wrap">
<div class="menu__title">Drafts</div>
<div class="menu__text">Re-edit your tickets </div>
</div>
</a><a class="menu__item js-menu-item" href="#" data-menu-group="settings" data-menu-item="05">
<div class="menu__icon"><i class="la la-trash-alt "></i></div>
<div class="menu__wrap">
<div class="menu__title">Deleted</div>
<div class="menu__text">Removed tickets</div>
</div>
</a></div>
</div>
<div class="menu__backdrop backdrop js-menu-backdrop"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- modals-->
<!-- scripts-->
<script src="js/lib/jquery.min.js"></script>
<script src="js/lib/datepicker.min.js"></script>
<script src="js/lib/datepicker.en.js"></script>
<script src="js/lib/select2.min.js"></script>
<script src="js/lib/wNumb.min.js"></script>
<script src="js/lib/nouislider.min.js"></script>
<script src="js/lib/apexcharts.min.js"></script>
<script src="js/charts.js"></script>
<script src="js/app.js"></script>
</body>
</html>