list_of_orders_2.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="shortcut icon" type="image/png" href="img/logo.png">
  7. <link rel="stylesheet" type="text/css" href="css/style.css">
  8. <link rel="stylesheet" type="text/css" href="css/adaptation.css">
  9. </head>
  10. <body>
  11. <header class="header">
  12. <div class="header__container" >
  13. <nav class="header__nav">
  14. <div class="user">
  15. <a href="" id="user-photo"><img src="img/user-photo.png" alt="user"></a>
  16. <p>Антон Должанский</p>
  17. </div>
  18. <ul class="menu header__menu">
  19. <li class="link_active"><a href="list_of_orders.html">Список заказов</a><img src="img/link-active.svg"></li>
  20. <div class="line_hidden"></div>
  21. <li><a href="" class="menu__item">Машины</a></li>
  22. <div class="line_hidden"></div>
  23. <li><a href="" class="menu__item">Карта</a></li>
  24. <div class="line_hidden"></div>
  25. <li><a href="" class="menu__item">Исполнители</a></li>
  26. <div class="line_hidden"></div>
  27. <li><a href="" class="menu__item">Активные заявки</a></li>
  28. <div class="line_hidden"></div>
  29. <li><a href="" class="menu__item">Оборудование</a></li>
  30. <div class="line_hidden"></div>
  31. <li><a href="" class="menu__item">Финансы</a></li>
  32. <div class="line_hidden"></div>
  33. <li><a href="" class="menu__item">Схема услуг</a></li>
  34. <div class="line_hidden"></div>
  35. <li><a href="" class="menu__item">Помощь</a></li>
  36. </ul>
  37. </nav>
  38. <div class="user_image">
  39. <a href="" id="user-photo"><img src="img/user-photo.png" alt="user"></a>
  40. </div>
  41. <div class="menu-burger__header">
  42. <span></span>
  43. </div
  44. </div>
  45. </header>
  46. <main>
  47. <div class="container">
  48. <div class="filters-container">
  49. <div class="filter">
  50. <p>Поиск по номеру заказа</p>
  51. <input id="number" name="number" type="text" placeholder="Поиск">
  52. </div>
  53. <div class="filter">
  54. <p>С</p>
  55. <input id="dateFrom" name="dateFrom" type="text" placeholder="ДД.ММ.ГГГГ">
  56. </div>
  57. <div class="filter">
  58. <p>По</p>
  59. <input id="dateTo" name="dateTo" type="text" placeholder="ДД.ММ.ГГГГ">
  60. </div>
  61. <div class="filter">
  62. <p>Заказы</p>
  63. <div class="select">
  64. <input class="select__input" type="hidden" name="">
  65. <div class="select__head">Все</div>
  66. <ul class="select__list" style="display: none;">
  67. <li class="select__item">1</li>
  68. <div></div>
  69. <li class="select__item">2</li>
  70. <div></div>
  71. <li class="select__item">3</li>
  72. </ul>
  73. </div>
  74. </div>
  75. <div class="filter">
  76. <p>Заказчик</p>
  77. <div class="select">
  78. <input class="select__input" type="hidden" name="">
  79. <div class="select__head">Все</div>
  80. <ul class="select__list" style="display: none;">
  81. <li class="select__item">ИП Панюкова А. А.</li>
  82. <div></div>
  83. <li class="select__item">ООО КОЛЕСА</li>
  84. <div></div>
  85. <li class="select__item">ООО КОЛЕСНИЦА</li>
  86. </ul>
  87. </div>
  88. </div>
  89. </div>
  90. <div class="scrollmenu">
  91. <div class="orders_table">
  92. <ul class="heading">
  93. <li class="heading_num">№</li>
  94. <li class="heading_status">Статус</li>
  95. <li class="heading_date">Период аренды</li>
  96. <li class="heading_duration">Время аренды</li>
  97. <li class="heading_tariff">Тариф</li>
  98. <li class="heading_cust">Заказчик</li>
  99. <li class="heading_exec">Исполнитель</li>
  100. <li class="heading_car">Автомобиль</li>
  101. <li class="heading_total">Стоимость</li>
  102. </ul>
  103. </div>
  104. </div>
  105. <div class="empty-list">
  106. <p>Заказов нет.</p>
  107. </div>
  108. <div class="pages">
  109. <div>
  110. <p>Страница 1 из 1</p>
  111. <p class="total">Всего: 2</p>
  112. </div>
  113. <div class="buttons">
  114. <a href="#" class="back disabled">Назад</a>
  115. <button class="next disabled">Далее</button>
  116. </div>
  117. </div>
  118. </div>
  119. </main>
  120. <footer>
  121. <div class="container">
  122. <ul>
  123. <li><a href="">Контакты</a></li>
  124. <li><a href="">Условия использования</a></li>
  125. <li><a href="">Политика конфиденциальности</a></li>
  126. </ul>
  127. </div>
  128. </footer>
  129. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  130. <script defer src="js/select.min.js"></script>
  131. <script src="js/menu.js"></script>
  132. <script src="js/script.js"></script>
  133. </body>
  134. </html>