end-registry.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  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">
  63. <div class="row">
  64. <h1>Завершення реєстрації</h1>
  65. </div>
  66. <h5>Тип користувача</h5>
  67. <div class="row mb-3">
  68. <div class="forms" data-toggle="buttons">
  69. <label class="btn m-button active">
  70. <input type="radio" name="options" id="option1" autocomplete="off" class="sr-only form-check-input" checked>
  71. Учасник
  72. </label>
  73. <label class="btn m-button">
  74. <input type="radio" name="options" id="option2" autocomplete="off" class="sr-only form-check-input">
  75. Замовник
  76. </label>
  77. </div>
  78. </div>
  79. <div class="row mb-3">
  80. <input type="email" class="form-control" id="exampleFormControlInput11" placeholder="Email">
  81. </div>
  82. <div class="row mb-3 hr">
  83. <div class="form-check">
  84. <input class="form-check-input" type="checkbox" value="" id="flexCheckIndeterminate">
  85. <label class="form-check-label" for="flexCheckIndeterminate">
  86. Приєднатися до зареєстрованної організації
  87. </label>
  88. </div>
  89. </div>
  90. <h5>Данні організації</h5>
  91. <div class="row mb-3">
  92. <div class="forms" data-toggle="buttons">
  93. <label class="btn m-button active">
  94. <input type="radio" name="options" id="option1" autocomplete="off" class="sr-only form-check-input" checked>
  95. Державна установа
  96. </label>
  97. <label class="btn m-button">
  98. <input type="radio" name="options" id="option2" autocomplete="off" class="sr-only form-check-input">
  99. Юридична особа
  100. </label>
  101. <label class="btn m-button">
  102. <input type="radio" name="options" id="option3" autocomplete="off" class="sr-only form-check-input">
  103. ФОП
  104. </label>
  105. <label class="btn m-button">
  106. <input type="radio" name="options" id="option4" autocomplete="off" class="sr-only form-check-input">
  107. Фізична особа
  108. </label>
  109. </div>
  110. </div>
  111. <div class="row mb-3">
  112. <input type="email" class="form-control" id="exampleFormControlInput11" placeholder="Email">
  113. </div>
  114. <div class="row mb-3">
  115. <input type="email" class="form-control" id="exampleFormControlInput11" placeholder="Email">
  116. </div>
  117. <div class="row mb-3">
  118. <input type="email" class="form-control" id="exampleFormControlInput11" placeholder="Email">
  119. </div>
  120. <div class="row mb-3">
  121. <input type="email" class="form-control" id="exampleFormControlInput11" placeholder="Email">
  122. </div>
  123. <div class="row mb-3 hr">
  124. <input type="email" class="form-control" id="exampleFormControlInput11" placeholder="Email">
  125. </div>
  126. <h5>Реквізити банківського рахунку</h5>
  127. <div class="form-check form-check-inline">
  128. <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault1" checked>
  129. <label class="form-check-label" for="flexRadioDefault1">
  130. У новому форматі (IBAN)
  131. </label>
  132. </div>
  133. <div class="form-check form-check-inline">
  134. <input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadioDefault2">
  135. <label class="form-check-label" for="flexRadioDefault2">
  136. У старому форматі
  137. </label>
  138. </div>
  139. <div class="row my-3 hr">
  140. <input type="text" class="form-control" id="" placeholder="IBAN">
  141. </div>
  142. <h5>Контактна особа</h5>
  143. <div class="row mb-3">
  144. <input type="text" class="form-control" id="" placeholder="ПІБ">
  145. </div>
  146. <div class="row mb-3">
  147. <input type="text" class="form-control" id="" placeholder="Номер телефону">
  148. </div>
  149. <div class="row mb-3">
  150. <input type="email" class="form-control" id="" placeholder="Email">
  151. </div>
  152. <div class="row mb-3">
  153. <div class="alert alert-warning" role="alert">
  154. <h4 class="alert-heading">Для підтвердження аккаунту необхідно додати наступні документи:</h4>
  155. <p>&nbsp;&nbsp;- Копія установчих документів (копія виписки або витягу з ЄДР юр. осіб / копія наказу про призначення керівника);</p>
  156. <p>&nbsp;&nbsp;- Банкіські реквізити (у форматі IBAN);</p>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. <div class="container-fluid footer">
  162. <div class="container">
  163. <div class="row">
  164. <div class="col-md-5 pl-0 mt-4">
  165. <img src="img/logo-footer.svg">
  166. <br><br>
  167. <a class="login" href="#" style="max-width: 200px;">
  168. <svg class="login-ico" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
  169. <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>
  170. </svg>
  171. Вхід/Реєстрація
  172. </a>
  173. </div>
  174. <div class="col-md-2 pl-0 mt-4">
  175. <ul class="list-items">
  176. <li class="h">Розділи</li>
  177. <li><a href="#">Аукціони</a></li>
  178. <li><a href="#">Створити запит</a></li>
  179. <li><a href="#">Допомога</a></li>
  180. <li><a href="#">Контакти</a></li>
  181. </ul>
  182. </div>
  183. <div class="col-md-2 pl-0 mt-4">
  184. <ul class="list-items">
  185. <li class="h">Категорії</li>
  186. <li><a href="#">Квартири</a></li>
  187. <li><a href="#">Будинки</a></li>
  188. <li><a href="#">Земельні ділянки</a></li>
  189. <li><a href="#">Комерційні будівлі</a></li>
  190. <li><a href="#">Нежитлові будівлі</a></li>
  191. <li><a href="#">Автомобілі</a></li>
  192. </ul>
  193. </div>
  194. <div class="col-md-3 pl-0 mt-4">
  195. <ul class="list-items">
  196. <li class="h">Контакти</li>
  197. <li><a class="email" href="#">manager@vau.kiev.ua</a></li>
  198. <li><a class="phone" href="#">(063) 134 57 96</a></li>
  199. <li class="soc">
  200. <a class="viber" href="#">viber</a>
  201. <a class="telegram" href="#">telegram</a>
  202. </li>
  203. </ul>
  204. </div>
  205. </div>
  206. <div class="row line">
  207. <div class="col-md-6 p-0">
  208. ©2023 VAU.kiev.ua. Усi права захищенi
  209. </div>
  210. <div class="col-md-6 p-0 text-lg-right">
  211. <a href="#">Політика конфіденційності</a>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. <!-- Optional JavaScript -->
  217. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  218. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  219. <script src="js/owl.carousel.min.js"></script>
  220. <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>
  221. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  222. <script src="js/script.js"></script>
  223. </body>
  224. </html>