123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="shortcut icon" type="image/png" href="img/logo.png">
- <link rel="stylesheet" type="text/css" href="css/style.css">
- <link rel="stylesheet" type="text/css" href="css/adaptation.css">
- <link rel="preload" href="fonts/OpenSans-Regular.ttf" as="font" type="font/ttf" crossorigin>
- <link rel="preload" href="fonts/OpenSans-Medium.ttf" as="font" type="font/ttf" crossorigin>
- <link rel="preload" href="fonts/OpenSans-SemiBold.ttf" as="font" type="font/ttf" crossorigin>
- <link rel="preload" href="fonts/OpenSans-Bold.ttf" as="font" type="font/ttf" crossorigin>
-
- </head>
- <body>
- <header class="header">
- <div class="header__container" >
- <div class="logo">
- <a href="list_of_orders.html" id="header-logo" ><img class="open-logo" src="img/sharix_open_logo.png" alt="sharix-open"></a>
- </div>
- <nav class="header__nav">
- <div class="user">
- <a href="" id="user-photo"><img src="img/user-photo.png" alt="user"></a>
- <p>Имя Фамилия</p>
- </div>
- <ul class="menu header__menu">
- <li class="link_active"><a href="list_of_orders.html">Элемент</a></li>
- <div class="line_hidden"></div>
- <li><a href="documents_page.html" class="menu__item">Элемент</a></li>
- <div class="line_hidden"></div>
- <li><a href="" class="menu__item">Элемент</a></li>
- <div class="line_hidden"></div>
- <li><a href="" class="menu__item">Элемент</a></li>
- <div class="line_hidden"></div>
- <li><a href="" class="menu__item">Элемент</a></li>
- <div class="line_hidden"></div>
- <li><a href="" class="menu__item">Элемент</a></li>
- <div class="line_hidden"></div>
- <li><a href="" class="menu__item">Элемент</a></li>
- <div class="line_hidden"></div>
- <li><a href="" class="menu__item">Элемент</a></li>
- <div class="line_hidden"></div>
- <li><a href="" class="menu__item">Элемент</a></li>
- </ul>
-
- </nav>
- <div class="user_image">
- <a href="" id="user-photo"><img src="img/user-photo.png" alt="user"></a>
- </div>
- <div class="menu-burger__header">
- <span></span>
- </div
-
- </div>
- </header>
- <main>
- <div class="container">
-
- <div class="filters-container">
- <div class="filter">
- <p>Поиск по номеру заказа</p>
- <input id="number" name="number" type="text" placeholder="Поиск">
- </div>
- <div class="filter">
- <p>С</p>
- <input id="dateFrom" name="dateFrom" type="text" placeholder="ДД.ММ.ГГГГ">
- </div>
- <div class="filter">
- <p>По</p>
- <input id="dateTo" name="dateTo" type="text" placeholder="ДД.ММ.ГГГГ">
- </div>
- <div class="filter">
- <p>Заказы</p>
- <div class="select">
- <input class="select__input" type="hidden" name="">
- <div class="select__head">Все</div>
- <ul class="select__list" style="display: none;">
- <li class="select__item">1</li>
- <div></div>
- <li class="select__item">2</li>
- <div></div>
- <li class="select__item">3</li>
- </ul>
- </div>
- </div>
- <div class="filter">
- <p>Заказчик</p>
- <div class="select">
- <input class="select__input" type="hidden" name="">
- <div class="select__head">Все</div>
- <ul class="select__list" style="display: none;">
- <li class="select__item">ИП Панюкова А. А.</li>
- <div></div>
- <li class="select__item">ООО КОЛЕСА</li>
- <div></div>
- <li class="select__item">ООО КОЛЕСНИЦА</li>
- </ul>
- </div>
- </div>
- </div>
-
- <div class="scrollmenu">
- <div class="orders_table">
- <!-- <div class="scrollersquare"> </div> -->
- <!-- <div class="shadowsquare"> </div> -->
- <ul class="heading">
- <li class="heading_num fixedcol" >№</li>
- <li class="heading_status">Статус</li>
- <li class="heading_date">Период аренды</li>
- <li class="heading_duration">Время аренды</li>
- <li class="heading_tariff">Тариф</li>
- <li class="heading_cust">Заказчик</li>
- <li class="heading_exec">Исполнитель</li>
- <li class="heading_car">Автомобиль</li>
- <li class="heading_total">Стоимость</li>
- </ul>
- <div class="order">
- <ul>
- <li class="order_num fixedcol">12324124</li>
- <li class="order_status"><div class="green_circle"></div>Завершен</li>
- <li class="order_date"><span class="from">02.04.2021, 06:10</span><p>–</p><span class="to">02.04.2021, 12:23</span></li>
- <li class="order_duration">6 часов 13 минут</li>
- <li class="order_tariff"><div class="gray_circle"></div>Суточный</li>
- <li class="order_cust">Заказчик</li>
- <li class="order_exec">Исполнитель</li>
- <li class="order_car">Автомобиль</li>
- <li class="order_total" style="font-family: 'Open Sans', sans-serif;">5000,34 ₽</li>
- </ul>
- <ul class="footing">
- <li class="text-bold">Особые пожелания: <span class="wishes">–</span></li>
- <li class="text-bold">Рейтинг: <span class="rate">5</span></li>
- <li class=""><a href="">Посмотреть автомобиль на карте</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="empty-list">
-
- </div>
- <div class="pages">
- <div>
- <p>Страница 1 из 1</p>
- <p class="total">Всего: 2</p>
- </div>
- <div class="buttons">
- <a href="#" class="back disabled">Назад</a>
- <button class="next disabled">Далее</button>
- </div>
- </div>
-
- </div>
-
- </main>
-
- <footer>
- <div class="container">
- <a href="list_of_orders.html"><img class="open-logo" src="img/sharix_open_logo-dark.png" alt="sharix-open"></a>
- <ul>
- <li><a href="">Контакты</a></li>
- <li><a href="">Условия использования</a></li>
- <li><a href="">Политика конфиденциальности</a></li>
- </ul>
- </div>
- </footer>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
- <script defer src="js/select.min.js"></script>
- <script src="js/menu.js"></script>
- <script src="js/script.js"></script>
-
- </body>
- </html>
|