albestate/by_flat.html at master · askomarov/albestate · GitHub

1
<!DOCTYPE html><html lang="en"><head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <link rel="stylesheet" href="css/style.min.css">   <title>allbestate/contacts - askomarov</title></head><body>   <div class="wrapper">      <header class="header container">         <div class="background-img"></div>         <div class="header__content">            <a href="index.html" class="header__logo"><picture><source srcset="img/icons/LogoBlack.svg" type="image/webp"><img src="img/icons/LogoBlack.svg" alt="логотип" /></picture></a>            <a href="#popup" class="header__menu-icon btn popup-link" type="submit">               <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">                  <rect width="60" height="60" fill="" />                  <path fill-rule="evenodd" clip-rule="evenodd"                     d="M21.9893 22.3435V19.3528H29.5954V14H31.0219V19.3527H37.1068V22.3434H40.9097V41.0946V42.2147L44 44.919L43.0211 46L15.7363 22.1232L16.7153 21.0422L19.7076 23.6608V22.3435H21.9893ZM39.4835 23.7457V40.9667L37.1856 38.9558V34.0676H31.5998L29.2034 31.9705H29.5011V26.082H23.5111V26.9893L21.1341 24.9091V23.7457H23.4158V20.7549H35.6805V22.3435H32.5906V23.7457H39.4835ZM33.2022 35.4699H35.7591V37.7074L33.2022 35.4699ZM27.6009 30.5682L24.9375 28.2375V27.4843H28.0746V30.5682H27.6009ZM21.6254 32.0908H15.0002V33.5381H21.6254V32.0908ZM15 37.1562H27.5142V38.6035H15V37.1562ZM32.6671 42.2217H15V43.669H32.6671V42.2217ZM29.5482 22.3437H31.0694V23.7459H29.5482V22.3437ZM28.0271 22.3437H26.5058V23.7459H28.0271V22.3437ZM31.1175 31.9705H37.1076V26.082H31.1175V31.9705ZM32.5439 27.4843H35.6811V30.5682H32.5439V27.4843Z"                     fill="" />               </svg>            </a>         </div>      </header>      <section class="byflat">         <div class="byflat__column container">            <div class="byflat__title-row title-row">               <div class="title-row__title">Покупка квартиры</div>               <div class="select-div">                  <select name="form[]" class="title-row__select">                     <option value="1" selected="selected">Недавно добавленные</option>                     <option value="2">От дешевых к дорогим</option>                     <option value="3">От дорогих к дешевым</option>                     <option value="4">От малых до больших</option>                     <option value="5">От больших до малых</option>                  </select>               </div>            </div>            <div class="byflat__filter-row filter-row">               <div class="filter-row__text filter-text">                  <span class="filter-text__numflat">59</span> квартир <span class="filter-text__tooltip">по результатам                     фильтра</span>               </div>               <div class="filter-row__chips chips">                  <button class="chips__btn-clear-all">Очистить все</button>                  <button class="chips__btn-city"><span class="chips__city-name">Вльора</span></button>                  <button class="chips__btn-price">₴ <span class="chips__price">2 105 00 — 120 200 000</span></button>               </div>            </div>            <div class="byflat__content content">               <div class="content__filter filter-content">                  <form id="filters-form" role="form">                     <h4>Город</h4>                     <div class="form-towns" id="towns">                        <div class="checkbox">                           <input type="checkbox" id="valora" name="brands[]" value="2">                           <label for="valora">Вльора <span>(52)</span></label>                        </div>                        <div class="checkbox">                           <input type="checkbox" id="tirana" name="brands[]" value="2">                           <label for="tirana">Тирана <span>(31)</span></label>                        </div>                        <div class="checkbox">                           <input type="checkbox" id="tures" name="brands[]" value="2">                           <label for="tures">Туррес <span>(125)</span></label>                        </div>                     </div>                     <button type="submit" class="objects__btn btn show">Показать больше<svg width="16" height="16"                           viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">                           <path                              d="M14.1133 3.05664L8 9.16995L1.88669 3.05664L0 4.94327L8 12.9433L16 4.94327L14.1133 3.05664Z"                              fill=""></path>                        </svg>                     </button>                     <div class="form-slider">                        <h4><label for="amount">Цена</label></h4>                        <input type="text" id="amount" readonly>                        <div id="slider-range"></div>                     </div>                     <button type="submit" class="filter__btn">Применить фильтр</button>                  </form>               </div>               <div class="content__main-contnet">                  <div class="content__items">                     <a href="#" class="objects__item item-object">                        <div class="item-object__image ibg"><picture><source srcset="img/obimage1.webp" type="image/webp"><img src="img/obimage1.jpg" alt="" /></picture></div>                        <div class="item-object__body">                           <div class="item-object__title">Двухуровневая квартира</div>                           <div class="item-object__adress">ул. Саракас, Тирана</div>                           <div class="item-object__property property">                              <div class="property__square">110 м кв.</div>                              <div class="property__bedrooms">2 спальни</div>                              <div class="property__floor">6 этаж</div>                              <div class="property__bath">2 санузла</div>                           </div>                           <div class="item-object__cost1">₴ 10 200 — 12 500 / мес.</div>                           <div class="item-object__cost2">€ 340 — 415 / мес.</div>                           <div class="item-object__link">Аренда квартиры</div>                        </div>                     </a>                     <a href="#" class="objects__item item-object">                        <div class="item-object__image ibg"><picture><source srcset="img/obimage2.webp" type="image/webp"><img src="img/obimage2.jpg" alt="" /></picture></div>                        <div class="item-object__body">                           <div class="item-object__title">Дом с бассейном</div>                           <div class="item-object__adress">ул. Саракас, Тирана</div>                           <div class="item-object__property property">                              <div class="property__square">560 м кв.</div>                              <div class="property__bedrooms">3 спальни</div>                              <div class="property__floor">5 сот</div>                              <div class="property__bath">2 санузла</div>                           </div>                           <div class="item-object__cost1">₴ 1 635 624</div>                           <div class="item-object__cost2">€ 54 520</div>                           <div class="item-object__link">Продажа дома</div>                        </div>                     </a>                     <a href="#" class="objects__item item-object">                        <div class="item-object__image ibg"><picture><source srcset="img/obimage3.webp" type="image/webp"><img src="img/obimage3.jpg" alt="" /></picture></div>                        <div class="item-object__body">                           <div class="item-object__title">Двухуровневая квартира</div>                           <div class="item-object__adress">ул. Саракас, Тирана</div>                           <div class="item-object__property property">                              <div class="property__square">110 м кв.</div>                              <div class="property__bedrooms">2 спальни</div>                              <div class="property__floor">6 этаж</div>                              <div class="property__bath">2 санузла</div>                           </div>                           <div class="item-object__cost1">₴ 985 135</div>                           <div class="item-object__cost2">€ 32 837</div>                           <div class="item-object__link">Продажа квартиры</div>                        </div>                     </a>                     <a href="#" class="objects__item item-object">                        <div class="item-object__image ibg"><picture><source srcset="img/obimage5.webp" type="image/webp"><img src="img/obimage5.jpg" alt="" /></picture></div>                        <div class="item-object__body">                           <div class="item-object__title">Двухуровневая квартира</div>                           <div class="item-object__adress">ул. Саракас, Тирана</div>                           <div class="item-object__property property">                              <div class="property__square">110 м кв.</div>                              <div class="property__bedrooms">2 спальни</div>                              <div class="property__floor">6 этаж</div>                              <div class="property__bath">2 санузла</div>                           </div>                           <div class="item-object__cost1">₴ 10 200 — 12 500 / мес.</div>                           <div class="item-object__cost2">€ 340 — 415 / мес.</div>                           <div class="item-object__link">Аренда квартиры</div>                        </div>                     </a>                     <a href="#" class="objects__item item-object">                        <div class="item-object__image ibg"><picture><source srcset="img/obimage6.webp" type="image/webp"><img src="img/obimage6.jpg" alt="" /></picture></div>                        <div class="item-object__body">                           <div class="item-object__title">Дом с бассейном</div>                           <div class="item-object__adress">ул. Саракас, Тирана</div>                           <div class="item-object__property property">                              <div class="property__square">560 м кв.</div>                              <div class="property__bedrooms">3 спальни</div>                              <div class="property__sotki">4 сот</div>                              <div class="property__bath">2 санузла</div>                           </div>                           <div class="item-object__cost1">₴ 1 635 624</div>                           <div class="item-object__cost2">€ 54 520</div>                           <div class="item-object__link">Продажа дома</div>                        </div>                     </a>                     <a href="#" class="objects__item item-object">                        <div class="item-object__image ibg"><picture><source srcset="img/obimage7.webp" type="image/webp"><img src="img/obimage7.jpg" alt="" /></picture></div>                        <div class="item-object__body">                           <div class="item-object__title">Двухэтажный дом с бассейном</div>                           <div class="item-object__adress">ул. Саракас, Тирана</div>                           <div class="item-object__property property">                              <div class="property__square">160 м кв.</div>                              <div class="property__bedrooms">2 спальни</div>                              <div class="property__sotki">4 сот</div>                              <div class="property__bath">2 санузла</div>                           </div>                           <div class="item-object__cost1">₴ 985 135</div>                           <div class="item-object__cost2">€ 32 837</div>                           <div class="item-object__link">Продажа квартиры</div>                        </div>                     </a>                     <a href="#" class="objects__item item-object">                        <div class="item-object__image ibg"><picture><source srcset="img/obimage8.webp" type="image/webp"><img src="img/obimage8.jpg" alt="" /></picture></div>                        <div class="item-object__body">                           <div class="item-object__title">Двухэтажный дом с бассейном</div>                           <div class="item-object__adress">ул. Саракас, Тирана</div>                           <div class="item-object__property property">                              <div class="property__square">160 м кв.</div>                              <div class="property__bedrooms">2 спальни</div>                              <div class="property__sotki">4 сот</div>                              <div class="property__bath">2 санузла</div>                           </div>                           <div class="item-object__cost1">₴ 985 135</div>                           <div class="item-object__cost2">€ 32 837</div>                           <div class="item-object__link">Продажа квартиры</div>                        </div>                     </a>                     <a href="#" class="objects__item item-object">                        <div class="item-object__image ibg"><picture><source srcset="img/obimage1.webp" type="image/webp"><img src="img/obimage1.jpg" alt="" /></picture></div>                        <div class="item-object__body">                           <div class="item-object__title">Двухуровневая квартира</div>                           <div class="item-object__adress">ул. Саракас, Тирана</div>                           <div class="item-object__property property">                              <div class="property__square">110 м кв.</div>                              <div class="property__bedrooms">2 спальни</div>                              <div class="property__floor">6 этаж</div>                              <div class="property__bath">2 санузла</div>                           </div>                           <div class="item-object__cost1">₴ 10 200 — 12 500 / мес.</div>                           <div class="item-object__cost2">€ 340 — 415 / мес.</div>                           <div class="item-object__link">Аренда квартиры</div>                        </div>                     </a>                     <a href="#" class="objects__item item-object">                        <div class="item-object__image ibg"><picture><source srcset="img/obimage2.webp" type="image/webp"><img src="img/obimage2.jpg" alt="" /></picture></div>                        <div class="item-object__body">                           <div class="item-object__title">Дом с бассейном</div>                           <div class="item-object__adress">ул. Саракас, Тирана</div>                           <div class="item-object__property property">                              <div class="property__square">560 м кв.</div>                              <div class="property__bedrooms">3 спальни</div>                              <div class="property__floor">5 сот</div>                              <div class="property__bath">2 санузла</div>                           </div>                           <div class="item-object__cost1">₴ 1 635 624</div>                           <div class="item-object__cost2">€ 54 520</div>                           <div class="item-object__link">Продажа дома</div>                        </div>                     </a>                  </div>                  <div class="content__pagination">                  </div>                  <div class="inner-left preview" id="demo1">                     <!-- <div class="data-container">                        <ul>                           <li>1</li>                           <li>2</li>                           <li>3</li>                           <li>4</li>                           <li>5</li>                           <li>6</li>                           <li>7</li>                           <li>8</li>                           <li>9</li>                           <li>10</li>                        </ul>                     </div> -->                     <div class="paginationjs">                        <div class="paginationjs-pages">                           <ul class="pagination__menu">                              <li class="paginationjs-arrow paginationjs-prev disabled">                                 <a><svg width="16" height="16" viewBox="0 0 16 16" fill=""                                       xmlns="http://www.w3.org/2000/svg">                                       <path                                          d="M14.1133 3.05664L8 9.16995L1.88669 3.05664L0 4.94327L8 12.9433L16 4.94327L14.1133 3.05664Z"                                          fill="" />                                    </svg></a>                              </li>                              <li class="paginationjs-page J-paginationjs-page active" data-num="1"><a>1</a></li>                              <li class="paginationjs-page J-paginationjs-page" data-num="2"><a href="">2</a></li>                              <li class="paginationjs-page J-paginationjs-page" data-num="3"><a href="">3</a></li>                              <li class="paginationjs-page J-paginationjs-page" data-num="4"><a href="">4</a></li>                              <li class="paginationjs-page J-paginationjs-page" data-num="5"><a href="">5</a></li>                              <li class="paginationjs-ellipsis disabled"><a>...</a></li>                              <li class="paginationjs-page paginationjs-last J-paginationjs-page" data-num="10"><a                                    href="">10</a></li>                              <li class="paginationjs-arrow paginationjs-next J-paginationjs-next" data-num="2"                                 title="Next page"><a href=""><svg width="16" height="16" viewBox="0 0 16 16" fill=""                                       xmlns="http://www.w3.org/2000/svg">                                       <path                                          d="M14.1133 3.05664L8 9.16995L1.88669 3.05664L0 4.94327L8 12.9433L16 4.94327L14.1133 3.05664Z"                                          fill="" />                                    </svg></a></li>                           </ul>                        </div>                     </div>                  </div>               </div>            </div>         </div>      </section>      <footer class="footer">   <div class="container">      <div class="footer__row revealator-slideright revealator-duration2">         <div class="footer__column logo-footer">            <a href="" class="header__logo"><picture><source srcset="img/icons/LogoBlack.svg" type="image/webp"><img src="img/icons/LogoBlack.svg" alt="" /></picture></a>         </div>         <div class="footer__column adress-footer">            <div class="footer__adress">Адрес               <p>Киев, ул. Шевченко, 4/41</p>               <p>Тирана, ул. Саракас 4/41</p>            </div>            <div class="footer__email">E-mail <br>               <a href="mail:architecture@arch.com">architecture@arch.com</a>            </div>         </div>         <div class="footer__column phone-footer">            <div class="footer__phone">Телефон <br>               <a href="tel:+380985955335">+38 098 595 53 35</a> <br>               <a href="tel:+355415233125">+35 54 152 33 125</a>            </div>            <div class="footer__telegram">Telegram <br>               <p>+38 098 595 53 35</p>            </div>         </div>         <div class="footer__column contact-footer">            <a href="#popup_2" class="btn btn-consult popup-link">Связь с консультантом</a>         </div>      </div>      <div class="footer__copyrights">&copy; 2020 ALBESTATE. ALL RIGHTS RESERVED</div>   </div></footer>      <div class="burger popup" id="popup">   <div class="burger__row">      <div class="burger__column ibg">         <picture><source srcset="img/menu-image.webp" type="image/webp"><img src="img/menu-image.jpg" alt="fon" /></picture>      </div>      <div class="burger__column content popup__content">         <ul class="burger__ul">            <li class="burger__li"><a href="by_flat.html" class="burger__link">Купить квартиру</a>            </li>            <li class="burger__li"><a href="#" class="burger__link">Арендовать квартиру</a>            </li>            <li class="burger__li"><a href="#" class="burger__link">Купить дом</a>            </li>            <li class="burger__li"><a href="#" class="burger__link">Арендовать дом</a>            </li>         </ul>         <span class="header__text">Коммерческий курс: 1 EUR = 30.25 грн</span>         <div class="burger__links">            <a href="#popup_2" class="btn btn-consult popup-link">Связь с консультантом</a>            <a href="contacts.html" class="btn btn-contacts">Наши контакты <svg width="29" height="4" viewBox="0 0 29 4"                  fill="none" xmlns="http://www.w3.org/2000/svg">                  <path fill-rule="evenodd" clip-rule="evenodd"                     d="M19 1L0 1V0L23 2.01072e-06V3.05176e-05H29L19 4.00012V1Z" fill="#0F0F0F" />               </svg>            </a>         </div>      </div>      <a href="#" class="popup-close">         <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">            <path fill-rule="evenodd" clip-rule="evenodd"               d="M8.33345 10.0001L0.000264956 18.3333L1.66693 20L10.0001 11.6668L18.3333 20L20 18.3333L11.6668 10.0001L20.0002 1.66667L18.3336 0L10.0001 8.33346L1.66667 9.90475e-06L0 1.66668L8.33345 10.0001Z"               fill="" />         </svg>      </a>   </div></div>      <div class="contact-popup popup" id="popup_2">   <div class="contact-popup__body">      <div class="contact-popup__content popup__content">         <a href="#" class="popup-close">            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">               <path fill-rule="evenodd" clip-rule="evenodd"                  d="M8.33345 10.0001L0.000264956 18.3333L1.66693 20L10.0001 11.6668L18.3333 20L20 18.3333L11.6668 10.0001L20.0002 1.66667L18.3336 0L10.0001 8.33346L1.66667 9.90475e-06L0 1.66668L8.33345 10.0001Z"                  fill="" />            </svg>         </a>         <div class="contact-popup__ttle">Связь с консультантом</div>         <form action="#" class="contact-popup__form">            <div class="feedback__name">               <input class="nameinput" type="text" name="name" id="name-field" required>               <label class="namelabel" for="name-field">Имя</label>            </div>            <div class="feedback__tel">               <input class="telinput" autocomplete="off" type="tel" id="tel-field" maxlength="12" required />               <label class="tellabel" for="tel-field">Телефон</label>            </div>            <div class="feedback__mail">               <input class="mailinput" type="mail" name="login" id="mail-field" required>               <label class="maillabel" for="mail-field">E-mail</label>            </div>            <div class="feedback__text">               <input class="textinput" type="text" name="text" id="text-field" required>               <label class="textlabel" for="text-field">Что ваш интересует?</label>            </div>            <!-- <button class="feedback__submit" type="submit">Отправить</button> -->            <a href="#popup_3" class="feedback__submit popup-link">Отправить</a>         </form>      </div>   </div></div>      <div class="thanks contact-popup popup" id="popup_3">   <div class="contact-popup__body">      <div class="contact-popup__content popup__content">         <a href="#" class="popup-close">            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">               <path fill-rule="evenodd" clip-rule="evenodd"                  d="M8.33345 10.0001L0.000264956 18.3333L1.66693 20L10.0001 11.6668L18.3333 20L20 18.3333L11.6668 10.0001L20.0002 1.66667L18.3336 0L10.0001 8.33346L1.66667 9.90475e-06L0 1.66668L8.33345 10.0001Z"                  fill="" />            </svg>         </a>         <div class="contact-popup__ttle">Спасибо за обращение</div>         <p class="contact-popup__text">Вскоре наш консультант свяжется с вами.            <br>Ожидайте звонок или письмо по электронной почте.         </p>         <a href="" class="feedback__submit thanks-btn" type="submit">Хорошо</a>      </div>   </div></div>      <button class="up-btn">         <svg width="16" height="16" viewBox="0 0 16 16" fill="" xmlns="http://www.w3.org/2000/svg">            <path d="M14.1133 3.05664L8 9.16995L1.88669 3.05664L0 4.94327L8 12.9433L16 4.94327L14.1133 3.05664Z"               fill="" />         </svg>      </button>   </div>   <script src="js/script.min.js"></script></body></html>