Advertisement
Guest User

новые 3 блока (история, участок, дом/коммуникации)

a guest
Apr 24th, 2019
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.43 KB | None | 0 0
  1. <!-- блок история аренды/продаж начало-->
  2. <div class="edit-page__history">
  3. <div class="edit-page__history-link"><a href="#" js-open-history-container> <span>Посмотреть историю изменения стоимости и статусов</span></a></div>
  4. <div class="edit-page__history-container">
  5. <div class="edit-page__history-grid">
  6. <div class="edit-page__history-left">
  7. <p class="edit-page__types-title edit-page__border">Продажа</p>
  8. <div class="edit-page__history-row">
  9. <p class="date">20.03.2019</p>
  10. <div class="edit-page__history-row-part">
  11. <p class="price">$ 100 000 000</p>
  12. <p class="status">Опубликован</p>
  13. </div>
  14. </div>
  15. <div class="edit-page__history-row">
  16. <p class="date">20.03.2019</p>
  17. <div class="edit-page__history-row-part">
  18. <p class="price">$ 100 000 000</p>
  19. <p class="status">Опубликован</p>
  20. </div>
  21. </div>
  22. <div class="edit-page__history-row">
  23. <p class="date">20.03.2019</p>
  24. <div class="edit-page__history-row-part">
  25. <p class="price">$ 100 000 000</p>
  26. <p class="status">Опубликован</p>
  27. </div>
  28. </div>
  29. <div class="edit-page__history-row">
  30. <p class="date">20.03.2019</p>
  31. <div class="edit-page__history-row-part">
  32. <p class="price">$ 100 000 000</p>
  33. <p class="status">Пауза</p>
  34. </div>
  35. </div>
  36. <div class="edit-page__history-row">
  37. <p class="date">20.03.2019</p>
  38. <div class="edit-page__history-row-part">
  39. <p class="price">6 000 000 000 руб.</p>
  40. <p class="status">Опубликован</p>
  41. </div>
  42. </div>
  43. <div class="edit-page__history-row">
  44. <p class="date">20.03.2019</p>
  45. <div class="edit-page__history-row-part">
  46. <p class="price">6 250 000 000 руб.</p>
  47. <p class="status">Опубликован</p>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="edit-page__history-right">
  52. <p class="edit-page__types-title edit-page__border">Аренда</p>
  53. <div class="edit-page__history-row">
  54. <p class="date">20.03.2019</p>
  55. <div class="edit-page__history-row-part">
  56. <p class="price">$ 160 000</p>
  57. <p class="status">Архив</p>
  58. </div>
  59. </div>
  60. <div class="edit-page__history-row">
  61. <p class="date">20.03.2019</p>
  62. <div class="edit-page__history-row-part">
  63. <p class="price">$ 160 000</p>
  64. <p class="status">Опубликован</p>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. <!-- блок история аренды/продаж конец-->
  72. <!-- блок участок начало-->
  73. <div class="edit-page__area">
  74. <p class="edit-page__types-title edit-page__border">Участок</p>
  75. <div class="edit-page__pa-grid">
  76. <div class="edit-page__pa-left">
  77. <div class="edit-page__area-row">
  78. <p>Площадь участка, в сотках</p>
  79. <div class="input-container">
  80. <input type="text" name="">
  81. </div>
  82. </div>
  83. <div class="edit-page__area-row">
  84. <p>Тип участка</p>
  85. <select>
  86. <option value="val1">Полевой #1</option>
  87. <option value="val2">Полевой #2</option>
  88. <option value="val3">Полевой #3</option>
  89. <option value="val4">Полевой #4</option>
  90. </select>
  91. </div>
  92. <div class="edit-page__area-row">
  93. <p>Форма</p>
  94. <select>
  95. <option value="val1">Форма #1</option>
  96. <option value="val2">Форма #2</option>
  97. <option value="val3">Форма #3</option>
  98. <option value="val4">Форма #4</option>
  99. </select>
  100. </div>
  101. </div>
  102. <div class="edit-page__pa-right">
  103. <div class="edit-page__pa-row edit-page__area--flex-start">
  104. <p>Особенности:</p>
  105. <div class="edit-page__pa-checkboxes-vertical">
  106. <div class="input-checkbox">
  107. <label>Газон
  108. <input type="checkbox" checked><span class="checkmark"></span>
  109. </label>
  110. </div>
  111. <div class="input-checkbox">
  112. <label>Водоём
  113. <input type="checkbox"><span class="checkmark"></span>
  114. </label>
  115. </div>
  116. <div class="input-checkbox">
  117. <label>Плодовые деревья и кустарники
  118. <input type="checkbox"><span class="checkmark"></span>
  119. </label>
  120. </div>
  121. <div class="input-checkbox">
  122. <label>Хвойные деревья (сосны)
  123. <input type="checkbox" checked><span class="checkmark"></span>
  124. </label>
  125. </div>
  126. <div class="input-checkbox">
  127. <label>Лиственные леревья (берёзы)
  128. <input type="checkbox"><span class="checkmark"></span>
  129. </label>
  130. </div>
  131. <div class="input-checkbox">
  132. <label>Рельефный
  133. <input type="checkbox"><span class="checkmark"></span>
  134. </label>
  135. </div>
  136. <div class="input-checkbox">
  137. <label>Подсветка дорожек
  138. <input type="checkbox"><span class="checkmark"></span>
  139. </label>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <!-- блок участок конец-->
  147. <!-- блок дом/коммуникации начало-->
  148. <div class="edit-page__area">
  149. <div class="edit-page__pa-grid">
  150. <div class="edit-page__pa-left">
  151. <p class="edit-page__types-title edit-page__border">Дом</p>
  152. <div class="edit-page__area-grid">
  153. <div class="edit-page__area-grid-item">
  154. <div class="edit-page__area-grid-row">
  155. <p>Год постройки</p>
  156. <div class="input-container">
  157. <input type="text" name="">
  158. </div>
  159. </div>
  160. <div class="edit-page__area-grid-row">
  161. <p>Площадь, м²</p>
  162. <div class="input-container">
  163. <input type="text" name="">
  164. </div>
  165. </div>
  166. <div class="edit-page__area-grid-row">
  167. <p>Кол-во балконов</p>
  168. <div class="input-container">
  169. <input type="text" name="">
  170. </div>
  171. </div>
  172. <div class="edit-page__area-grid-row">
  173. <p>Кол-во уровней (этажей)</p>
  174. <div class="input-container">
  175. <input type="text" name="">
  176. </div>
  177. </div>
  178. </div>
  179. <div class="edit-page__area-grid-item">
  180. <div class="edit-page__area-grid-row">
  181. <p>Кол-во спален</p>
  182. <div class="input-container">
  183. <input type="text" name="">
  184. </div>
  185. </div>
  186. <div class="edit-page__area-grid-row">
  187. <p>Кол-во санузлов</p>
  188. <div class="input-container">
  189. <input type="text" name="">
  190. </div>
  191. </div>
  192. <div class="edit-page__area-grid-row">
  193. <p>Кол-во лифтов</p>
  194. <div class="input-container">
  195. <input type="text" name="">
  196. </div>
  197. </div>
  198. <div class="edit-page__area-grid-row">
  199. <p>Высота потолков</p>
  200. <div class="input-container">
  201. <input type="text" name="">
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. <div class="edit-page__pa-right edit-page__pa-right--editable">
  208. <p class="edit-page__types-title edit-page__border">Коммуникации</p>
  209. <div class="edit-page__area-row">
  210. <p class="short">Отопление</p>
  211. <select>
  212. <option value="val1">Отопление #1</option>
  213. <option value="val2">Отопление #2</option>
  214. <option value="val3">Отопление #3</option>
  215. <option value="val4">Отопление #4</option>
  216. </select>
  217. </div>
  218. <div class="edit-page__area-row">
  219. <p class="short">Канализация</p>
  220. <select>
  221. <option value="val1">Канализация #1</option>
  222. <option value="val2">Канализация #2</option>
  223. <option value="val3">Канализация #3</option>
  224. <option value="val4">Канализация #4</option>
  225. </select>
  226. </div>
  227. <div class="edit-page__area--flex-start edit-page__area--flex-start--editable">
  228. <p>Водопровод:</p>
  229. <div class="edit-page__pa-checkboxes-vertical">
  230. <div class="input-checkbox">
  231. <label>Собственная скважина
  232. <input type="checkbox" checked><span class="checkmark"></span>
  233. </label>
  234. </div>
  235. <div class="input-checkbox">
  236. <label>Центральный водопровод
  237. <input type="checkbox"><span class="checkmark"></span>
  238. </label>
  239. </div>
  240. <div class="input-checkbox">
  241. <label>Очистные сооружения
  242. <input type="checkbox"><span class="checkmark"></span>
  243. </label>
  244. </div>
  245. </div>
  246. </div>
  247. <div class="edit-page__area-row">
  248. <p class="short">Электричество, кВт (мощность)</p>
  249. <div class="input-container input-container--short">
  250. <input type="text" name="">
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. <div class="edit-page__visibility-checkboxes">
  256. <div class="input-checkbox">
  257. <label>Цоколь
  258. <input type="checkbox"><span class="checkmark"></span>
  259. </label>
  260. </div>
  261. <div class="input-checkbox">
  262. <label>Мансарда
  263. <input type="checkbox"><span class="checkmark"></span>
  264. </label>
  265. </div>
  266. <div class="input-checkbox">
  267. <label>Второй свет
  268. <input type="checkbox"><span class="checkmark"></span>
  269. </label>
  270. </div>
  271. <div class="input-checkbox">
  272. <label>Панорамное остекление
  273. <input type="checkbox"><span class="checkmark"></span>
  274. </label>
  275. </div>
  276. </div>
  277. <div class="edit-page__area-selects">
  278. <div class="edit-page__area-selects-item">
  279. <p>Состояние</p>
  280. <select>
  281. <option value="val1">Отличное #1</option>
  282. <option value="val2">Отличное #2</option>
  283. <option value="val3">Отличное #3</option>
  284. <option value="val4">Отличное #4</option>
  285. </select>
  286. </div>
  287. <div class="edit-page__area-selects-item">
  288. <p>Ремонт</p>
  289. <select>
  290. <option value="val1">Под черновую отделку #1</option>
  291. <option value="val2">Под черновую отделку #2</option>
  292. <option value="val3">Под черновую отделку #3</option>
  293. <option value="val4">Под черновую отделку #4</option>
  294. </select>
  295. </div>
  296. <div class="edit-page__area-selects-item">
  297. <p>Мебель</p>
  298. <select>
  299. <option value="val1">Отсутствует #1</option>
  300. <option value="val2">Отсутствует #2</option>
  301. <option value="val3">Отсутствует #3</option>
  302. <option value="val4">Отсутствует #4</option>
  303. </select>
  304. </div>
  305. <div class="edit-page__area-selects-item">
  306. <p>Этаж (для квартиры)</p>
  307. <div class="input-container input-container--short">
  308. <input type="text" name="">
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. <!-- блок дом/коммуникации конец-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement