help.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  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>end reg</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="#">Аукціони 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-fluid pt-4 bg-white">
  62. <div class="container pb-4">
  63. <div class="row">
  64. <div class="col-md-12 p-0">
  65. <h1>Допомога</h1>
  66. <ul class="nav forms my-4" id="myTabs" role="tablist">
  67. <li class="nav-item mr-2">
  68. <a class="nav-link m-button active show" id="tab1-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">Інструкції</a>
  69. </li>
  70. <li class="nav-item mr-2">
  71. <a class="nav-link m-button" id="tab2-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Тарифи</a>
  72. </li>
  73. <li class="nav-item mr-2">
  74. <a class="nav-link m-button" id="tab3-tab" data-toggle="tab" href="#tab3" role="tab" aria-controls="tab3" aria-selected="false">Документи</a>
  75. </li>
  76. </ul>
  77. <div class="tab-content col-md-8 p-0">
  78. <div class="tab-pane fade active show" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
  79. <div class="tab-container py-3">
  80. <h4>Інструкція для реєстрації учасника та подачі заяви з підтвердними документами на участь в земельних торгах у формі електронного аукціону</h4>
  81. <p class="m-0 mt-4">Для того щоб створити заявку на участь в земельних торгах необхідно:</p>
  82. <p class="m-0">1. Увійти в свій особистий кабінет за посиланням: <a href="#">vau.kyiv.ua</a></p>
  83. <p class="m-0">2. Перейти у вкладку "Аукціони" та за допомогою пошуку на майданчику знайти необхідний Лот</p>
  84. <img src="">
  85. </div>
  86. </div>
  87. <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
  88. <div class="tab-container py-3">
  89. 2
  90. </div>
  91. </div>
  92. <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="tab3-tab">
  93. <div class="tab-container py-3">
  94. 3
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="container-fluid pt-4">
  103. <div class="container pb-4">
  104. <div class="row">
  105. <div class="col-md-3"></div>
  106. <div class="col-md-6">
  107. <div class="form-contact m-auto">
  108. <h1 class="text-center">Потрібна консультація</h1>
  109. <p class="text-center">Задайте будь-які запитання нашим спеціалістам — співпраця, консультації, допомога з проведенням аукціонів</p>
  110. <div class="col-md-12">
  111. <div class="row">
  112. <div class="col-md-6 pr-lg-1 pb-1">
  113. <input type="text" class="form-control my-1">
  114. </div>
  115. <div class="col-md-6 pl-lg-1 pb-1">
  116. <input type="text" class="form-control my-1">
  117. </div>
  118. </div>
  119. <div class="row">
  120. <div class="col-md-12">
  121. <textarea class="form-control" rows="5"></textarea>
  122. <button class="m-button mt-2 w-100">Отримати консультацію</button>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="col-md-3"></div>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="container-fluid footer">
  133. <div class="container">
  134. <div class="row">
  135. <div class="col-md-5 pl-0 mt-4">
  136. <img src="img/logo-footer.svg">
  137. <br><br>
  138. <a class="login" href="#" style="max-width: 200px;">
  139. <svg class="login-ico" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
  140. <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>
  141. </svg>
  142. Вхід/Реєстрація
  143. </a>
  144. </div>
  145. <div class="col-md-2 pl-0 mt-4">
  146. <ul class="list-items">
  147. <li class="h">Розділи</li>
  148. <li><a href="#">Аукціони</a></li>
  149. <li><a href="#">Створити запит</a></li>
  150. <li><a href="#">Допомога</a></li>
  151. <li><a href="#">Контакти</a></li>
  152. </ul>
  153. </div>
  154. <div class="col-md-2 pl-0 mt-4">
  155. <ul class="list-items">
  156. <li class="h">Категорії</li>
  157. <li><a href="#">Квартири</a></li>
  158. <li><a href="#">Будинки</a></li>
  159. <li><a href="#">Земельні ділянки</a></li>
  160. <li><a href="#">Комерційні будівлі</a></li>
  161. <li><a href="#">Нежитлові будівлі</a></li>
  162. <li><a href="#">Автомобілі</a></li>
  163. </ul>
  164. </div>
  165. <div class="col-md-3 pl-0 mt-4">
  166. <ul class="list-items">
  167. <li class="h">Контакти</li>
  168. <li><a class="email" href="#">manager@vau.kiev.ua</a></li>
  169. <li><a class="phone" href="#">(063) 134 57 96</a></li>
  170. <li class="soc">
  171. <a class="viber" href="#">viber</a>
  172. <a class="telegram" href="#">telegram</a>
  173. </li>
  174. </ul>
  175. </div>
  176. </div>
  177. <div class="row line">
  178. <div class="col-md-6 p-0">
  179. ©2023 VAU.kiev.ua. Усi права захищенi
  180. </div>
  181. <div class="col-md-6 p-0 text-lg-right">
  182. <a href="#">Політика конфіденційності</a>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. <!-- Optional JavaScript -->
  188. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  189. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  190. <script src="js/owl.carousel.min.js"></script>
  191. <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>
  192. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  193. <script src="js/script.js"></script>
  194. </body>
  195. </html>