mirror of
https://github.com/hanzo-apps/gallery.git
synced 2026-10-30 14:48:38 +00:00
610 lines
34 KiB
HTML
610 lines
34 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Tasks Description</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&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">
|
|
<!-- widget-->
|
|
<div class="widget">
|
|
<div class="widget__head">
|
|
<div class="widget__title title title_sm">Tasks overview</div>
|
|
<div class="widget__text">Overall tasks performance</div>
|
|
</div>
|
|
<div class="widget__body">
|
|
<!-- overview-->
|
|
<div class="overview">
|
|
<div class="overview__item">
|
|
<div class="overview__row">
|
|
<div class="overview__col">
|
|
<div class="overview__label">All tasks</div>
|
|
<div class="overview__value">298</div>
|
|
</div>
|
|
<div class="overview__col">
|
|
<div class="overview__preview gray"><i class="la la-list-alt "></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="overview__item">
|
|
<div class="overview__row">
|
|
<div class="overview__col">
|
|
<div class="overview__label">Pending</div>
|
|
<div class="overview__value">84</div>
|
|
</div>
|
|
<div class="overview__col">
|
|
<div class="overview__preview yellow"><i class="la la-history "></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="overview__item">
|
|
<div class="overview__row">
|
|
<div class="overview__col">
|
|
<div class="overview__label">Complete</div>
|
|
<div class="overview__value">214</div>
|
|
</div>
|
|
<div class="overview__col">
|
|
<div class="overview__preview red"><i class="la la-check-circle "></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="overview__item">
|
|
<div class="overview__row">
|
|
<div class="overview__col">
|
|
<div class="overview__label">Archieved</div>
|
|
<div class="overview__value">380</div>
|
|
</div>
|
|
<div class="overview__col">
|
|
<div class="overview__preview blue"><i class="la la-folder-open "></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sidebar__section">
|
|
<div class="history">
|
|
<div class="history__container">
|
|
<div class="history__head">
|
|
<div class="history__wrap">
|
|
<div class="history__title title title_sm">Conversion history</div>
|
|
<div class="history__text">Week to week performance</div>
|
|
</div><a class="history__link" href="#"><i class="la la-chart-bar "></i></a>
|
|
</div>
|
|
<div class="history__chart">
|
|
<div id="chart-history-bar"></div>
|
|
</div>
|
|
</div>
|
|
</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">Tasks</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">
|
|
<div class="panel__head">
|
|
<!-- btn group-->
|
|
<div class="panel__group btn-group"><button class="btn btn_light btn_icon active"><i class="la la-list-alt "></i>All</button><button class="btn btn_light btn_icon"><i class="la la-images "></i>Done</button><button class="btn btn_light btn_icon"><i class="la la-history "></i>Pedding</button></div>
|
|
</div>
|
|
<div class="panel__body">
|
|
<!-- tasks-->
|
|
<div class="tasks">
|
|
<div class="tasks__list">
|
|
<div class="tasks__item tasks__item_add">
|
|
<div class="tasks__cell tasks__cell_lg">
|
|
<!-- switch--><label class="switch"><input class="switch__input" type="checkbox" /><span class="switch__content"><input class="switch__typing" type="text" placeholder="Type to add a new task ā¦" /></span></label></div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox" checked><span class="switch__content">Budget and contract</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag green">Done</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox" checked><span class="switch__content">Search for a UI kit</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag green">Done</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox" checked><span class="switch__content">Design new dashboard</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag green">Done</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox"><span class="switch__content">Design search page</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag yellow">Pending</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox"><span class="switch__content">Prepare HTML & CSS</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag yellow">Pending</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox"><span class="switch__content">Fix issues</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag gray">On Hold</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox"><span class="switch__content">Budget and contract</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag gray">On Hold</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox"><span class="switch__content">Search for a UI kit</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag gray">On Hold</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox"><span class="switch__content">Search for a UI kit</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag gray">On Hold</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tasks__item">
|
|
<div class="tasks__cell tasks__cell_lg"><label class="switch"><input class="switch__input" type="checkbox"><span class="switch__content">Budget and contract</span></label></div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-list-alt "></i>0/3</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-paperclip "></i>7</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- meta-->
|
|
<div class="meta"><i class="la la-comments "></i>5</div>
|
|
</div>
|
|
<div class="tasks__cell mobile-hide">
|
|
<!-- tag-->
|
|
<div class="tag gray">On Hold</div>
|
|
</div>
|
|
<div class="tasks__cell">
|
|
<div class="tasks__preview"><img class="tasks__pic" src="img/user-1.jpg" alt="User"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel__foot"><button class="btn btn_only_icon m-auto"><i class="la la-redo-alt "></i></button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- modals-->
|
|
<!-- modal-->
|
|
<div class="modal js-modal visible">
|
|
<div class="modal__container js-modal-container">
|
|
<div class="modal__head"><button class="modal__action modal__action_close action js-modal-close"><i class="la la-angle-left "></i></button>
|
|
<div class="modal__wrap">
|
|
<!-- switch--><label class="switch"><input class="switch__input" type="checkbox"><span class="switch__content">Mark as Complete</span></label></div><button class="modal__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
|
</div>
|
|
<div class="modal__body">
|
|
<!-- content-->
|
|
<div class="content">
|
|
<div class="content__head">
|
|
<div class="content__wrap">
|
|
<div class="content__title title title_md">Design new dashboard for client</div>
|
|
<div class="content__text">Task created on 07 Jun 2019</div>
|
|
</div>
|
|
</div>
|
|
<div class="content__container">
|
|
<div class="content__section">
|
|
<div class="content__body">
|
|
<div class="content__row">
|
|
<div class="content__col">
|
|
<div class="content__box">
|
|
<div class="content__label">Assigned to</div>
|
|
<div class="content__wrap">
|
|
<div class="members">
|
|
<div class="members__item"><img class="members__pic" src="img/user-1.jpg" alt="User" /></div>
|
|
<div class="members__item"><img class="members__pic" src="img/user-2.jpg" alt="User" /></div>
|
|
<div class="members__item"><img class="members__pic" src="img/user-3.jpg" alt="User" /></div>
|
|
<div class="members__item"><button class="action action_stroke"><i class="la la-plus "></i></button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content__col">
|
|
<div class="content__box">
|
|
<div class="content__label">Due to</div>
|
|
<div class="content__wrap">
|
|
<!-- tag group-->
|
|
<div class="tag-group">
|
|
<div class="tag tag_stroke"><i class="la la-calendar-week "></i>14 Aug 2018</div>
|
|
<div class="tag blue">Spotify</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content__section">
|
|
<div class="content__box">
|
|
<div class="content__title title">Description</div>
|
|
<div class="content__body">
|
|
<div class="content__content">When I first got into the online advertising business, I was looking for the magical combination that would put my website into the top search engine rankings, catapult me to the forefront of the minds or individuals looking to buy my product, and generally make me rich beyond my wildest dreams.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content__section">
|
|
<div class="content__box">
|
|
<div class="content__flex">
|
|
<div class="content__title content__title_between title">Checklist</div>
|
|
<div class="content__stats">1<span class="color-gray"> / 3</span></div>
|
|
</div>
|
|
<div class="content__body">
|
|
<!-- progress-->
|
|
<div class="content__progress progress">
|
|
<div class="progress__value bg-yellow-raw" style="width: 70%"></div>
|
|
</div>
|
|
<div class="content__group">
|
|
<!-- switch--><label class="switch content__switch"><input class="switch__input" type="checkbox" checked><span class="switch__content">Design new home page</span></label><!-- switch--><label class="switch content__switch"><input class="switch__input" type="checkbox"><span class="switch__content">Send design samples to the customer</span></label><!-- switch--><label class="switch content__switch"><input class="switch__input" type="checkbox" /><span class="switch__content"><input class="switch__typing" type="text" placeholder="Type to add moreā¦" /></span></label></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content__section">
|
|
<div class="content__box">
|
|
<div class="content__title title">Attachments</div>
|
|
<div class="content__body">
|
|
<!-- control-->
|
|
<div class="control"><input class="control__file" type="file">
|
|
<div class="control__icon"><i class="la la-cloud-upload-alt "></i></div>
|
|
<div class="control__wrap">
|
|
<div class="control__title">Upload your attachment</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- reply-->
|
|
<div class="reply content__reply">
|
|
<div class="reply__field"><textarea class="reply__textarea" placeholder="Add your comment"></textarea></div>
|
|
<div class="reply__actions"><button class="reply__action"><i class="la la-smile "></i></button><button class="reply__action"><i class="la la-paperclip "></i></button><button class="reply__btn btn">Send</button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- 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>
|