inside.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <link rel="stylesheet" href="css/owl.carousel.min.css">
  8. <!-- Bootstrap CSS -->
  9. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  10. <link rel="stylesheet" href="css/style.css">
  11. <link rel="stylesheet" href="css/responsive.css">
  12. <title>Hello, world!</title>
  13. </head>
  14. <body>
  15. <div class="container-fluid p-0 bg-white">
  16. <nav class="navbar navbar-expand-lg navbar-light bg-white">
  17. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Переключатель навигации">
  18. <span class="navbar-toggler-icon"></span>
  19. </button>
  20. <a class="navbar-brand" href="#"><img src="img/logo.jpg"></a>
  21. <div class="collapse navbar-collapse justify-content-center bg-white" id="navbarNavDropdown">
  22. <ul class="navbar-nav">
  23. <li class="nav-item dropdown">
  24. <a class="nav-link d-flex active" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  25. Аукціони
  26. <svg class="exp" xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
  27. <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>
  28. </svg>
  29. </a>
  30. <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  31. <a class="dropdown-item" href="all-lots.html">Аукціони 1</a>
  32. <a class="dropdown-item" href="#">Аукціони 2</a>
  33. <a class="dropdown-item" href="#">Что-то еще здесь</a>
  34. </div>
  35. </li>
  36. <li class="nav-item">
  37. <a class="nav-link" href="#">Створити запит</a>
  38. </li>
  39. <li class="nav-item">
  40. <a class="nav-link" href="#">Допомога</a>
  41. </li>
  42. <li class="nav-item">
  43. <a class="nav-link" href="#">Контакти</a>
  44. </li>
  45. </ul>
  46. </div>
  47. <div class="right row align-items-center">
  48. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  49. <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>
  50. </svg>
  51. (063) 134 57 96
  52. <a class="login" href="#">
  53. <svg class="login-ico" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
  54. <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"/>
  55. </svg>
  56. Вхід
  57. </a>
  58. </div>
  59. </nav>
  60. </div>
  61. <div class="container pt-4">
  62. <div class="row m-0 justify-content-between py-4">
  63. <h1 class="mb-4">Житловий будинок, загальною площею 204,9 кв. м. та земельна ділянка площею 0.1500 га, кадастровий номер 3210945900:01:101:0003, за адресою: Київська область, смт. Гостомель, вулиця Чумацький шлях (колишня назва - вулиця Щорса), будинок 85</h1>
  64. <div class="col-md-5 p-0">
  65. <div class="container-fluid p-0">
  66. <div class="row">
  67. <div class="col-md-12">
  68. <img src="uploads/img1.jpg" class="rounded img-fluid w-100" id="gallery_wrapper">
  69. </div>
  70. </div>
  71. <div class="row gallery">
  72. <div class="col-lg-3 col-sm-6 col-6"><img src="uploads/11.jpg" class="img-fluid mt-2"></div>
  73. <div class="col-lg-3 col-sm-6 col-6"><img src="uploads/22.jpg" class="img-fluid mt-2"></div>
  74. <div class="col-lg-3 col-sm-6 col-6"><img src="uploads/img.jpg" class="img-fluid mt-2"></div>
  75. <div class="col-lg-3 col-sm-6 col-6"><img src="uploads/33.jpg" class="img-fluid mt-2"></div>
  76. <div class="col-lg-3 col-sm-6 col-6"><img src="uploads/img.jpg" class="img-fluid mt-2"></div>
  77. <div class="col-lg-3 col-sm-6 col-6"><img src="uploads/img1.jpg" class="img-fluid mt-2"></div>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="col-md-7 p-0 m-0">
  82. <div class="container-fluid mx-1">
  83. <div class="col-md-12 rounded bg-white">
  84. <div class="container-fluid p-0 m-0">
  85. <div class="row pt-3">
  86. <div class="col-md-6 text-left">
  87. <h2>$573 917</h2>
  88. <h5 class="text-muted">21 349 700 грн.</h5>
  89. </div>
  90. <div class="col-md-6 text-right d-flex justify-content-end align-items-center">
  91. <h5 class="text-muted">2 814$/м² | 204,9 м²</h5>
  92. </div>
  93. </div>
  94. <hr>
  95. <div class="row">
  96. <div class="col-md-6 text-left">
  97. <p><span>Вид активу: </span><b>Житлова, Будинок</b></p>
  98. <p><span>Власність: </span><b>СЕТАМ</b></p>
  99. <p><span>Дата торгів: </span><b>22-12-2023</b></p>
  100. <p><span>Регіон: </span><b>Київська обл.</b></p>
  101. </div>
  102. <div class="col-md-6 text-right">
  103. <h5 class="text-muted">Дата аукціону залишилось:</h5>
  104. <div class="d-flex flex-row justify-content-end">
  105. <div class="digit-box p-2 mx-1 rounded d-flex flex-sm-column align-items-center">
  106. <div class="digit">
  107. <b>0</b>
  108. <b>1</b>
  109. </div>
  110. <p class="p-0 m-0">Днів</p>
  111. </div>
  112. <div class="digit-box p-2 mx-1 rounded d-flex flex-sm-column align-items-center">
  113. <div class="digit">
  114. <b>0</b>
  115. <b>1</b>
  116. </div>
  117. <p class="p-0 m-0">Годин</p>
  118. </div>
  119. <div class="digit-box p-2 mx-1 rounded d-flex flex-sm-column align-items-center">
  120. <div class="digit">
  121. <b>0</b>
  122. <b>1</b>
  123. </div>
  124. <p class="p-0 m-0">Хвилин</p>
  125. </div>
  126. <div class="digit-box p-2 mx-1 rounded d-flex flex-sm-column align-items-center">
  127. <div class="digit">
  128. <b>0</b>
  129. <b>1</b>
  130. </div>
  131. <p class="p-0 m-0">Секунд</p>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. <hr>
  137. <div class="row pb-3">
  138. <div class="col-md-6 text-left">
  139. <div class="py-2">
  140. <span class="badge badge-before">Прийом заявок</span>
  141. <p class="d-lg-inline ml-2">До 04-12-2023</p>
  142. </div>
  143. </div>
  144. <div class="col-md-6 text-right d-flex justify-content-end align-items-center">
  145. <button class="m-button">Взяти участь</button>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. <div class="container-fluid mx-1 mt-3">
  152. <div class="col-md-12 rounded bg-white p-0">
  153. <div class="container-fluid p-0 m-0">
  154. <ul class="nav nav-tabs justify-content-between" id="myTabs" role="tablist">
  155. <li class="nav-item">
  156. <a class="nav-link active" id="tab1-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">Опис</a>
  157. </li>
  158. <li class="nav-item">
  159. <a class="nav-link" id="tab2-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Інформація</a>
  160. </li>
  161. <li class="nav-item">
  162. <a class="nav-link" id="tab3-tab" data-toggle="tab" href="#tab3" role="tab" aria-controls="tab3" aria-selected="false">Документи</a>
  163. </li>
  164. <li class="nav-item">
  165. <a class="nav-link" id="tab4-tab" data-toggle="tab" href="#tab4" role="tab" aria-controls="tab4" aria-selected="false">Історія торгів</a>
  166. </li>
  167. <li class="nav-item">
  168. <a class="nav-link" id="tab5-tab" data-toggle="tab" href="#tab5" role="tab" aria-controls="tab5" aria-selected="false">Порядок та умови</a>
  169. </li>
  170. </ul>
  171. <div class="tab-content px-3">
  172. <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
  173. <div class="tab-container py-3">
  174. <h5>Порядок ознайомлення з майном:</h5>
  175. <p>Ознайомлення у зберігача
  176. Курц Антоній Володимирович, 0930324874</p>
  177. <h5>Порядок сплати внеску:</h5>
  178. <p>Сплата гарантійного внеску для участі в електронних торгах здійснюється на рахунок Організатора за реквізитами, які, зокрема, вказані в квитанції, що автоматично формуються Системою в особистому кабінеті учасника, при подачі заявки на участь у торгах по певному лоту. Підтвердження щодо надходження суми гарантійного внеску на рахунок Організатора від обслуговуючого банку повинно надійти Організатору не пізніше ніж за одну годину до початку торгів.</p>
  179. <h5>Порядок сплати за майно:</h5>
  180. Розрахунок за придбане на електронних торгах майно здійснюється переможцем електронних торгів за реквізитами, які вказані в Протоколі електронних торгів, що автоматично формується системою після закінчення електронних торгів.
  181. Порядок оформлення участі у торгах:
  182. Для участі в електронних торгах, необхідно:
  183. 1.Зареєструватися в системі «СЕТАМ»
  184. 2. Подати заявку на участь в електронних торгах з особистого кабінету учасника торгів
  185. 3. Сплатити гарантійний внесок у розмірі 5% від стартової ціни лота на рахунок Організатора торгів.
  186. Організатор торгів:
  187. Підприємство «VAU Київ юа», контактний телефон (063) 134 57 96, електронна адреса manager@vau.kiev.ua
  188. </div>
  189. </div>
  190. <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
  191. <div class="tab-container py-3">
  192. <h5>Порядок ознайомлення з майном:</h5>
  193. <p>Ознайомлення у зберігача
  194. Курц Антоній Володимирович, 0930324874</p>
  195. <h5>Порядок сплати внеску:</h5>
  196. <p>Сплата гарантійного внеску для участі в електронних торгах здійснюється на рахунок Організатора за реквізитами, які, зокрема, вказані в квитанції, що автоматично формуються Системою в особистому кабінеті учасника, при подачі заявки на участь у торгах по певному лоту. Підтвердження щодо надходження суми гарантійного внеску на рахунок Організатора від обслуговуючого банку повинно надійти Організатору не пізніше ніж за одну годину до початку торгів.</p>
  197. <h5>Порядок сплати за майно:</h5>
  198. Розрахунок за придбане на електронних торгах майно здійснюється переможцем електронних торгів за реквізитами, які вказані в Протоколі електронних торгів, що автоматично формується системою після закінчення електронних торгів.
  199. Порядок оформлення участі у торгах:
  200. Для участі в електронних торгах, необхідно:
  201. 1.Зареєструватися в системі «СЕТАМ»
  202. 2. Подати заявку на участь в електронних торгах з особистого кабінету учасника торгів
  203. 3. Сплатити гарантійний внесок у розмірі 5% від стартової ціни лота на рахунок Організатора торгів.
  204. Організатор торгів:
  205. Підприємство «VAU Київ юа», контактний телефон (063) 134 57 96, електронна адреса manager@vau.kiev.ua
  206. </div>
  207. </div>
  208. <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="tab3-tab">
  209. <div class="tab-container py-3">
  210. <span class="badge badge-doc"><i></i>Витяг_ДЗК_90_106_0030.pdf</span>
  211. <span class="badge badge-doc"><i></i>Витяг_ДЗК_90_106_0030.pdf</span>
  212. <span class="badge badge-doc"><i></i>Витяг_ДЗК_90_106_0030.pdf</span>
  213. <span class="badge badge-doc"><i></i>Витяг_ДЗК_90_106_0030.pdf</span>
  214. </div>
  215. </div>
  216. <div class="tab-pane fade" id="tab4" role="tabpanel" aria-labelledby="tab4-tab">
  217. <div class="tab-container py-3">
  218. <h5>Порядок ознайомлення з майном:</h5>
  219. <p>Ознайомлення у зберігача
  220. Курц Антоній Володимирович, 0930324874</p>
  221. <h5>Порядок сплати внеску:</h5>
  222. <p>Сплата гарантійного внеску для участі в електронних торгах здійснюється на рахунок Організатора за реквізитами, які, зокрема, вказані в квитанції, що автоматично формуються Системою в особистому кабінеті учасника, при подачі заявки на участь у торгах по певному лоту. Підтвердження щодо надходження суми гарантійного внеску на рахунок Організатора від обслуговуючого банку повинно надійти Організатору не пізніше ніж за одну годину до початку торгів.</p>
  223. <h5>Порядок сплати за майно:</h5>
  224. Розрахунок за придбане на електронних торгах майно здійснюється переможцем електронних торгів за реквізитами, які вказані в Протоколі електронних торгів, що автоматично формується системою після закінчення електронних торгів.
  225. Порядок оформлення участі у торгах:
  226. Для участі в електронних торгах, необхідно:
  227. 1.Зареєструватися в системі «СЕТАМ»
  228. 2. Подати заявку на участь в електронних торгах з особистого кабінету учасника торгів
  229. 3. Сплатити гарантійний внесок у розмірі 5% від стартової ціни лота на рахунок Організатора торгів.
  230. Організатор торгів:
  231. Підприємство «VAU Київ юа», контактний телефон (063) 134 57 96, електронна адреса manager@vau.kiev.ua
  232. </div>
  233. </div>
  234. <div class="tab-pane fade" id="tab5" role="tabpanel" aria-labelledby="tab5-tab">
  235. <div class="tab-container py-3">
  236. <h5>Порядок ознайомлення з майном:</h5>
  237. <p>Ознайомлення у зберігача
  238. Курц Антоній Володимирович, 0930324874</p>
  239. <h5>Порядок сплати внеску:</h5>
  240. <p>Сплата гарантійного внеску для участі в електронних торгах здійснюється на рахунок Організатора за реквізитами, які, зокрема, вказані в квитанції, що автоматично формуються Системою в особистому кабінеті учасника, при подачі заявки на участь у торгах по певному лоту. Підтвердження щодо надходження суми гарантійного внеску на рахунок Організатора від обслуговуючого банку повинно надійти Організатору не пізніше ніж за одну годину до початку торгів.</p>
  241. <h5>Порядок сплати за майно:</h5>
  242. Розрахунок за придбане на електронних торгах майно здійснюється переможцем електронних торгів за реквізитами, які вказані в Протоколі електронних торгів, що автоматично формується системою після закінчення електронних торгів.
  243. Порядок оформлення участі у торгах:
  244. Для участі в електронних торгах, необхідно:
  245. 1.Зареєструватися в системі «СЕТАМ»
  246. 2. Подати заявку на участь в електронних торгах з особистого кабінету учасника торгів
  247. 3. Сплатити гарантійний внесок у розмірі 5% від стартової ціни лота на рахунок Організатора торгів.
  248. Організатор торгів:
  249. Підприємство «VAU Київ юа», контактний телефон (063) 134 57 96, електронна адреса manager@vau.kiev.ua
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. </div>
  259. <div class="container-fluid footer">
  260. <div class="container">
  261. <div class="row">
  262. <div class="col-md-5 pl-0 mt-4">
  263. <img src="img/logo-footer.svg">
  264. <br><br>
  265. <a class="login" href="#" style="max-width: 200px;">
  266. <svg class="login-ico" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
  267. <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>
  268. </svg>
  269. Вхід/Реєстрація
  270. </a>
  271. </div>
  272. <div class="col-md-2 pl-0 mt-4">
  273. <ul class="list-items">
  274. <li class="h">Розділи</li>
  275. <li><a href="#">Аукціони</a></li>
  276. <li><a href="#">Створити запит</a></li>
  277. <li><a href="#">Допомога</a></li>
  278. <li><a href="#">Контакти</a></li>
  279. </ul>
  280. </div>
  281. <div class="col-md-2 pl-0 mt-4">
  282. <ul class="list-items">
  283. <li class="h">Категорії</li>
  284. <li><a href="#">Квартири</a></li>
  285. <li><a href="#">Будинки</a></li>
  286. <li><a href="#">Земельні ділянки</a></li>
  287. <li><a href="#">Комерційні будівлі</a></li>
  288. <li><a href="#">Нежитлові будівлі</a></li>
  289. <li><a href="#">Автомобілі</a></li>
  290. </ul>
  291. </div>
  292. <div class="col-md-3 pl-0 mt-4">
  293. <ul class="list-items">
  294. <li class="h">Контакти</li>
  295. <li><a class="email" href="#">manager@vau.kiev.ua</a></li>
  296. <li><a class="phone" href="#">(063) 134 57 96</a></li>
  297. <li class="soc">
  298. <a class="viber" href="#">viber</a>
  299. <a class="telegram" href="#">telegram</a>
  300. </li>
  301. </ul>
  302. </div>
  303. </div>
  304. <div class="row line">
  305. <div class="col-md-6 p-0">
  306. ©2023 VAU.kiev.ua. Усi права захищенi
  307. </div>
  308. <div class="col-md-6 p-0 text-lg-right">
  309. <a href="#">Політика конфіденційності</a>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <!-- Optional JavaScript -->
  315. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  316. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  317. <script src="js/owl.carousel.min.js"></script>
  318. <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>
  319. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  320. <script src="js/script.js"></script>
  321. </body>
  322. </html>