ShariX_Open
/
sharix-open-webadmin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
							<!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 vh">
      
      <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">1</li>
                <div></div>
                <li class="select__item">2</li>
                <div></div>
                <li class="select__item">3</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 &#8381;</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 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 &#8381;</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 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 &#8381;</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>
      <div class="pages container">
        <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>
    
  </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>