ks
/
vau-frontend


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
							<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <link rel="stylesheet" href="css/owl.carousel.min.css">
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/responsive.css">
        

        <title>all-lots</title>
    </head>
    <body>

<div class="container-fluid p-0 bg-white">
    <nav class="navbar navbar-expand-lg navbar-light bg-white">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Переключатель навигации">
            <span class="navbar-toggler-icon"></span>
        </button>
        <a class="navbar-brand" href="#"><img src="img/logo.jpg"></a>
        <div class="collapse navbar-collapse justify-content-center bg-white" id="navbarNavDropdown">
          <ul class="navbar-nav">
            <li class="nav-item dropdown">
                <a class="nav-link d-flex active" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Аукціони
                    <svg class="exp" xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
                        <path d="M17.09 8.295L12.5 12.875L7.91 8.295L6.5 9.705L12.5 15.705L18.5 9.705L17.09 8.295Z" fill="#146AFF"></path>
                    </svg>
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                  <a class="dropdown-item" href="#">Аукціони 1</a>
                  <a class="dropdown-item" href="#">Аукціони 2</a>
                  <a class="dropdown-item" href="#">Что-то еще здесь</a>
                </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Створити запит</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Допомога</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Контакти</a>
            </li>
          </ul>
        </div>
        <div class="right row align-items-center">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                <path d="M6.54 5C6.6 5.89 6.75 6.76 6.99 7.59L5.79 8.79C5.38 7.59 5.12 6.32 5.03 5H6.54ZM16.4 17.02C17.25 17.26 18.12 17.41 19 17.47V18.96C17.68 18.87 16.41 18.61 15.2 18.21L16.4 17.02ZM7.5 3H4C3.45 3 3 3.45 3 4C3 13.39 10.61 21 20 21C20.55 21 21 20.55 21 20V16.51C21 15.96 20.55 15.51 20 15.51C18.76 15.51 17.55 15.31 16.43 14.94C16.33 14.9 16.22 14.89 16.12 14.89C15.86 14.89 15.61 14.99 15.41 15.18L13.21 17.38C10.38 15.93 8.06 13.62 6.62 10.79L8.82 8.59C9.1 8.31 9.18 7.92 9.07 7.57C8.7 6.45 8.5 5.25 8.5 4C8.5 3.45 8.05 3 7.5 3Z" fill="#146AFF"></path>
            </svg>
            (063) 134 57 96
            <a class="login" href="#">
                <svg class="login-ico" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                    <path d="M9 4.425C9.87 4.425 10.575 5.13 10.575 6C10.575 6.87 9.87 7.575 9 7.575C8.13 7.575 7.425 6.87 7.425 6C7.425 5.13 8.13 4.425 9 4.425ZM9 11.175C11.2275 11.175 13.575 12.27 13.575 12.75V13.575H4.425V12.75C4.425 12.27 6.7725 11.175 9 11.175ZM9 3C7.3425 3 6 4.3425 6 6C6 7.6575 7.3425 9 9 9C10.6575 9 12 7.6575 12 6C12 4.3425 10.6575 3 9 3ZM9 9.75C6.9975 9.75 3 10.755 3 12.75V15H15V12.75C15 10.755 11.0025 9.75 9 9.75Z" fill="white"/>
                </svg>
                Вхід
            </a>            
        </div>
    </nav>            
</div>

