Created
July 15, 2022 10:25
-
-
Save dosandk/4ad42fd2fdaee072122bc9b5b772ab5a to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <meta charset="utf-8"> | |
| <head> | |
| <title>Админка для магазина</title> | |
| <link rel="apple-touch-icon-precomposed" href="./assets/favicon/apple-touch-icon-precomposed.png"> | |
| <link rel="icon" href="./assets/favicon/favicon.png"> | |
| <link rel="stylesheet" href="./styles/all.css"> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <main class="main"> | |
| <div class="progress-bar"> | |
| <div class="progress-bar__line"></div> | |
| </div> | |
| <aside class="sidebar"> | |
| <h2 class="sidebar__title"> | |
| <a href="/">shop admin</a> | |
| </h2> | |
| <ul class="sidebar__nav"> | |
| <li> | |
| <a href="/" data-page="dashboard"> | |
| <i class="icon-dashboard"></i> <span>Dashboard</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="/products" data-page="products"> | |
| <i class="icon-products"></i> <span>Products</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="/categories" data-page="categories"> | |
| <i class="icon-categories"></i> <span>Categories</span> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="/sales" data-page="sales"> | |
| <i class="icon-sales"></i> <span>Sales</span> | |
| </a> | |
| </li> | |
| </ul> | |
| <ul class="sidebar__nav sidebar__nav_bottom"> | |
| <li> | |
| <button type="button" class="sidebar__toggler"> | |
| <i class="icon-toggle-sidebar"></i> <span>Toggle sidebar</span> | |
| </button> | |
| </li> | |
| </ul> | |
| </aside> | |
| <section class="content" id="content"> | |
| <div class="dashboard"> | |
| <div class="content__top-panel"> | |
| <h2 class="page-title">Dashboard</h2> | |
| <!-- RangePicker component --> | |
| <div data-element="rangePicker"></div> | |
| </div> | |
| <div data-element="chartsRoot" class="dashboard__charts"> | |
| <!-- column-chart components --> | |
| <div data-element="ordersChart" class="dashboard__chart_orders"></div> | |
| <div data-element="salesChart" class="dashboard__chart_sales"></div> | |
| <div data-element="customersChart" class="dashboard__chart_customers"></div> | |
| </div> | |
| <h3 class="block-title">Best sellers</h3> | |
| <div data-element="sortableTable"> | |
| <!-- sortable-table component --> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment