API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 22nd, 2019
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 101.80 KB | None | 0 0
raw download clone embed print report
  1. <div class="c-product-menu">
  2. <div class="c-product-menu__head">
  3. <p class="t-text-6">
  4. produkty
  5. </p>
  6. </div>
  7. <ul class="c-product-menu-list">
  8. <li class="c-product-menu-list__item">
  9. <a href="#" class="c-product-menu-list__link">
  10. <span class="c-label">wszystkie</span>
  11. <span class="c-product-menu-list__icon">
  12. <svg class="o-icon o-icon--arrow-right">
  13. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-right"></use>
  14. </svg>
  15. </span>
  16. </a>
  17. </li>
  18. <li class="c-product-menu-list__item">
  19. <a href="#dywany-nowoczesne" class="c-product-menu-list__link">
  20. <span class="c-label">dywany nowoczesne</span>
  21. <span class="c-product-menu-list__icon">
  22. <svg class="o-icon o-icon--arrow-right">
  23. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-right"></use>
  24. </svg>
  25. </span>
  26. </a>
  27. </li>
  28. <li class="c-product-menu-list__item">
  29. <a href="#dywany-klasyczne" class="c-product-menu-list__link">
  30. <span class="c-label">dywany klasyczne</span>
  31. <span class="c-product-menu-list__icon">
  32. <svg class="o-icon o-icon--arrow-right">
  33. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-right"></use>
  34. </svg>
  35. </span>
  36. </a>
  37. </li>
  38. <li class="c-product-menu-list__item">
  39. <a href="#dywany-dzieciece" class="c-product-menu-list__link">
  40. <span class="c-label">dywany dziecięce</span>
  41. <span class="c-product-menu-list__icon">
  42. <svg class="o-icon o-icon--arrow-right">
  43. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-right"></use>
  44. </svg>
  45. </span>
  46. </a>
  47. </li>
  48. <li class="c-product-menu-list__item">
  49. <a href="#" class="c-product-menu-list__link">
  50. <span class="c-label">chodniki</span>
  51. <span class="c-product-menu-list__icon">
  52. <svg class="o-icon o-icon--arrow-right">
  53. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-right"></use>
  54. </svg>
  55. </span>
  56. </a>
  57. </li>
  58. </ul>
  59. </div>
  60. <div class="c-filters-box" id="dywany-nowoczesne">
  61. Dywany nowoczesne
  62. <ul class="c-filters-list">
  63. <li class="c-filters-list__item">
  64. <div class="c-filter c-filter--choosen js-accordion">
  65. <div class="c-filter__head">
  66. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  67. <span class="c-label-box__action">
  68. <svg class="o-icon o-icon--cross">
  69. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-cross"></use>
  70. </svg>
  71. </span>
  72. <span class="c-label-box__label t-text-8 t-weight-semibold">Rodzaj</span>
  73. <span class="c-label-box__icon">
  74. <svg class="o-icon o-icon--arrow-down">
  75. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  76. </use>
  77. </svg>
  78. </span>
  79. </span>
  80. </div>
  81. <div class="c-filter__body">
  82. <ul class="c-options-list">
  83. <li class="c-options-list__item">
  84. <div class="c-option">
  85. <div class="c-option__field">
  86. <div class="c-checkbox c-checkbox--centered">
  87. <input class="c-checkbox__input" id="chbx-1-1" name="type" type="checkbox" value="type" checked>
  88. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-1-1">
  89. <span class="c-label">
  90. Dywan
  91. </span>
  92. </label>
  93. </div>
  94. </div>
  95. </div>
  96. </li>
  97. <li class="c-options-list__item">
  98. <div class="c-option">
  99. <div class="c-option__field">
  100. <div class="c-checkbox c-checkbox--centered">
  101. <input class="c-checkbox__input" id="chbx-1-2" name="type" type="checkbox" value="type">
  102. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-1-2">
  103. <span class="c-label">
  104. Chodnik
  105. </span>
  106. </label>
  107. </div>
  108. </div>
  109. </div>
  110. </li>
  111. </ul>
  112. <div class="c-filter__action">
  113. <a href="#" class="c-btn c-btn--beige">
  114. <span class="c-btn__label t-upper">
  115. Zastosuj
  116. </span>
  117. </a>
  118. </div>
  119. </div>
  120. </div>
  121. </li>
  122. <li class="c-filters-list__item">
  123. <div class="c-filter js-accordion">
  124. <div class="c-filter__head">
  125. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  126. <span class="c-label-box__label t-text-8 t-weight-semibold">Kształt</span>
  127. <span class="c-label-box__icon">
  128. <svg class="o-icon o-icon--arrow-down">
  129. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  130. </use>
  131. </svg>
  132. </span>
  133. </span>
  134. </div>
  135. <div class="c-filter__body">
  136. <ul class="c-options-list">
  137. <li class="c-options-list__item">
  138. <div class="c-option">
  139. <div class="c-option__field">
  140. <div class="c-checkbox c-checkbox--centered">
  141. <input class="c-checkbox__input" id="chbx-2-1" name="type" type="checkbox" value="type">
  142. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-1">
  143. <span class="c-checkbox__preview">
  144. <svg class="o-icon o-icon--rectangle">
  145. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-rectangle">
  146. </use>
  147. </svg>
  148. </span>
  149. <span class="c-label">
  150. Prostokąt
  151. </span>
  152. </label>
  153. </div>
  154. </div>
  155. </li>
  156. <li class="c-options-list__item">
  157. <div class="c-option">
  158. <div class="c-option__field">
  159. <div class="c-checkbox c-checkbox--centered">
  160. <input class="c-checkbox__input" id="chbx-2-2" name="type" type="checkbox" value="type">
  161. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-2">
  162. <span class="c-checkbox__preview">
  163. <svg class="o-icon o-icon--circle">
  164. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-circle">
  165. </use>
  166. </svg>
  167. </span>
  168. <span class="c-label">
  169. Koło
  170. </span>
  171. </label>
  172. </div>
  173. </div>
  174. </li>
  175. <li class="c-options-list__item">
  176. <div class="c-option">
  177. <div class="c-option__field">
  178. <div class="c-checkbox c-checkbox--centered">
  179. <input class="c-checkbox__input" id="chbx-2-3" name="type" type="checkbox" value="type">
  180. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-3">
  181. <span class="c-checkbox__preview">
  182. <svg class="o-icon o-icon--oval">
  183. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-oval">
  184. </use>
  185. </svg>
  186. </span>
  187. <span class="c-label">
  188. Owal
  189. </span>
  190. </label>
  191. </div>
  192. </div>
  193. </div>
  194. </li>
  195. <li class="c-options-list__item">
  196. <div class="c-option">
  197. <div class="c-option__field">
  198. <div class="c-checkbox c-checkbox--centered">
  199. <input class="c-checkbox__input" id="chbx-2-4" name="type" type="checkbox" value="type">
  200. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-4">
  201. <span class="c-checkbox__preview">
  202. <svg class="o-icon o-icon--custom">
  203. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-custom">
  204. </use>
  205. </svg>
  206. </span>
  207. <span class="c-label">
  208. Inne
  209. </span>
  210. </label>
  211. </div>
  212. </div>
  213. </li>
  214. </ul>
  215. <div class="c-filter__action">
  216. <a href="#" class="c-btn c-btn--beige">
  217. <span class="c-btn__label t-upper">
  218. Zastosuj
  219. </span>
  220. </a>
  221. </div>
  222. </div>
  223. </div>
  224. </li>
  225. <li class="c-filters-list__item">
  226. <div class="c-filter js-accordion">
  227. <div class="c-filter__head">
  228. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  229. <span class="c-label-box__label t-text-8 t-weight-semibold">Cena</span>
  230. <span class="c-label-box__icon">
  231. <svg class="o-icon o-icon--arrow-down">
  232. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  233. </use>
  234. </svg>
  235. </span>
  236. </span>
  237. </div>
  238. <div class="c-filter__body">
  239. <div class="f-field f-field--zip">
  240. <div data-role="rangeslider">
  241. <label for="range-1a">Rangeslider:</label>
  242. <input name="range-1a" id="range-1a" min="0" max="100" value="0" type="range">
  243. <label for="range-1b">Rangeslider:</label>
  244. <input name="range-1b" id="range-1b" min="0" max="100" value="100" type="range">
  245. </div>
  246. </div>
  247. <div class="c-filter__action">
  248. <a href="#" class="c-btn c-btn--beige">
  249. <span class="c-btn__label t-upper">
  250. Zastosuj
  251. </span>
  252. </a>
  253. </div>
  254. </div>
  255. </div>
  256. </li>
  257. <li class="c-filters-list__item">
  258. <div class="c-filter js-accordion">
  259. <div class="c-filter__head">
  260. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  261. <span class="c-label-box__label t-text-8 t-weight-semibold">Kolory</span>
  262. <span class="c-label-box__icon">
  263. <svg class="o-icon o-icon--arrow-down">
  264. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  265. </use>
  266. </svg>
  267. </span>
  268. </span>
  269. </div>
  270. <div class="c-filter__body">
  271. <div class="c-filter__view">
  272. <button class="c-filter__view-btn is-active">
  273. <svg class="o-icon o-icon--view-list">
  274. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-view-list">
  275. </use>
  276. </svg>
  277. </button>
  278. <button class="c-filter__view-btn">
  279. <svg class="o-icon o-icon--view-items">
  280. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-view-items">
  281. </use>
  282. </svg>
  283. </button>
  284. </div>
  285. <ul class="c-options-list">
  286. <li class="c-options-list__item">
  287. <div class="c-option">
  288. <div class="c-option__field">
  289. <div class="c-checkbox c-checkbox--centered">
  290. <input class="c-checkbox__input" id="chbx-3-1" name="type" type="checkbox" value="type">
  291. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-3-1">
  292. <span class="c-checkbox__preview">
  293. <span class="c-sample-color c-sample-color--big">
  294. <img src="./static/img/pic-color-brown.svg" alt="Color" />
  295. </span>
  296. </span>
  297. <span class="c-label">
  298. Brązowy
  299. </span>
  300. </label>
  301. </div>
  302. </div>
  303. </li>
  304. <li class="c-options-list__item">
  305. <div class="c-option">
  306. <div class="c-option__field">
  307. <div class="c-checkbox c-checkbox--centered">
  308. <input class="c-checkbox__input" id="chbx-3-2" name="type" type="checkbox" value="type">
  309. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-3-2">
  310. <span class="c-checkbox__preview">
  311. <span class="c-sample-color c-sample-color--big">
  312. <img src="./static/img/pic-color-blue-navy.svg" alt="Color" />
  313. </span>
  314. </span>
  315. <span class="c-label">
  316. Niebieski / Granatowy
  317. </span>
  318. </label>
  319. </div>
  320. </div>
  321. </li>
  322. <li class="c-options-list__item">
  323. <div class="c-option">
  324. <div class="c-option__field">
  325. <div class="c-checkbox c-checkbox--centered">
  326. <input class="c-checkbox__input" id="chbx-3-3" name="type" type="checkbox" value="type">
  327. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-3-3">
  328. <span class="c-checkbox__preview">
  329. <span class="c-sample-color c-sample-color--big">
  330. <img src="./static/img/pic-multicolor.svg" alt="Color" />
  331. </span>
  332. </span>
  333. <span class="c-label">
  334. Wielokolorowy
  335. </span>
  336. </label>
  337. </div>
  338. </div>
  339. </div>
  340. </li>
  341. </ul>
  342. <div class="c-filter__action">
  343. <a href="#" class="c-btn c-btn--beige">
  344. <span class="c-btn__label t-upper">
  345. Zastosuj
  346. </span>
  347. </a>
  348. </div>
  349. </div>
  350. </div>
  351. </li>
  352. <li class="c-filters-list__item">
  353. <div class="c-filter js-accordion">
  354. <div class="c-filter__head">
  355. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  356. <span class="c-label-box__label t-text-8 t-weight-semibold">Wykończenie</span>
  357. <span class="c-label-box__icon">
  358. <svg class="o-icon o-icon--arrow-down">
  359. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  360. </use>
  361. </svg>
  362. </span>
  363. </span>
  364. </div>
  365. <div class="c-filter__body">
  366. <ul class="c-options-list">
  367. <li class="c-options-list__item">
  368. <div class="c-option">
  369. <div class="c-option__field">
  370. <div class="c-checkbox c-checkbox--centered">
  371. <input class="c-checkbox__input" id="chbx-4-1" name="type" type="checkbox" value="type">
  372. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-1">
  373. <span class="c-checkbox__preview">
  374. <span class="c-sample-color c-sample-color--big">
  375. <img src="./static/img/pic-finishing-1.jpg" alt="Color" />
  376. </span>
  377. </span>
  378. <span class="c-label">
  379. Dziergane
  380. </span>
  381. </label>
  382. </div>
  383. </div>
  384. </li>
  385. <li class="c-options-list__item">
  386. <div class="c-option">
  387. <div class="c-option__field">
  388. <div class="c-checkbox c-checkbox--centered">
  389. <input class="c-checkbox__input" id="chbx-4-2" name="type" type="checkbox" value="type">
  390. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-2">
  391. <span class="c-checkbox__preview">
  392. <span class="c-sample-color c-sample-color--big">
  393. <img src="./static/img/pic-finishing-2.jpg" alt="Color" />
  394. </span>
  395. </span>
  396. <span class="c-label">
  397. Binding
  398. </span>
  399. </label>
  400. </div>
  401. </div>
  402. </li>
  403. <li class="c-options-list__item">
  404. <div class="c-option">
  405. <div class="c-option__field">
  406. <div class="c-checkbox c-checkbox--centered">
  407. <input class="c-checkbox__input" id="chbx-4-3" name="type" type="checkbox" value="type">
  408. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-3">
  409. <span class="c-checkbox__preview">
  410. <span class="c-sample-color c-sample-color--big">
  411. <img src="./static/img/pic-finishing-3.jpg" alt="Color" />
  412. </span>
  413. </span>
  414. <span class="c-label">
  415. Frędzle
  416. </span>
  417. </label>
  418. </div>
  419. </div>
  420. </div>
  421. </li>
  422. <li class="c-options-list__item">
  423. <div class="c-option">
  424. <div class="c-option__field">
  425. <div class="c-checkbox c-checkbox--centered">
  426. <input class="c-checkbox__input" id="chbx-4-4" name="type" type="checkbox" value="type">
  427. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-4">
  428. <span class="c-checkbox__preview">
  429. <span class="c-sample-color c-sample-color--big">
  430. <img src="./static/img/pic-finishing-4.jpg" alt="Color" />
  431. </span>
  432. </span>
  433. <span class="c-label">
  434. Protos
  435. </span>
  436. </label>
  437. </div>
  438. </div>
  439. </div>
  440. </li>
  441. </ul>
  442. <div class="c-filter__action">
  443. <a href="#" class="c-btn c-btn--beige">
  444. <span class="c-btn__label t-upper">
  445. Zastosuj
  446. </span>
  447. </a>
  448. </div>
  449. </div>
  450. </div>
  451. </li>
  452. </ul>
  453. </div>
  454. <div class="c-filters-box" id="dywany-klasyczne">
  455. Dywany klasyczne
  456. <ul class="c-filters-list">
  457. <li class="c-filters-list__item">
  458. <div class="c-filter c-filter--choosen js-accordion">
  459. <div class="c-filter__head">
  460. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  461. <span class="c-label-box__action">
  462. <svg class="o-icon o-icon--cross">
  463. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-cross"></use>
  464. </svg>
  465. </span>
  466. <span class="c-label-box__label t-text-8 t-weight-semibold">Rodzaj</span>
  467. <span class="c-label-box__icon">
  468. <svg class="o-icon o-icon--arrow-down">
  469. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  470. </use>
  471. </svg>
  472. </span>
  473. </span>
  474. </div>
  475. <div class="c-filter__body">
  476. <ul class="c-options-list">
  477. <li class="c-options-list__item">
  478. <div class="c-option">
  479. <div class="c-option__field">
  480. <div class="c-checkbox c-checkbox--centered">
  481. <input class="c-checkbox__input" id="chbx-1-1" name="type" type="checkbox" value="type" checked>
  482. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-1-1">
  483. <span class="c-label">
  484. Dywan
  485. </span>
  486. </label>
  487. </div>
  488. </div>
  489. </div>
  490. </li>
  491. <li class="c-options-list__item">
  492. <div class="c-option">
  493. <div class="c-option__field">
  494. <div class="c-checkbox c-checkbox--centered">
  495. <input class="c-checkbox__input" id="chbx-1-2" name="type" type="checkbox" value="type">
  496. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-1-2">
  497. <span class="c-label">
  498. Chodnik
  499. </span>
  500. </label>
  501. </div>
  502. </div>
  503. </div>
  504. </li>
  505. </ul>
  506. <div class="c-filter__action">
  507. <a href="#" class="c-btn c-btn--beige">
  508. <span class="c-btn__label t-upper">
  509. Zastosuj
  510. </span>
  511. </a>
  512. </div>
  513. </div>
  514. </div>
  515. </li>
  516. <li class="c-filters-list__item">
  517. <div class="c-filter js-accordion">
  518. <div class="c-filter__head">
  519. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  520. <span class="c-label-box__label t-text-8 t-weight-semibold">Kształt</span>
  521. <span class="c-label-box__icon">
  522. <svg class="o-icon o-icon--arrow-down">
  523. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  524. </use>
  525. </svg>
  526. </span>
  527. </span>
  528. </div>
  529. <div class="c-filter__body">
  530. <ul class="c-options-list">
  531. <li class="c-options-list__item">
  532. <div class="c-option">
  533. <div class="c-option__field">
  534. <div class="c-checkbox c-checkbox--centered">
  535. <input class="c-checkbox__input" id="chbx-2-1" name="type" type="checkbox" value="type">
  536. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-1">
  537. <span class="c-checkbox__preview">
  538. <svg class="o-icon o-icon--rectangle">
  539. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-rectangle">
  540. </use>
  541. </svg>
  542. </span>
  543. <span class="c-label">
  544. Prostokąt
  545. </span>
  546. </label>
  547. </div>
  548. </div>
  549. </li>
  550. <li class="c-options-list__item">
  551. <div class="c-option">
  552. <div class="c-option__field">
  553. <div class="c-checkbox c-checkbox--centered">
  554. <input class="c-checkbox__input" id="chbx-2-2" name="type" type="checkbox" value="type">
  555. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-2">
  556. <span class="c-checkbox__preview">
  557. <svg class="o-icon o-icon--circle">
  558. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-circle">
  559. </use>
  560. </svg>
  561. </span>
  562. <span class="c-label">
  563. Koło
  564. </span>
  565. </label>
  566. </div>
  567. </div>
  568. </li>
  569. <li class="c-options-list__item">
  570. <div class="c-option">
  571. <div class="c-option__field">
  572. <div class="c-checkbox c-checkbox--centered">
  573. <input class="c-checkbox__input" id="chbx-2-3" name="type" type="checkbox" value="type">
  574. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-3">
  575. <span class="c-checkbox__preview">
  576. <svg class="o-icon o-icon--oval">
  577. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-oval">
  578. </use>
  579. </svg>
  580. </span>
  581. <span class="c-label">
  582. Owal
  583. </span>
  584. </label>
  585. </div>
  586. </div>
  587. </div>
  588. </li>
  589. <li class="c-options-list__item">
  590. <div class="c-option">
  591. <div class="c-option__field">
  592. <div class="c-checkbox c-checkbox--centered">
  593. <input class="c-checkbox__input" id="chbx-2-4" name="type" type="checkbox" value="type">
  594. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-4">
  595. <span class="c-checkbox__preview">
  596. <svg class="o-icon o-icon--custom">
  597. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-custom">
  598. </use>
  599. </svg>
  600. </span>
  601. <span class="c-label">
  602. Inne
  603. </span>
  604. </label>
  605. </div>
  606. </div>
  607. </li>
  608. </ul>
  609. <div class="c-filter__action">
  610. <a href="#" class="c-btn c-btn--beige">
  611. <span class="c-btn__label t-upper">
  612. Zastosuj
  613. </span>
  614. </a>
  615. </div>
  616. </div>
  617. </div>
  618. </li>
  619. <li class="c-filters-list__item">
  620. <div class="c-filter js-accordion">
  621. <div class="c-filter__head">
  622. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  623. <span class="c-label-box__label t-text-8 t-weight-semibold">Cena</span>
  624. <span class="c-label-box__icon">
  625. <svg class="o-icon o-icon--arrow-down">
  626. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  627. </use>
  628. </svg>
  629. </span>
  630. </span>
  631. </div>
  632. <div class="c-filter__body">
  633. <div class="f-field f-field--zip">
  634. <div data-role="rangeslider">
  635. <label for="range-1a">Rangeslider:</label>
  636. <input name="range-1a" id="range-1a" min="0" max="100" value="0" type="range">
  637. <label for="range-1b">Rangeslider:</label>
  638. <input name="range-1b" id="range-1b" min="0" max="100" value="100" type="range">
  639. </div>
  640. </div>
  641. <div class="c-filter__action">
  642. <a href="#" class="c-btn c-btn--beige">
  643. <span class="c-btn__label t-upper">
  644. Zastosuj
  645. </span>
  646. </a>
  647. </div>
  648. </div>
  649. </div>
  650. </li>
  651. <li class="c-filters-list__item">
  652. <div class="c-filter js-accordion">
  653. <div class="c-filter__head">
  654. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  655. <span class="c-label-box__label t-text-8 t-weight-semibold">Kolory</span>
  656. <span class="c-label-box__icon">
  657. <svg class="o-icon o-icon--arrow-down">
  658. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  659. </use>
  660. </svg>
  661. </span>
  662. </span>
  663. </div>
  664. <div class="c-filter__body">
  665. <div class="c-filter__view">
  666. <button class="c-filter__view-btn is-active">
  667. <svg class="o-icon o-icon--view-list">
  668. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-view-list">
  669. </use>
  670. </svg>
  671. </button>
  672. <button class="c-filter__view-btn">
  673. <svg class="o-icon o-icon--view-items">
  674. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-view-items">
  675. </use>
  676. </svg>
  677. </button>
  678. </div>
  679. <ul class="c-options-list">
  680. <li class="c-options-list__item">
  681. <div class="c-option">
  682. <div class="c-option__field">
  683. <div class="c-checkbox c-checkbox--centered">
  684. <input class="c-checkbox__input" id="chbx-3-1" name="type" type="checkbox" value="type">
  685. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-3-1">
  686. <span class="c-checkbox__preview">
  687. <span class="c-sample-color c-sample-color--big">
  688. <img src="./static/img/pic-color-brown.svg" alt="Color" />
  689. </span>
  690. </span>
  691. <span class="c-label">
  692. Brązowy
  693. </span>
  694. </label>
  695. </div>
  696. </div>
  697. </li>
  698. <li class="c-options-list__item">
  699. <div class="c-option">
  700. <div class="c-option__field">
  701. <div class="c-checkbox c-checkbox--centered">
  702. <input class="c-checkbox__input" id="chbx-3-2" name="type" type="checkbox" value="type">
  703. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-3-2">
  704. <span class="c-checkbox__preview">
  705. <span class="c-sample-color c-sample-color--big">
  706. <img src="./static/img/pic-color-blue-navy.svg" alt="Color" />
  707. </span>
  708. </span>
  709. <span class="c-label">
  710. Niebieski / Granatowy
  711. </span>
  712. </label>
  713. </div>
  714. </div>
  715. </li>
  716. <li class="c-options-list__item">
  717. <div class="c-option">
  718. <div class="c-option__field">
  719. <div class="c-checkbox c-checkbox--centered">
  720. <input class="c-checkbox__input" id="chbx-3-3" name="type" type="checkbox" value="type">
  721. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-3-3">
  722. <span class="c-checkbox__preview">
  723. <span class="c-sample-color c-sample-color--big">
  724. <img src="./static/img/pic-multicolor.svg" alt="Color" />
  725. </span>
  726. </span>
  727. <span class="c-label">
  728. Wielokolorowy
  729. </span>
  730. </label>
  731. </div>
  732. </div>
  733. </div>
  734. </li>
  735. </ul>
  736. <div class="c-filter__action">
  737. <a href="#" class="c-btn c-btn--beige">
  738. <span class="c-btn__label t-upper">
  739. Zastosuj
  740. </span>
  741. </a>
  742. </div>
  743. </div>
  744. </div>
  745. </li>
  746. <li class="c-filters-list__item">
  747. <div class="c-filter js-accordion">
  748. <div class="c-filter__head">
  749. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  750. <span class="c-label-box__label t-text-8 t-weight-semibold">Wykończenie</span>
  751. <span class="c-label-box__icon">
  752. <svg class="o-icon o-icon--arrow-down">
  753. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  754. </use>
  755. </svg>
  756. </span>
  757. </span>
  758. </div>
  759. <div class="c-filter__body">
  760. <ul class="c-options-list">
  761. <li class="c-options-list__item">
  762. <div class="c-option">
  763. <div class="c-option__field">
  764. <div class="c-checkbox c-checkbox--centered">
  765. <input class="c-checkbox__input" id="chbx-4-1" name="type" type="checkbox" value="type">
  766. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-1">
  767. <span class="c-checkbox__preview">
  768. <span class="c-sample-color c-sample-color--big">
  769. <img src="./static/img/pic-finishing-1.jpg" alt="Color" />
  770. </span>
  771. </span>
  772. <span class="c-label">
  773. Dziergane
  774. </span>
  775. </label>
  776. </div>
  777. </div>
  778. </li>
  779. <li class="c-options-list__item">
  780. <div class="c-option">
  781. <div class="c-option__field">
  782. <div class="c-checkbox c-checkbox--centered">
  783. <input class="c-checkbox__input" id="chbx-4-2" name="type" type="checkbox" value="type">
  784. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-2">
  785. <span class="c-checkbox__preview">
  786. <span class="c-sample-color c-sample-color--big">
  787. <img src="./static/img/pic-finishing-2.jpg" alt="Color" />
  788. </span>
  789. </span>
  790. <span class="c-label">
  791. Binding
  792. </span>
  793. </label>
  794. </div>
  795. </div>
  796. </li>
  797. <li class="c-options-list__item">
  798. <div class="c-option">
  799. <div class="c-option__field">
  800. <div class="c-checkbox c-checkbox--centered">
  801. <input class="c-checkbox__input" id="chbx-4-3" name="type" type="checkbox" value="type">
  802. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-3">
  803. <span class="c-checkbox__preview">
  804. <span class="c-sample-color c-sample-color--big">
  805. <img src="./static/img/pic-finishing-3.jpg" alt="Color" />
  806. </span>
  807. </span>
  808. <span class="c-label">
  809. Frędzle
  810. </span>
  811. </label>
  812. </div>
  813. </div>
  814. </div>
  815. </li>
  816. <li class="c-options-list__item">
  817. <div class="c-option">
  818. <div class="c-option__field">
  819. <div class="c-checkbox c-checkbox--centered">
  820. <input class="c-checkbox__input" id="chbx-4-4" name="type" type="checkbox" value="type">
  821. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-4">
  822. <span class="c-checkbox__preview">
  823. <span class="c-sample-color c-sample-color--big">
  824. <img src="./static/img/pic-finishing-4.jpg" alt="Color" />
  825. </span>
  826. </span>
  827. <span class="c-label">
  828. Protos
  829. </span>
  830. </label>
  831. </div>
  832. </div>
  833. </div>
  834. </li>
  835. </ul>
  836. <div class="c-filter__action">
  837. <a href="#" class="c-btn c-btn--beige">
  838. <span class="c-btn__label t-upper">
  839. Zastosuj
  840. </span>
  841. </a>
  842. </div>
  843. </div>
  844. </div>
  845. </li>
  846. </ul>
  847. </div>
  848. <div class="c-filters-box" id="dywany-dzieciece">
  849. Dywany dzieciece
  850. <ul class="c-filters-list">
  851. <li class="c-filters-list__item">
  852. <div class="c-filter c-filter--choosen js-accordion">
  853. <div class="c-filter__head">
  854. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  855. <span class="c-label-box__action">
  856. <svg class="o-icon o-icon--cross">
  857. <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-cross"></use>
  858. </svg>
  859. </span>
  860. <span class="c-label-box__label t-text-8 t-weight-semibold">Rodzaj</span>
  861. <span class="c-label-box__icon">
  862. <svg class="o-icon o-icon--arrow-down">
  863. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  864. </use>
  865. </svg>
  866. </span>
  867. </span>
  868. </div>
  869. <div class="c-filter__body">
  870. <ul class="c-options-list">
  871. <li class="c-options-list__item">
  872. <div class="c-option">
  873. <div class="c-option__field">
  874. <div class="c-checkbox c-checkbox--centered">
  875. <input class="c-checkbox__input" id="chbx-1-1" name="type" type="checkbox" value="type" checked>
  876. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-1-1">
  877. <span class="c-label">
  878. Dywan
  879. </span>
  880. </label>
  881. </div>
  882. </div>
  883. </div>
  884. </li>
  885. <li class="c-options-list__item">
  886. <div class="c-option">
  887. <div class="c-option__field">
  888. <div class="c-checkbox c-checkbox--centered">
  889. <input class="c-checkbox__input" id="chbx-1-2" name="type" type="checkbox" value="type">
  890. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-1-2">
  891. <span class="c-label">
  892. Chodnik
  893. </span>
  894. </label>
  895. </div>
  896. </div>
  897. </div>
  898. </li>
  899. </ul>
  900. <div class="c-filter__action">
  901. <a href="#" class="c-btn c-btn--beige">
  902. <span class="c-btn__label t-upper">
  903. Zastosuj
  904. </span>
  905. </a>
  906. </div>
  907. </div>
  908. </div>
  909. </li>
  910. <li class="c-filters-list__item">
  911. <div class="c-filter js-accordion">
  912. <div class="c-filter__head">
  913. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  914. <span class="c-label-box__label t-text-8 t-weight-semibold">Kształt</span>
  915. <span class="c-label-box__icon">
  916. <svg class="o-icon o-icon--arrow-down">
  917. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  918. </use>
  919. </svg>
  920. </span>
  921. </span>
  922. </div>
  923. <div class="c-filter__body">
  924. <ul class="c-options-list">
  925. <li class="c-options-list__item">
  926. <div class="c-option">
  927. <div class="c-option__field">
  928. <div class="c-checkbox c-checkbox--centered">
  929. <input class="c-checkbox__input" id="chbx-2-1" name="type" type="checkbox" value="type">
  930. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-1">
  931. <span class="c-checkbox__preview">
  932. <svg class="o-icon o-icon--rectangle">
  933. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-rectangle">
  934. </use>
  935. </svg>
  936. </span>
  937. <span class="c-label">
  938. Prostokąt
  939. </span>
  940. </label>
  941. </div>
  942. </div>
  943. </li>
  944. <li class="c-options-list__item">
  945. <div class="c-option">
  946. <div class="c-option__field">
  947. <div class="c-checkbox c-checkbox--centered">
  948. <input class="c-checkbox__input" id="chbx-2-2" name="type" type="checkbox" value="type">
  949. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-2">
  950. <span class="c-checkbox__preview">
  951. <svg class="o-icon o-icon--circle">
  952. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-circle">
  953. </use>
  954. </svg>
  955. </span>
  956. <span class="c-label">
  957. Koło
  958. </span>
  959. </label>
  960. </div>
  961. </div>
  962. </li>
  963. <li class="c-options-list__item">
  964. <div class="c-option">
  965. <div class="c-option__field">
  966. <div class="c-checkbox c-checkbox--centered">
  967. <input class="c-checkbox__input" id="chbx-2-3" name="type" type="checkbox" value="type">
  968. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-3">
  969. <span class="c-checkbox__preview">
  970. <svg class="o-icon o-icon--oval">
  971. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-oval">
  972. </use>
  973. </svg>
  974. </span>
  975. <span class="c-label">
  976. Owal
  977. </span>
  978. </label>
  979. </div>
  980. </div>
  981. </div>
  982. </li>
  983. <li class="c-options-list__item">
  984. <div class="c-option">
  985. <div class="c-option__field">
  986. <div class="c-checkbox c-checkbox--centered">
  987. <input class="c-checkbox__input" id="chbx-2-4" name="type" type="checkbox" value="type">
  988. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-2-4">
  989. <span class="c-checkbox__preview">
  990. <svg class="o-icon o-icon--custom">
  991. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-custom">
  992. </use>
  993. </svg>
  994. </span>
  995. <span class="c-label">
  996. Inne
  997. </span>
  998. </label>
  999. </div>
  1000. </div>
  1001. </li>
  1002. </ul>
  1003. <div class="c-filter__action">
  1004. <a href="#" class="c-btn c-btn--beige">
  1005. <span class="c-btn__label t-upper">
  1006. Zastosuj
  1007. </span>
  1008. </a>
  1009. </div>
  1010. </div>
  1011. </div>
  1012. </li>
  1013. <li class="c-filters-list__item">
  1014. <div class="c-filter js-accordion">
  1015. <div class="c-filter__head">
  1016. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  1017. <span class="c-label-box__label t-text-8 t-weight-semibold">Cena</span>
  1018. <span class="c-label-box__icon">
  1019. <svg class="o-icon o-icon--arrow-down">
  1020. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  1021. </use>
  1022. </svg>
  1023. </span>
  1024. </span>
  1025. </div>
  1026. <div class="c-filter__body">
  1027. <div class="f-field f-field--zip">
  1028. <div data-role="rangeslider">
  1029. <label for="range-1a">Rangeslider:</label>
  1030. <input name="range-1a" id="range-1a" min="0" max="100" value="0" type="range">
  1031. <label for="range-1b">Rangeslider:</label>
  1032. <input name="range-1b" id="range-1b" min="0" max="100" value="100" type="range">
  1033. </div>
  1034. </div>
  1035. <div class="c-filter__action">
  1036. <a href="#" class="c-btn c-btn--beige">
  1037. <span class="c-btn__label t-upper">
  1038. Zastosuj
  1039. </span>
  1040. </a>
  1041. </div>
  1042. </div>
  1043. </div>
  1044. </li>
  1045. <li class="c-filters-list__item">
  1046. <div class="c-filter js-accordion">
  1047. <div class="c-filter__head">
  1048. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  1049. <span class="c-label-box__label t-text-8 t-weight-semibold">Kolory</span>
  1050. <span class="c-label-box__icon">
  1051. <svg class="o-icon o-icon--arrow-down">
  1052. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  1053. </use>
  1054. </svg>
  1055. </span>
  1056. </span>
  1057. </div>
  1058. <div class="c-filter__body">
  1059. <div class="c-filter__view">
  1060. <button class="c-filter__view-btn is-active">
  1061. <svg class="o-icon o-icon--view-list">
  1062. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-view-list">
  1063. </use>
  1064. </svg>
  1065. </button>
  1066. <button class="c-filter__view-btn">
  1067. <svg class="o-icon o-icon--view-items">
  1068. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-view-items">
  1069. </use>
  1070. </svg>
  1071. </button>
  1072. </div>
  1073. <ul class="c-options-list">
  1074. <li class="c-options-list__item">
  1075. <div class="c-option">
  1076. <div class="c-option__field">
  1077. <div class="c-checkbox c-checkbox--centered">
  1078. <input class="c-checkbox__input" id="chbx-3-1" name="type" type="checkbox" value="type">
  1079. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-3-1">
  1080. <span class="c-checkbox__preview">
  1081. <span class="c-sample-color c-sample-color--big">
  1082. <img src="./static/img/pic-color-brown.svg" alt="Color" />
  1083. </span>
  1084. </span>
  1085. <span class="c-label">
  1086. Brązowy
  1087. </span>
  1088. </label>
  1089. </div>
  1090. </div>
  1091. </li>
  1092. <li class="c-options-list__item">
  1093. <div class="c-option">
  1094. <div class="c-option__field">
  1095. <div class="c-checkbox c-checkbox--centered">
  1096. <input class="c-checkbox__input" id="chbx-3-2" name="type" type="checkbox" value="type">
  1097. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-3-2">
  1098. <span class="c-checkbox__preview">
  1099. <span class="c-sample-color c-sample-color--big">
  1100. <img src="./static/img/pic-color-blue-navy.svg" alt="Color" />
  1101. </span>
  1102. </span>
  1103. <span class="c-label">
  1104. Niebieski / Granatowy
  1105. </span>
  1106. </label>
  1107. </div>
  1108. </div>
  1109. </li>
  1110. <li class="c-options-list__item">
  1111. <div class="c-option">
  1112. <div class="c-option__field">
  1113. <div class="c-checkbox c-checkbox--centered">
  1114. <input class="c-checkbox__input" id="chbx-3-3" name="type" type="checkbox" value="type">
  1115. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-3-3">
  1116. <span class="c-checkbox__preview">
  1117. <span class="c-sample-color c-sample-color--big">
  1118. <img src="./static/img/pic-multicolor.svg" alt="Color" />
  1119. </span>
  1120. </span>
  1121. <span class="c-label">
  1122. Wielokolorowy
  1123. </span>
  1124. </label>
  1125. </div>
  1126. </div>
  1127. </div>
  1128. </li>
  1129. </ul>
  1130. <div class="c-filter__action">
  1131. <a href="#" class="c-btn c-btn--beige">
  1132. <span class="c-btn__label t-upper">
  1133. Zastosuj
  1134. </span>
  1135. </a>
  1136. </div>
  1137. </div>
  1138. </div>
  1139. </li>
  1140. <li class="c-filters-list__item">
  1141. <div class="c-filter js-accordion">
  1142. <div class="c-filter__head">
  1143. <span class="c-label-box c-label-box--alt js-accordion-trigger">
  1144. <span class="c-label-box__label t-text-8 t-weight-semibold">Wykończenie</span>
  1145. <span class="c-label-box__icon">
  1146. <svg class="o-icon o-icon--arrow-down">
  1147. <use xlink:href="./static/symbol/svg/sprite.symbol.svg#icon-arrow-down">
  1148. </use>
  1149. </svg>
  1150. </span>
  1151. </span>
  1152. </div>
  1153. <div class="c-filter__body">
  1154. <ul class="c-options-list">
  1155. <li class="c-options-list__item">
  1156. <div class="c-option">
  1157. <div class="c-option__field">
  1158. <div class="c-checkbox c-checkbox--centered">
  1159. <input class="c-checkbox__input" id="chbx-4-1" name="type" type="checkbox" value="type">
  1160. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-1">
  1161. <span class="c-checkbox__preview">
  1162. <span class="c-sample-color c-sample-color--big">
  1163. <img src="./static/img/pic-finishing-1.jpg" alt="Color" />
  1164. </span>
  1165. </span>
  1166. <span class="c-label">
  1167. Dziergane
  1168. </span>
  1169. </label>
  1170. </div>
  1171. </div>
  1172. </li>
  1173. <li class="c-options-list__item">
  1174. <div class="c-option">
  1175. <div class="c-option__field">
  1176. <div class="c-checkbox c-checkbox--centered">
  1177. <input class="c-checkbox__input" id="chbx-4-2" name="type" type="checkbox" value="type">
  1178. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-2">
  1179. <span class="c-checkbox__preview">
  1180. <span class="c-sample-color c-sample-color--big">
  1181. <img src="./static/img/pic-finishing-2.jpg" alt="Color" />
  1182. </span>
  1183. </span>
  1184. <span class="c-label">
  1185. Binding
  1186. </span>
  1187. </label>
  1188. </div>
  1189. </div>
  1190. </li>
  1191. <li class="c-options-list__item">
  1192. <div class="c-option">
  1193. <div class="c-option__field">
  1194. <div class="c-checkbox c-checkbox--centered">
  1195. <input class="c-checkbox__input" id="chbx-4-3" name="type" type="checkbox" value="type">
  1196. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-3">
  1197. <span class="c-checkbox__preview">
  1198. <span class="c-sample-color c-sample-color--big">
  1199. <img src="./static/img/pic-finishing-3.jpg" alt="Color" />
  1200. </span>
  1201. </span>
  1202. <span class="c-label">
  1203. Frędzle
  1204. </span>
  1205. </label>
  1206. </div>
  1207. </div>
  1208. </div>
  1209. </li>
  1210. <li class="c-options-list__item">
  1211. <div class="c-option">
  1212. <div class="c-option__field">
  1213. <div class="c-checkbox c-checkbox--centered">
  1214. <input class="c-checkbox__input" id="chbx-4-4" name="type" type="checkbox" value="type">
  1215. <label class="c-checkbox__label c-checkbox__label--checkbox" for="chbx-4-4">
  1216. <span class="c-checkbox__preview">
  1217. <span class="c-sample-color c-sample-color--big">
  1218. <img src="./static/img/pic-finishing-4.jpg" alt="Color" />
  1219. </span>
  1220. </span>
  1221. <span class="c-label">
  1222. Protos
  1223. </span>
  1224. </label>
  1225. </div>
  1226. </div>
  1227. </div>
  1228. </li>
  1229. </ul>
  1230. <div class="c-filter__action">
  1231. <a href="#" class="c-btn c-btn--beige">
  1232. <span class="c-btn__label t-upper">
  1233. Zastosuj
  1234. </span>
  1235. </a>
  1236. </div>
  1237. </div>
  1238. </div>
  1239. </li>
  1240. </ul>
  1241. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!