<div class="container-fluid py-3 bg-white top-filter">
    <div class="row top-filter-row">
        <div class="col-md-10 p-0"><span class="serach-img"></span><input type="text" class="serach"></div>
        
        <div class="col-md-2 d-flex justify-content-end pr-1">
            <div class="switch-container">
                <b>Цікаві лоти</b>
                <label class="switch m-0">
                    <input type="checkbox">
                    <span class="slider round"></span>
                </label>
            </div>
        </div>
    </div>

    <div class="row top-filter-row">
        <div class="d-flex justify-content-between w-100 mt-4">
            <div class="container-select">
                <div class="dropdown" id="dropdown1">
                    <button class="btn w-100 dropdown-toggle" type="button" id="checkboxDropdown1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Тип активу
                    </button>
                    <div class="dropdown-menu w-100" aria-labelledby="checkboxDropdown1">
                    <form>
                        <div class="dropdown-item">
                            <input type="checkbox" id="item1-1" value="Item 1-1">
                            <label for="item1-1">Элемент 1-1</label>
                        </div>
                        <div class="dropdown-item">
                            <input type="checkbox" id="item1-2" value="Item 1-2">
                            <label for="item1-2">Элемент 1-2</label>
                        </div>
                        <div class="dropdown-item">
                            <input type="checkbox" id="item1-3" value="Item 1-3">
                            <label for="item1-3">Элемент 1-3</label>
                        </div>
                    </form>
                    </div>
                </div>
            </div>

            <div class="container-select">
                <div class="dropdown" id="dropdown2">
                    <button class="btn w-100 dropdown-toggle" type="button" id="checkboxDropdown2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Тип активу
                    </button>
                    <div class="dropdown-menu w-100" aria-labelledby="checkboxDropdown2">
                        <form>
                            <div class="dropdown-item">
                                <input type="checkbox" id="item2-1" value="Item 2-1">
                                <label for="item2-1">Элемент 2-1</label>
                            </div>
                            <div class="dropdown-item">
                                <input type="checkbox" id="item2-2" value="Item 2-2">
                                <label for="item2-2">Элемент 2-2</label>
                            </div>
                            <div class="dropdown-item">
                                <input type="checkbox" id="item2-3" value="Item 2-3">
                                <label for="item2-3">Элемент 2-3</label>
                            </div>
                        </form>
                    </div>
                </div>
            </div>            

            <select name="" id=""><option>Лоти за весь час</option></select>
            <select name="" id=""><option>Лоти за весь час</option></select>
            <select name="" id=""><option>Лоти за весь час</option></select>
        </div>
    </div>

</div>

<div class="container pt-4">

    <!-- items lot -->    
    <div class="row m-0 justify-content-between align-items-center py-4">
        <h1>Всі лоти</h1>
        <div class="select-group">
            <select name="" id="" style="height: 56px;"><option>Лоти за весь час</option></select>
            <select name="" id="" style="height: 56px;"><option>Лоти за весь час</option></select>
        </div>
    </div>

    <div class="row justify-content-between m-0 py-4">
        <div class="row col-md-10">
            <div class="select-group mr-4">
                <label>Тип активу:</label>
                <span class="badge badge-secondary py-2">
                    Тип активу
                    <span aria-hidden="true">×</span>
                </span>
            </div>
    
            <div class="select-group mr-4">
                <label>Тип активу:</label>
                <span class="badge badge-secondary py-2">
                    Тип активу
                    <span aria-hidden="true">×</span>
                </span>
                <span class="badge badge-secondary py-2">
                    Тип активу
                    <span aria-hidden="true">×</span>
                </span>            
            </div>
        </div>
        <div class="row col-md-2 col-sm-12 justify-content-md-end">
            <button class="btn btn-primary">Очистити фільтр</button>
        </div>

    </div>

    <div class="row categories pt-4">

        <div class="col-md-12">

            <div class="card lot-item">
                <div class="row g-0">                  
                    <div class="col-sm-3">
                        <img src="uploads/img.jpg" alt="Image" class="img-fluid p-2">
                    </div>
                    <div class="col-lg-7 col-sm-6">
                        <div class="card-body p-lg-0 py-lg-1 p-sm-1">
                            <b class="text-primary">Сумська обл.</b>                      
                            <h5 class="card-title my-4">Легковий автомобіль BMW 730I, ДНЗ ВІ8000СІ, 1995 р.в., синього кольору, № кузова: WBAGF21060DF77440</h5>
                            <div class="card-text cg">
                                Вид активу:
                                <b>Рухоме, Авто</b>
                                <span class="px-2">·</span>
                                Власність:
                                <b>СЕТАМ</b>
                                <span class="px-2">·</span>
                                Дата торгів:
                                <b>04-12-2023</b>                          
                            </div>
                            <div class="py-2">
                                <span class="badge badge-warning">Реєстрація учасників</span>
                                <p class="d-lg-inline ml-2">До 04-12-2023</p>
                            </div>                      
                        </div>
                  </div>
                  <div class="col-lg-2 col-sm-3">
                        <div class="d-flex flex-column py-1 pr-4 h-100">
                            <span class="cg text-right">Стартова ціна:</span>
                            <b class="fs-28 text-right">$2 400</b>
                            <div class="d-flex flex-column justify-content-end h-100">
                                <a href="#" class="text-right py-1">
                                    <img class="star" src="img/star.svg">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card lot-item">
                <div class="row g-0">                  
                    <div class="col-sm-3">
                        <img src="uploads/img.jpg" alt="Image" class="img-fluid p-2">
                    </div>
                    <div class="col-lg-7 col-sm-6">
                        <div class="card-body p-lg-0 py-lg-1 p-sm-1">
                            <b class="text-primary">Сумська обл.</b>                      
                            <h5 class="card-title my-4">Легковий автомобіль BMW 730I, ДНЗ ВІ8000СІ, 1995 р.в., синього кольору, № кузова: WBAGF21060DF77440</h5>
                            <div class="card-text cg">
                                Вид активу:
                                <b>Рухоме, Авто</b>
                                <span class="px-2">·</span>
                                Власність:
                                <b>СЕТАМ</b>
                                <span class="px-2">·</span>
                                Дата торгів:
                                <b>04-12-2023</b>                          
                            </div>
                            <div class="py-2">
                                <span class="badge badge-warning">Реєстрація учасників</span>
                                <p class="d-lg-inline ml-2">До 04-12-2023</p>
                            </div>                      
                        </div>
                  </div>
                  <div class="col-lg-2 col-sm-3">
                        <div class="d-flex flex-column py-1 pr-4 h-100">
                            <span class="cg text-right">Стартова ціна:</span>
                            <b class="fs-28 text-right">$2 400</b>
                            <div class="d-flex flex-column justify-content-end h-100">
                                <a href="#" class="text-right py-1">
                                    <img class="star" src="img/star.svg">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>           

        </div>        

        <div class="block-27 block-27 mx-auto mb-4">
            <ul>
                <li><a href="#">&lt;</a></li>
                <li class="active"><span>1</span></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&gt;</a></li>
            </ul>
        </div>

    </div>

