mirror of
https://github.com/hanzo-apps/gallery.git
synced 2026-10-30 14:48:38 +00:00
1466 lines
90 KiB
HTML
1466 lines
90 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Project Details</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 sidebar_info 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 color-blue"><i class="la la-behance "></i></div>
|
||
<div class="sidebar__wrap">
|
||
<div class="sidebar__title">Behance Presentation</div>
|
||
<div class="sidebar__text">Design</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">
|
||
<!-- info-->
|
||
<div class="info">
|
||
<div class="info__section">
|
||
<div class="info__title">Description</div>
|
||
<div class="info__body">
|
||
<div class="info__text">Color is so powerful that it can persuade, motivate, inspire and touch people’s soft spot the heart. This is the reason why understanding colors is pretty crucial in relating and communicating with other people. Not only that, it is also important to businesses.</div>
|
||
</div>
|
||
</div>
|
||
<div class="info__section">
|
||
<div class="info__title">Due to</div>
|
||
<div class="info__body">
|
||
<!-- 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 tag_stroke"><i class="la la-folder-open "></i>128 Files</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="info__section">
|
||
<div class="info__title">Assigned to</div>
|
||
<div class="info__body">
|
||
<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 class="info__section">
|
||
<div class="info__title">Client members</div>
|
||
<div class="info__body">
|
||
<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 class="info__section">
|
||
<div class="info__title">Overall progress</div>
|
||
<div class="info__body">
|
||
<div class="info__cover">
|
||
<div class="info__stats">
|
||
<div class="info__subtitle">Spendings</div>
|
||
<div class="info__values"><strong>$5600</strong> / $9800</div>
|
||
</div><!-- progress-->
|
||
<div class="info__progress progress">
|
||
<div class="progress__value" style="width: 70%"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="sidebar__section mobile-hide">
|
||
<div class="history">
|
||
<div class="history__container">
|
||
<div class="history__head">
|
||
<div class="history__wrap">
|
||
<div class="history__title title title_sm">Tasks progress</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">Projects Details</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 js-panel">
|
||
<div class="panel__head">
|
||
<!-- btn group-->
|
||
<div class="panel__group btn-group btn-group_tabs"><button class="btn btn_light btn_icon js-panel-btn active"><i class="la la-list-alt "></i>Tasks</button><button class="btn btn_light btn_icon js-panel-btn"><i class="la la-images "></i>Desk</button><button class="btn btn_light btn_icon js-panel-btn"><i class="la la-chart-line "></i>Activity</button><button class="btn btn_light btn_icon js-panel-btn"><i class="la la-folder-open "></i>Files</button><button class="btn btn_light btn_icon js-panel-btn"><i class="la la-chart-pie "></i>Reports</button><button class="btn btn_light btn_icon js-panel-btn"><i class="la la-cog "></i>Settings</button></div>
|
||
</div>
|
||
<div class="panel__container">
|
||
<div class="panel__tab js-panel-tab" style="display: block">
|
||
<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 class="panel__tab js-panel-tab" style="display: none">
|
||
<div class="panel__body">
|
||
<!-- desk-->
|
||
<div class="desk">
|
||
<div class="desk__col">
|
||
<div class="desk__head">
|
||
<div class="desk__title">To do</div><!-- caption--><button class="desk__caption caption"><i class="la la-plus-circle "></i>add new task</button>
|
||
</div>
|
||
<div class="desk__list">
|
||
<div class="desk__item">
|
||
<div class="desk__top">
|
||
<div class="desk__group">
|
||
<div class="desk__name">Design new UI presentation</div>
|
||
<div class="desk__text">Dribble Presentation</div>
|
||
</div><button class="desk__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
</div>
|
||
<div class="desk__details">
|
||
<!-- meta-->
|
||
<div class="desk__meta meta"><i class="la la-list-alt "></i>Progress</div>
|
||
<div class="desk__stats">7/14</div>
|
||
</div><!-- progress-->
|
||
<div class="desk__progress progress">
|
||
<div class="progress__value bg-yellow-raw" style="width: 70%"></div>
|
||
</div>
|
||
<div class="desk__foot">
|
||
<!-- tag-->
|
||
<div class="desk__tag tag gray">24 Aug 2019</div><!-- meta group-->
|
||
<div class="desk__meta meta-group">
|
||
<div class="meta"><i class="la la-comments "></i>4</div>
|
||
<div class="meta"><i class="la la-paperclip "></i>1</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="desk__item">
|
||
<div class="desk__top">
|
||
<div class="desk__group">
|
||
<div class="desk__name">Add more UI/UX mockups</div>
|
||
<div class="desk__text">Dribble Presentation</div>
|
||
</div><button class="desk__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
</div>
|
||
<div class="desk__details">
|
||
<!-- meta-->
|
||
<div class="desk__meta meta"><i class="la la-list-alt "></i>Progress</div>
|
||
<div class="desk__stats">7/14</div>
|
||
</div><!-- progress-->
|
||
<div class="desk__progress progress">
|
||
<div class="progress__value bg-yellow-raw" style="width: 70%"></div>
|
||
</div>
|
||
<div class="desk__foot">
|
||
<!-- tag-->
|
||
<div class="desk__tag tag red">24 Aug 2019</div>
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="desk__item">
|
||
<div class="desk__top">
|
||
<div class="desk__group">
|
||
<div class="desk__name">Design few mobile screens</div>
|
||
<div class="desk__text">Dribble Presentation</div>
|
||
</div><button class="desk__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
</div>
|
||
<div class="desk__details">
|
||
<!-- meta-->
|
||
<div class="desk__meta meta"><i class="la la-list-alt "></i>Progress</div>
|
||
<div class="desk__stats">7/14</div>
|
||
</div><!-- progress-->
|
||
<div class="desk__progress progress">
|
||
<div class="progress__value bg-red-raw" style="width: 70%"></div>
|
||
</div>
|
||
<div class="desk__foot">
|
||
<!-- tag-->
|
||
<div class="desk__tag tag yellow">24 Aug 2019</div>
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="desk__col">
|
||
<div class="desk__head">
|
||
<div class="desk__title">In progress</div><!-- caption--><button class="desk__caption caption"><i class="la la-plus-circle "></i>add new task</button>
|
||
</div>
|
||
<div class="desk__list">
|
||
<div class="desk__item">
|
||
<div class="desk__top">
|
||
<div class="desk__group">
|
||
<div class="desk__name">Add more UI/UX mockups</div>
|
||
<div class="desk__text">Dribble Presentation</div>
|
||
</div><button class="desk__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
</div>
|
||
<div class="desk__details">
|
||
<!-- meta-->
|
||
<div class="desk__meta meta"><i class="la la-list-alt "></i>Progress</div>
|
||
<div class="desk__stats">7/14</div>
|
||
</div><!-- progress-->
|
||
<div class="desk__progress progress">
|
||
<div class="progress__value bg-red-raw" style="width: 70%"></div>
|
||
</div>
|
||
<div class="desk__foot">
|
||
<!-- tag-->
|
||
<div class="desk__tag tag red">24 Aug 2019</div>
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="desk__item">
|
||
<div class="desk__top">
|
||
<div class="desk__group">
|
||
<div class="desk__name">Design few mobile screens</div>
|
||
<div class="desk__text">Dribble Presentation</div>
|
||
</div><button class="desk__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
</div>
|
||
<div class="desk__details">
|
||
<!-- meta-->
|
||
<div class="desk__meta meta"><i class="la la-list-alt "></i>Progress</div>
|
||
<div class="desk__stats">7/14</div>
|
||
</div><!-- progress-->
|
||
<div class="desk__progress progress">
|
||
<div class="progress__value bg-yellow-raw" style="width: 70%"></div>
|
||
</div>
|
||
<div class="desk__foot">
|
||
<!-- tag-->
|
||
<div class="desk__tag tag yellow">24 Aug 2019</div>
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="desk__col">
|
||
<div class="desk__head">
|
||
<div class="desk__title">Done</div><!-- caption--><button class="desk__caption caption"><i class="la la-plus-circle "></i>add new task</button>
|
||
</div>
|
||
<div class="desk__list">
|
||
<div class="desk__item">
|
||
<div class="desk__top">
|
||
<div class="desk__group">
|
||
<div class="desk__name">Design new UI presentation</div>
|
||
<div class="desk__text">Dribble Presentation</div>
|
||
</div><button class="desk__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
</div>
|
||
<div class="desk__details">
|
||
<!-- meta-->
|
||
<div class="desk__meta meta"><i class="la la-list-alt "></i>Progress</div>
|
||
<div class="desk__stats">7/14</div>
|
||
</div><!-- progress-->
|
||
<div class="desk__progress progress">
|
||
<div class="progress__value bg-green-raw" style="width: 70%"></div>
|
||
</div>
|
||
<div class="desk__foot">
|
||
<!-- tag-->
|
||
<div class="desk__tag tag gray">24 Aug 2019</div><!-- meta group-->
|
||
<div class="desk__meta meta-group">
|
||
<div class="meta"><i class="la la-comments "></i>4</div>
|
||
<div class="meta"><i class="la la-paperclip "></i>1</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="desk__item">
|
||
<div class="desk__top">
|
||
<div class="desk__group">
|
||
<div class="desk__name">Add more UI/UX mockups</div>
|
||
<div class="desk__text">Dribble Presentation</div>
|
||
</div><button class="desk__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
</div>
|
||
<div class="desk__details">
|
||
<!-- meta-->
|
||
<div class="desk__meta meta"><i class="la la-list-alt "></i>Progress</div>
|
||
<div class="desk__stats">7/14</div>
|
||
</div><!-- progress-->
|
||
<div class="desk__progress progress">
|
||
<div class="progress__value bg-green-raw" style="width: 70%"></div>
|
||
</div>
|
||
<div class="desk__foot">
|
||
<!-- tag-->
|
||
<div class="desk__tag tag red">24 Aug 2019</div>
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="desk__item">
|
||
<div class="desk__top">
|
||
<div class="desk__group">
|
||
<div class="desk__name">Design few mobile screens</div>
|
||
<div class="desk__text">Dribble Presentation</div>
|
||
</div><button class="desk__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
</div>
|
||
<div class="desk__details">
|
||
<!-- meta-->
|
||
<div class="desk__meta meta"><i class="la la-list-alt "></i>Progress</div>
|
||
<div class="desk__stats">7/14</div>
|
||
</div><!-- progress-->
|
||
<div class="desk__progress progress">
|
||
<div class="progress__value bg-green-raw" style="width: 70%"></div>
|
||
</div>
|
||
<div class="desk__foot">
|
||
<!-- tag-->
|
||
<div class="desk__tag tag yellow">24 Aug 2019</div>
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="panel__tab js-panel-tab" style="display: none">
|
||
<div class="panel__body">
|
||
<!-- activity-->
|
||
<div class="activity">
|
||
<div class="activity__section">
|
||
<div class="activity__head">
|
||
<!-- caption-->
|
||
<div class="activity__caption caption"><i class="la la-calendar-week "></i>14 Nov 2019</div>
|
||
</div>
|
||
<div class="activity__list">
|
||
<div class="activity__item"><button class="activity__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
<div class="activity__title title title_sm">New comment</div>
|
||
<div class="activity__text">Business cards represent not only your business, but it also tells people your professionalism in the industry. In the business world today, the usage of business cards is far beyond just informing people who you are.</div><!-- user-->
|
||
<div class="activity__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">Alex Thomas</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="activity__item"><button class="activity__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
<div class="activity__title title title_sm">New attachments</div>
|
||
<div class="activity__text">Business cards represent not only your business, but it also tells people your professionalism in the industry. In the business world today, the usage of business cards is far beyond just informing people who you are.</div>
|
||
<div class="activity__gallery">
|
||
<div class="activity__preview"><img class="activity__pic" src="img/attach-1.jpg" alt="Attach"></div>
|
||
<div class="activity__preview"><img class="activity__pic" src="img/attach-2.jpg" alt="Attach"></div>
|
||
<div class="activity__preview"><img class="activity__pic" src="img/attach-3.jpg" alt="Attach"></div>
|
||
<div class="activity__preview"><img class="activity__pic" src="img/attach-4.jpg" alt="Attach"></div>
|
||
</div><!-- user-->
|
||
<div class="activity__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">Alex Thomas</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="activity__section">
|
||
<div class="activity__head">
|
||
<!-- caption-->
|
||
<div class="activity__caption caption"><i class="la la-calendar-week "></i>14 Nov 2019</div>
|
||
</div>
|
||
<div class="activity__list">
|
||
<div class="activity__item"><button class="activity__action action action_stroke"><i class="la la-ellipsis-h "></i></button>
|
||
<div class="activity__title title title_sm">Changed project description</div>
|
||
<div class="activity__text">Businesses often become known today through effective marketing. The marketing may be in the form of a regular news item or half column society news in the Sunday newspaper. The marketing may be in the form of a heart to heart talk with Mr. Brown on his prominent local television show. These are all advertising. Businesses cannot get away from the force of advertising. If they want to make their products known in the marketplace.</div><!-- user-->
|
||
<div class="activity__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">Alex Thomas</div>
|
||
</div>
|
||
</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 class="panel__tab js-panel-tab" style="display: none">
|
||
<div class="panel__body">
|
||
<!-- data-->
|
||
<div class="data data_list">
|
||
<div class="data__container">
|
||
<div class="data__head">
|
||
<div class="data__row">
|
||
<div class="data__cell data__cell_lg">
|
||
<div class="data__filter">Name<i class="la la-sort-alpha-down "></i></div>
|
||
</div>
|
||
<div class="data__cell">
|
||
<div class="data__filter">Size<i class="la la-sort-alpha-down "></i></div>
|
||
</div>
|
||
<div class="data__cell">
|
||
<div class="data__filter">Tag<i class="la la-sort-alpha-down "></i></div>
|
||
</div>
|
||
<div class="data__cell data__cell_members">
|
||
<div class="data__filter">Members<i class="la la-sort-alpha-down "></i></div>
|
||
</div>
|
||
<div class="data__cell data__cell_action"></div>
|
||
</div>
|
||
</div>
|
||
<div class="data__body">
|
||
<div class="data__item">
|
||
<div class="data__row">
|
||
<div class="data__cell data__cell_lg">
|
||
<div class="data__main">
|
||
<div class="data__preview data__preview_file bg-yellow"><img class="data__pic" src="img/file-sketch.svg"></div>
|
||
<div class="data__wrap">
|
||
<div class="data__content"><strong>IOtask web UI kit.sketch</strong></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<div class="data__label">162 Mb</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<!-- meta-->
|
||
<div class="meta"><i class="la la-tags "></i>Designer</div>
|
||
</div>
|
||
<div class="data__cell data__cell_members mobile-hide">
|
||
<!-- members-->
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell data__cell_action"><button class="action action_stroke"><i class="la la-ellipsis-h "></i></button></div>
|
||
</div>
|
||
</div>
|
||
<div class="data__item">
|
||
<div class="data__row">
|
||
<div class="data__cell data__cell_lg">
|
||
<div class="data__main">
|
||
<div class="data__preview data__preview_file bg-red"><img class="data__pic" src="img/file-pptx.svg"></div>
|
||
<div class="data__wrap">
|
||
<div class="data__content"><strong>Presentation Invest.pptx</strong></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<div class="data__label">3.6 Mb</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<!-- meta-->
|
||
<div class="meta"><i class="la la-tags "></i>Employee</div>
|
||
</div>
|
||
<div class="data__cell data__cell_members mobile-hide">
|
||
<!-- members-->
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell data__cell_action"><button class="action action_stroke"><i class="la la-ellipsis-h "></i></button></div>
|
||
</div>
|
||
</div>
|
||
<div class="data__item">
|
||
<div class="data__row">
|
||
<div class="data__cell data__cell_lg">
|
||
<div class="data__main">
|
||
<div class="data__preview data__preview_file bg-blue"><img class="data__pic" src="img/file-docx.svg"></div>
|
||
<div class="data__wrap">
|
||
<div class="data__content"><strong>User stories.docx</strong></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<div class="data__label">1.2 Mb</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<!-- meta-->
|
||
<div class="meta"><i class="la la-tags "></i>Employee</div>
|
||
</div>
|
||
<div class="data__cell data__cell_members mobile-hide">
|
||
<!-- members-->
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell data__cell_action"><button class="action action_stroke"><i class="la la-ellipsis-h "></i></button></div>
|
||
</div>
|
||
</div>
|
||
<div class="data__item">
|
||
<div class="data__row">
|
||
<div class="data__cell data__cell_lg">
|
||
<div class="data__main">
|
||
<div class="data__preview data__preview_file bg-red"><img class="data__pic" src="img/file-pdf.svg"></div>
|
||
<div class="data__wrap">
|
||
<div class="data__content"><strong>Budget estimates</strong></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<div class="data__label">1.2 Mb</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<!-- meta-->
|
||
<div class="meta"><i class="la la-tags "></i>Employee</div>
|
||
</div>
|
||
<div class="data__cell data__cell_members mobile-hide">
|
||
<!-- members-->
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell data__cell_action"><button class="action action_stroke"><i class="la la-ellipsis-h "></i></button></div>
|
||
</div>
|
||
</div>
|
||
<div class="data__item">
|
||
<div class="data__row">
|
||
<div class="data__cell data__cell_lg">
|
||
<div class="data__main">
|
||
<div class="data__preview data__preview_file bg-turquoise"><img class="data__pic" src="img/file-folder.svg"></div>
|
||
<div class="data__wrap">
|
||
<div class="data__content"><strong>Additional materials</strong></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<div class="data__label">24 Files</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<!-- meta-->
|
||
<div class="meta"><i class="la la-tags "></i>Manager</div>
|
||
</div>
|
||
<div class="data__cell data__cell_members mobile-hide">
|
||
<!-- members-->
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell data__cell_action"><button class="action action_stroke"><i class="la la-ellipsis-h "></i></button></div>
|
||
</div>
|
||
</div>
|
||
<div class="data__item">
|
||
<div class="data__row">
|
||
<div class="data__cell data__cell_lg">
|
||
<div class="data__main">
|
||
<div class="data__preview data__preview_file bg-yellow"><img class="data__pic" src="img/file-ai.svg"></div>
|
||
<div class="data__wrap">
|
||
<div class="data__content"><strong>Logo and branding.ai</strong></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<div class="data__label">10.2 Mb</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<!-- meta-->
|
||
<div class="meta"><i class="la la-tags "></i>Designer</div>
|
||
</div>
|
||
<div class="data__cell data__cell_members mobile-hide">
|
||
<!-- members-->
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell data__cell_action"><button class="action action_stroke"><i class="la la-ellipsis-h "></i></button></div>
|
||
</div>
|
||
</div>
|
||
<div class="data__item">
|
||
<div class="data__row">
|
||
<div class="data__cell data__cell_lg">
|
||
<div class="data__main">
|
||
<div class="data__preview data__preview_file bg-blue"><img class="data__pic" src="img/file-psd.svg"></div>
|
||
<div class="data__wrap">
|
||
<div class="data__content"><strong>Converted files.psd</strong></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<div class="data__label">16.2 Gb</div>
|
||
</div>
|
||
<div class="data__cell mobile-hide">
|
||
<!-- meta-->
|
||
<div class="meta"><i class="la la-tags "></i>Manager</div>
|
||
</div>
|
||
<div class="data__cell data__cell_members mobile-hide">
|
||
<!-- members-->
|
||
<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">
|
||
<div class="members__counter">+5</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="data__cell data__cell_action"><button class="action action_stroke"><i class="la la-ellipsis-h "></i></button></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="panel__foot">
|
||
<div class="pager"><a class="pager__arrow action action_icon_before" href="#"><i class="la la-angle-left "></i>Prev</a>
|
||
<div class="pager__list"><a class="pager__link action" href="#">1</a><a class="pager__link action" href="#">2</a><a class="pager__link action active" href="#">3</a><a class="pager__link action" href="#">4</a><a class="pager__link action" href="#">5</a></div><a class="pager__arrow action action_icon_after" href="#">Next<i class="la la-angle-right "></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="panel__tab js-panel-tab" style="display: none">
|
||
<div class="panel__body">
|
||
<!-- layout-->
|
||
<div class="layout layout_stroke">
|
||
<div class="layout__row">
|
||
<!-- panel-->
|
||
<div class="layout__panel layout__panel_x2 panel">
|
||
<div class="panel__head">
|
||
<div class="panel__group">
|
||
<div class="panel__title title">Orders</div>
|
||
</div><!-- action group-->
|
||
<div class="panel__group action-group"><button class="action action_title active">Day</button><button class="action action_title">Week</button><button class="action action_title">Month</button><button class="action"><i class="la la-calendar-week "></i></button></div>
|
||
</div>
|
||
<div class="panel__body panel__body_bg">
|
||
<div class="panel__chart">
|
||
<div id="chart-orders"></div>
|
||
</div>
|
||
</div>
|
||
</div><!-- panel-->
|
||
<div class="layout__panel panel">
|
||
<div class="panel__head">
|
||
<div class="panel__group">
|
||
<div class="panel__title title">Planned Income</div>
|
||
</div><!-- action group-->
|
||
<div class="panel__group action-group"><button class="action"><i class="la la-calendar-week "></i></button></div>
|
||
</div>
|
||
<div class="panel__body panel__body_bg">
|
||
<div class="panel__chart">
|
||
<div id="chart-planned-income"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="layout__row">
|
||
<!-- panel-->
|
||
<div class="layout__panel panel">
|
||
<div class="panel__head">
|
||
<div class="panel__group">
|
||
<div class="panel__title title">Latest sales</div>
|
||
</div><!-- action group-->
|
||
<div class="panel__group action-group"><button class="action action_title active">Day</button><button class="action action_title">Week</button><button class="action action_title">Month</button><button class="action"><i class="la la-calendar-week "></i></button></div>
|
||
</div>
|
||
<div class="panel__body">
|
||
<!-- grid-->
|
||
<div class="grid">
|
||
<div class="grid__table" style="min-width: 884px">
|
||
<div class="grid__head">
|
||
<div class="grid__row">
|
||
<div class="grid__cell">Product</div>
|
||
<div class="grid__cell">Customer</div>
|
||
<div class="grid__cell">Delivery</div>
|
||
<div class="grid__cell"></div>
|
||
<div class="grid__cell text-right">Subtotal</div>
|
||
<div class="grid__cell text-right">Shipping</div>
|
||
<div class="grid__cell text-right">Total</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__body">
|
||
<div class="grid__row">
|
||
<div class="grid__cell">
|
||
<div class="grid__flex">
|
||
<div class="grid__preview"><img class="grid__pic" src="img/product-1.jpg" alt="Product"></div>
|
||
<div class="grid__wrap">
|
||
<div class="grid__bold">Macbook Pro</div>
|
||
<div class="grid__text">ID 10-3290-08</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Rodney Cannon</div>
|
||
<div class="grid__text">rodney.cannon<wbr>@gmail.com</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">United Kingdom</div>
|
||
<div class="grid__text">193 Cole Plains Suite 649, 891203</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<!-- tag-->
|
||
<div class="tag blue">Shipped</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$100.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$18.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right">
|
||
<div class="grid__bold">$118.00</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__row">
|
||
<div class="grid__cell">
|
||
<div class="grid__flex">
|
||
<div class="grid__preview"><img class="grid__pic" src="img/product-2.jpg" alt="Product"></div>
|
||
<div class="grid__wrap">
|
||
<div class="grid__bold">Dell Laptop</div>
|
||
<div class="grid__text">ID 10-3456-18</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Mike Franklin</div>
|
||
<div class="grid__text">mike.franklin<wbr>@gmail.com</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">United States</div>
|
||
<div class="grid__text">619 Jeffrey Freeway Apt. 273</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<!-- tag-->
|
||
<div class="tag yellow">Processing</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$180.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$28.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right">
|
||
<div class="grid__bold">$208.00</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__row">
|
||
<div class="grid__cell">
|
||
<div class="grid__flex">
|
||
<div class="grid__preview"><img class="grid__pic" src="img/product-3.jpg" alt="Product"></div>
|
||
<div class="grid__wrap">
|
||
<div class="grid__bold">Macbook Air</div>
|
||
<div class="grid__text">ID 10-3786-23</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Louis Franklin</div>
|
||
<div class="grid__text">louis.franklin<wbr>@gmail.com</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Germany</div>
|
||
<div class="grid__text">200 Davis Estates Suite 621</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<!-- tag-->
|
||
<div class="tag yellow">Processing</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$100.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$18.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right">
|
||
<div class="grid__bold">$128.00</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__row">
|
||
<div class="grid__cell">
|
||
<div class="grid__flex">
|
||
<div class="grid__preview"><img class="grid__pic" src="img/product-4.jpg" alt="Product"></div>
|
||
<div class="grid__wrap">
|
||
<div class="grid__bold">Macbook</div>
|
||
<div class="grid__text">ID 10-4570-15</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Dominic Love</div>
|
||
<div class="grid__text">dominic.love<wbr>@gmail.com</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Spain</div>
|
||
<div class="grid__text">742 Rau Summit Suite 407</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<!-- tag-->
|
||
<div class="tag blue">Shipped</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$560.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$18.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right">
|
||
<div class="grid__bold">$578.00</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__row">
|
||
<div class="grid__cell">
|
||
<div class="grid__flex">
|
||
<div class="grid__preview"><img class="grid__pic" src="img/product-5.jpg" alt="Product"></div>
|
||
<div class="grid__wrap">
|
||
<div class="grid__bold">LG Laptop</div>
|
||
<div class="grid__text">ID 10-5468-19</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Adrian Drake</div>
|
||
<div class="grid__text">adrian.drake<wbr>@gmail.com</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">United Kingdom</div>
|
||
<div class="grid__text">166 Corkery Vista Apt. 293</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<!-- tag-->
|
||
<div class="tag red">Cancelled</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$340.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$34.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right">
|
||
<div class="grid__bold">$374.00</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__row">
|
||
<div class="grid__cell">
|
||
<div class="grid__flex">
|
||
<div class="grid__preview"><img class="grid__pic" src="img/product-6.jpg" alt="Product"></div>
|
||
<div class="grid__wrap">
|
||
<div class="grid__bold">Macbook Pro</div>
|
||
<div class="grid__text">ID 10-4890-14</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Walter Quinn</div>
|
||
<div class="grid__text">walter.quinn<wbr>@gmail.com</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">United States</div>
|
||
<div class="grid__text">7613 Wilfredo Rapids Apt. 715</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<!-- tag-->
|
||
<div class="tag blue">Shipped</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$180.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$40.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right">
|
||
<div class="grid__bold">$220.00</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__row">
|
||
<div class="grid__cell">
|
||
<div class="grid__flex">
|
||
<div class="grid__preview"><img class="grid__pic" src="img/product-7.jpg" alt="Product"></div>
|
||
<div class="grid__wrap">
|
||
<div class="grid__bold">Macbook Pro</div>
|
||
<div class="grid__text">ID 10-3290-08</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Victor Roberson</div>
|
||
<div class="grid__text">victor.roberson<wbr>@gmail.com</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<div class="grid__bold">Germany</div>
|
||
<div class="grid__text">357 Hoeger Bypass Apt. 593</div>
|
||
</div>
|
||
<div class="grid__cell mobile-hide">
|
||
<!-- tag-->
|
||
<div class="tag blue">Shipped</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$680.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right mobile-hide">
|
||
<div class="grid__bold">$18.00</div>
|
||
</div>
|
||
<div class="grid__cell text-right">
|
||
<div class="grid__bold">$698.00</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="panel__tab js-panel-tab" style="display: none">
|
||
<div class="panel__body">
|
||
<!-- settings-->
|
||
<div class="settings settings_inside js-settings">
|
||
<div class="settings__container">
|
||
<div class="settings__inner">
|
||
<div class="settings__tab" style="display: block" data-tabs-group="settings" data-tabs-item="01">
|
||
<!-- form-->
|
||
<div class="form form_settings">
|
||
<!-- upload-->
|
||
<div class="form__field upload"><input class="upload__input" type="file"><!-- caption-->
|
||
<div class="upload__caption caption"><i class="la la-cloud-upload-alt "></i>Upload Image</div>
|
||
</div>
|
||
<div class="field form__field">
|
||
<div class="field__label">Project name</div>
|
||
<div class="field__wrap"><input class="field__input" type="text" placeholder="Start typing…">
|
||
<div class="field__icon"><i class="la la-toolbox "></i></div>
|
||
</div>
|
||
</div>
|
||
<div class="form__row">
|
||
<div class="form__col">
|
||
<div class="field form__field">
|
||
<div class="field__label">Email</div>
|
||
<div class="field__wrap"><input class="field__input" type="email" placeholder="Start typing…">
|
||
<div class="field__icon"><i class="la la-envelope "></i></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form__col">
|
||
<div class="field form__field">
|
||
<div class="field__label">Phone</div>
|
||
<div class="field__wrap"><input class="field__input" type="text" placeholder="Start typing…">
|
||
<div class="field__icon"><i class="la la-fax "></i></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="field form__field">
|
||
<div class="field__label">Assigned to</div>
|
||
<div class="field__wrap"><input class="field__input" type="text" placeholder="Start typing…">
|
||
<div class="field__icon"><i class="la la-user-check "></i></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="settings__foot">
|
||
<div class="settings__btns"><button class="settings__btn btn">Update Settings</button><button class="settings__btn btn btn_light mobile-hide">Cancel</button></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">General Information</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-user-edit "></i></div>
|
||
<div class="menu__wrap">
|
||
<div class="menu__title">General Information</div>
|
||
<div class="menu__text">Main settings and details</div>
|
||
</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-puzzle-piece "></i></div>
|
||
<div class="menu__wrap">
|
||
<div class="menu__title">Account & Apps</div>
|
||
<div class="menu__text">Connected tools & services</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-umbrella "></i></div>
|
||
<div class="menu__wrap">
|
||
<div class="menu__title">Security</div>
|
||
<div class="menu__text">Password & security questions</div>
|
||
</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-credit-card "></i></div>
|
||
<div class="menu__wrap">
|
||
<div class="menu__title">Billing</div>
|
||
<div class="menu__text">Setup payment methods</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-bell "></i></div>
|
||
<div class="menu__wrap">
|
||
<div class="menu__title">Notifications</div>
|
||
<div class="menu__text">Set your email notifications</div>
|
||
</div>
|
||
</a></div>
|
||
<div class="menu__section"><a class="menu__item" href="#" data-menu-group="settings" data-menu-item="">
|
||
<div class="menu__icon"><i class="la la-trash-alt "></i></div>
|
||
<div class="menu__wrap">
|
||
<div class="menu__title">Delete Project</div>
|
||
<div class="menu__text">Hide & disable current project</div>
|
||
</div>
|
||
</a></div>
|
||
</div>
|
||
<div class="menu__backdrop backdrop js-menu-backdrop"></div>
|
||
</div>
|
||
</div>
|
||
</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>
|