</div>


<div class="container-fluid footer">
    <div class="container">
        <div class="row">
            <div class="col-md-5 pl-0 mt-4">
                <img src="img/logo-footer.svg">
                <br><br>
                <a class="login" href="#" style="max-width: 200px;">
                    <svg class="login-ico" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                        <path d="M9 4.425C9.87 4.425 10.575 5.13 10.575 6C10.575 6.87 9.87 7.575 9 7.575C8.13 7.575 7.425 6.87 7.425 6C7.425 5.13 8.13 4.425 9 4.425ZM9 11.175C11.2275 11.175 13.575 12.27 13.575 12.75V13.575H4.425V12.75C4.425 12.27 6.7725 11.175 9 11.175ZM9 3C7.3425 3 6 4.3425 6 6C6 7.6575 7.3425 9 9 9C10.6575 9 12 7.6575 12 6C12 4.3425 10.6575 3 9 3ZM9 9.75C6.9975 9.75 3 10.755 3 12.75V15H15V12.75C15 10.755 11.0025 9.75 9 9.75Z" fill="white"></path>
                    </svg>
                    Вхід/Реєстрація
                </a>
            </div>
            <div class="col-md-2 pl-0 mt-4">
                <ul class="list-items">
                    <li class="h">Розділи</li>
                    <li><a href="#">Аукціони</a></li>
                    <li><a href="#">Створити запит</a></li>
                    <li><a href="#">Допомога</a></li>
                    <li><a href="#">Контакти</a></li>
                </ul>
            </div>
            <div class="col-md-2 pl-0 mt-4">
                <ul class="list-items">
                    <li class="h">Категорії</li>
                    <li><a href="#">Квартири</a></li>
                    <li><a href="#">Будинки</a></li>
                    <li><a href="#">Земельні ділянки</a></li>
                    <li><a href="#">Комерційні будівлі</a></li>
                    <li><a href="#">Нежитлові будівлі</a></li>
                    <li><a href="#">Автомобілі</a></li>
                </ul>
            </div>
            <div class="col-md-3 pl-0 mt-4">
                <ul class="list-items">
                    <li class="h">Контакти</li>
                    <li><a class="email" href="#">manager@vau.kiev.ua</a></li>
                    <li><a class="phone" href="#">(063) 134 57 96</a></li>
                    <li class="soc">
                        <a class="viber" href="#">viber</a>
                        <a class="telegram" href="#">telegram</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row line">
            <div class="col-md-6 p-0">
                ©2023 VAU.kiev.ua. Усi права захищенi
            </div>
            <div class="col-md-6 p-0 text-lg-right">
                <a href="#">Політика конфіденційності</a>
            </div>
        </div>
    </div>
</div>


        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
        <script src="js/script.js"></script>
    </body>
</html>