View file Benhome/dist/html/contact-dark.html

File size: 32.66Kb
<!DOCTYPE html>
<html lang="en" class="dark">
  <head>
    <title>Contact us</title>
    <meta charset="utf-8">
    <meta name="keywords" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="images/favicons/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="images/favicons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="images/favicons/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="images/favicons/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="96x96" href="images/favicons/android-chrome-96x96.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicons/favicon-16x16.png">
    <link rel="manifest" href="images/favicons/manifest.json">
    <link rel="yandex-tableau-widget" href="images/favicons/yandex-browser-manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="images/favicons/mstile-144x144.png">
    <meta name="msapplication-config" content="images/favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body class="webpage">
    <div class="wrap animsition contact-page" data-animsition-in-class="fade-in" data-animsition-in-duration="1000" data-animsition-out-class="fade-out" data-animsition-out-duration="800">
      <header class="header header--black">
        <div class="header-cnt">
          <div class="header-logo"><span class="header-logo-main">Benhome</span><span class="header-logo-small">Arhitecture</span></div>
          <div class="container">
            <div class="header-inner js-header-inner">
              <div class="header-top">
                <ul class="header-lang">
                  <li class="header-lang__item active"><a class="header-lang__link" href="#">ENG</a></li>
                  <li class="header-lang__item"><a class="header-lang__link" href="#">FRA</a></li>
                  <li class="header-lang__item"> <a class="header-lang__link" href="#">GER</a></li>
                </ul>
                <nav class="header-nav">
                  <ul class="header-nav-list">
                    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Home</a>
                      <div class="dropdown-menu">
                        <ul class="dropdown-list">
                          <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="home-architecture.html">Home architecture</a></li>
                          <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="home-interior.html">Home Interior</a></li>
                          <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="home-architecture-dark.html">Home architecture dark</a></li>
                          <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="home-interior-dark.html">Home Interior dark</a></li>
                        </ul>
                      </div>
                    </li>
                    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Pages</a>
                      <div class="dropdown-menu">
                        <div class="dropdown-menu__inner">
                          <ul class="dropdown-list">
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="about.html">about</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="services.html">services</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="contact.html">contact</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="error.html">404</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="coming-soon.html">Coming soon</a></li>
                          </ul>
                          <ul class="dropdown-list">
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="about-dark.html">about dark</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="services-dark.html">services dark</a></li>
                            <li class="dropdown-list__item active"><a class="dropdown-list__link animsition-link" href="contact-dark.html">contact dark</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="error-dark.html">404 dark</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="coming-soon-dark.html">Coming soon dark</a></li>
                          </ul>
                        </div>
                      </div>
                    </li>
                    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Portfolio</a>
                      <div class="dropdown-menu">
                        <div class="dropdown-menu__inner">
                          <ul class="dropdown-list">
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="portfolio-grid.html">Grid</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="portfolio-masonry.html">Masonry</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="portfolio-detail.html">Project detail</a></li>
                          </ul>
                          <ul class="dropdown-list">
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="portfolio-grid-dark.html">Grid dark</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="portfolio-masonry-dark.html">Masonry dark</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="portfolio-detail-dark.html">Project detail dark</a></li>
                          </ul>
                        </div>
                      </div>
                    </li>
                    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">News</a>
                      <div class="dropdown-menu">
                        <div class="dropdown-menu__inner">
                          <ul class="dropdown-list">
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="news-grid.html">Grid</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="news-listing.html">Listing</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="news-single.html">Single post</a></li>
                          </ul>
                          <ul class="dropdown-list">
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="news-grid-dark.html">Grid dark</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="news-listing-dark.html">Listing dark</a></li>
                            <li class="dropdown-list__item"><a class="dropdown-list__link animsition-link" href="news-single-dark.html">Single post dark</a></li>
                          </ul>
                        </div>
                      </div>
                    </li>
                    <li class="nav-item active"><a class="nav-link animsition-link" href="contact-dark.html">Contact</a></li>
                  </ul>
                </nav>
              </div>
              <div class="header-bottom">
                <ul class="header-social">
                  <li class="header-social__item"><a class="header-social__link" href="#">
                      <svg width="20" height="19" viewbox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M19.968 9.55518C19.968 4.48154 15.4975 0.367676 9.98399 0.367676C4.47051 0.367676 0 4.48154 0 9.55518C0 14.1407 3.6504 17.9416 8.42399 18.6315V12.2118H5.88832V9.55518H8.42399V7.53105C8.42399 5.22885 9.9149 3.95613 12.1952 3.95613C13.2876 3.95613 14.4304 4.13578 14.4304 4.13578V6.39697H13.1708C11.9313 6.39697 11.5435 7.1049 11.5435 7.83252V9.55518H14.3123L13.8702 12.2118H11.544V18.6323C16.3176 17.9429 19.968 14.142 19.968 9.55518V9.55518Z" fill="white"></path>
                      </svg></a></li>
                  <li class="header-social__item"><a class="header-social__link" href="#">
                      <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M19.6875 1.86622C18.949 2.1871 18.1676 2.39851 17.3681 2.49376C18.2083 2.00172 18.8402 1.22004 19.1453 0.295319C18.3508 0.759859 17.4831 1.0858 16.5793 1.25919C16.1987 0.860322 15.741 0.543014 15.234 0.326551C14.727 0.110087 14.1812 -0.00101199 13.6299 6.94576e-06C11.3978 6.94576e-06 9.5915 1.78008 9.5915 3.97442C9.58992 4.27964 9.6249 4.58396 9.69568 4.88087C8.09513 4.80583 6.52785 4.39753 5.09413 3.68208C3.66041 2.96664 2.39182 1.9598 1.36951 0.725983C1.01086 1.3306 0.821187 2.02045 0.820312 2.72344C0.820312 4.10157 1.53932 5.31973 2.625 6.0334C1.98176 6.01814 1.35171 5.84789 0.78832 5.53712V5.58633C0.78832 7.51407 2.18285 9.11778 4.02855 9.48282C3.68147 9.57534 3.32381 9.62222 2.96461 9.62227C2.70973 9.62272 2.45543 9.59799 2.20541 9.54844C2.71852 11.1275 4.21189 12.276 5.9809 12.3088C4.54346 13.4166 2.77865 14.0153 0.963867 14.0109C0.641738 14.0105 0.319908 13.9913 0 13.9535C1.84619 15.1324 3.99223 15.756 6.1827 15.75C13.6213 15.75 17.6851 9.692 17.6851 4.4379C17.6851 4.26563 17.6806 4.09337 17.6724 3.9252C18.4612 3.36413 19.1436 2.66689 19.6875 1.86622Z" fill="white"></path>
                      </svg></a></li>
                  <li class="header-social__item"><a class="header-social__link" href="#">
                      <svg width="20" height="18" viewbox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M13.4703 16.0418C14.5202 16.0389 15.5262 15.6538 16.2685 14.9707C17.0109 14.2875 17.4294 13.3618 17.4325 12.3957V5.1043C17.4294 4.13818 17.0109 3.21246 16.2685 2.52931C15.5262 1.84616 14.5202 1.46109 13.4703 1.4582H5.5468C4.49693 1.46109 3.49095 1.84616 2.74858 2.52931C2.0062 3.21246 1.58775 4.13818 1.58462 5.1043V12.3957C1.58775 13.3618 2.0062 14.2875 2.74858 14.9707C3.49095 15.6538 4.49693 16.0389 5.5468 16.0418H13.4703ZM13.4703 17.5H5.5468C2.496 17.5 0 15.2031 0 12.3957V5.1043C0 2.29688 2.496 0 5.5468 0H13.4703C16.5211 0 19.0171 2.29688 19.0171 5.1043V12.3957C19.0171 15.2031 16.5211 17.5 13.4703 17.5Z" fill="white"></path>
                        <path d="M14.6589 12.3955C14.4238 12.3955 14.194 12.4597 13.9985 12.5798C13.8031 12.7 13.6507 12.8708 13.5608 13.0707C13.4708 13.2706 13.4473 13.4905 13.4931 13.7026C13.539 13.9148 13.6522 14.1097 13.8184 14.2627C13.9847 14.4156 14.1964 14.5198 14.427 14.562C14.6576 14.6042 14.8965 14.5825 15.1137 14.4998C15.3309 14.417 15.5165 14.2768 15.6471 14.0969C15.7777 13.917 15.8474 13.7056 15.8474 13.4893C15.8478 13.3455 15.8173 13.2032 15.7577 13.0703C15.698 12.9375 15.6105 12.8168 15.5001 12.7152C15.3896 12.6135 15.2585 12.533 15.1141 12.4781C14.9698 12.4233 14.8151 12.3952 14.6589 12.3955ZM9.50855 11.6666C10.1355 11.6666 10.7483 11.4955 11.2695 11.175C11.7908 10.8545 12.197 10.399 12.4369 9.86601C12.6768 9.33304 12.7396 8.74657 12.6173 8.18077C12.495 7.61496 12.1931 7.09524 11.7498 6.68732C11.3066 6.2794 10.7418 6.0016 10.1269 5.88905C9.51207 5.77651 8.87476 5.83427 8.29558 6.05504C7.7164 6.2758 7.22136 6.64965 6.87308 7.12932C6.52479 7.60898 6.33889 8.17292 6.33889 8.7498C6.33979 9.52313 6.67403 10.2646 7.26826 10.8114C7.86249 11.3582 8.66818 11.6658 9.50855 11.6666ZM9.50855 13.1248C8.56824 13.1248 7.64905 12.8682 6.86722 12.3875C6.08538 11.9068 5.47601 11.2235 5.11617 10.424C4.75633 9.62462 4.66218 8.74495 4.84563 7.89628C5.02907 7.04762 5.48187 6.26807 6.14677 5.65621C6.81167 5.04436 7.6588 4.62768 8.58104 4.45887C9.50328 4.29006 10.4592 4.3767 11.3279 4.70783C12.1967 5.03896 12.9392 5.59972 13.4616 6.31918C13.984 7.03865 14.2628 7.88451 14.2628 8.7498C14.2628 9.91013 13.7619 11.0229 12.8703 11.8434C11.9787 12.6639 10.7695 13.1248 9.50855 13.1248Z" fill="white"></path>
                      </svg></a></li>
                </ul>
                <div class="header-contacts"><a class="header-contacts__link" href="tel:+23254523235">+2 325 452 32 35</a>
                  <p class="header-contacts__copyright">© Benhome 2021</p>
                </div>
              </div>
            </div>
          </div>
          <div class="header-phone">
            <ul class="header-social">
              <li class="header-social__item"><a class="header-social__link" href="#">
                  <svg width="20" height="19" viewbox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.968 9.55518C19.968 4.48154 15.4975 0.367676 9.98399 0.367676C4.47051 0.367676 0 4.48154 0 9.55518C0 14.1407 3.6504 17.9416 8.42399 18.6315V12.2118H5.88832V9.55518H8.42399V7.53105C8.42399 5.22885 9.9149 3.95613 12.1952 3.95613C13.2876 3.95613 14.4304 4.13578 14.4304 4.13578V6.39697H13.1708C11.9313 6.39697 11.5435 7.1049 11.5435 7.83252V9.55518H14.3123L13.8702 12.2118H11.544V18.6323C16.3176 17.9429 19.968 14.142 19.968 9.55518V9.55518Z" fill="white"></path>
                  </svg></a></li>
              <li class="header-social__item"><a class="header-social__link" href="#">
                  <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M19.6875 1.86622C18.949 2.1871 18.1676 2.39851 17.3681 2.49376C18.2083 2.00172 18.8402 1.22004 19.1453 0.295319C18.3508 0.759859 17.4831 1.0858 16.5793 1.25919C16.1987 0.860322 15.741 0.543014 15.234 0.326551C14.727 0.110087 14.1812 -0.00101199 13.6299 6.94576e-06C11.3978 6.94576e-06 9.5915 1.78008 9.5915 3.97442C9.58992 4.27964 9.6249 4.58396 9.69568 4.88087C8.09513 4.80583 6.52785 4.39753 5.09413 3.68208C3.66041 2.96664 2.39182 1.9598 1.36951 0.725983C1.01086 1.3306 0.821187 2.02045 0.820312 2.72344C0.820312 4.10157 1.53932 5.31973 2.625 6.0334C1.98176 6.01814 1.35171 5.84789 0.78832 5.53712V5.58633C0.78832 7.51407 2.18285 9.11778 4.02855 9.48282C3.68147 9.57534 3.32381 9.62222 2.96461 9.62227C2.70973 9.62272 2.45543 9.59799 2.20541 9.54844C2.71852 11.1275 4.21189 12.276 5.9809 12.3088C4.54346 13.4166 2.77865 14.0153 0.963867 14.0109C0.641738 14.0105 0.319908 13.9913 0 13.9535C1.84619 15.1324 3.99223 15.756 6.1827 15.75C13.6213 15.75 17.6851 9.692 17.6851 4.4379C17.6851 4.26563 17.6806 4.09337 17.6724 3.9252C18.4612 3.36413 19.1436 2.66689 19.6875 1.86622Z" fill="white"></path>
                  </svg></a></li>
              <li class="header-social__item"><a class="header-social__link" href="#">
                  <svg width="20" height="18" viewbox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13.4703 16.0418C14.5202 16.0389 15.5262 15.6538 16.2685 14.9707C17.0109 14.2875 17.4294 13.3618 17.4325 12.3957V5.1043C17.4294 4.13818 17.0109 3.21246 16.2685 2.52931C15.5262 1.84616 14.5202 1.46109 13.4703 1.4582H5.5468C4.49693 1.46109 3.49095 1.84616 2.74858 2.52931C2.0062 3.21246 1.58775 4.13818 1.58462 5.1043V12.3957C1.58775 13.3618 2.0062 14.2875 2.74858 14.9707C3.49095 15.6538 4.49693 16.0389 5.5468 16.0418H13.4703ZM13.4703 17.5H5.5468C2.496 17.5 0 15.2031 0 12.3957V5.1043C0 2.29688 2.496 0 5.5468 0H13.4703C16.5211 0 19.0171 2.29688 19.0171 5.1043V12.3957C19.0171 15.2031 16.5211 17.5 13.4703 17.5Z" fill="white"></path>
                    <path d="M14.6589 12.3955C14.4238 12.3955 14.194 12.4597 13.9985 12.5798C13.8031 12.7 13.6507 12.8708 13.5608 13.0707C13.4708 13.2706 13.4473 13.4905 13.4931 13.7026C13.539 13.9148 13.6522 14.1097 13.8184 14.2627C13.9847 14.4156 14.1964 14.5198 14.427 14.562C14.6576 14.6042 14.8965 14.5825 15.1137 14.4998C15.3309 14.417 15.5165 14.2768 15.6471 14.0969C15.7777 13.917 15.8474 13.7056 15.8474 13.4893C15.8478 13.3455 15.8173 13.2032 15.7577 13.0703C15.698 12.9375 15.6105 12.8168 15.5001 12.7152C15.3896 12.6135 15.2585 12.533 15.1141 12.4781C14.9698 12.4233 14.8151 12.3952 14.6589 12.3955ZM9.50855 11.6666C10.1355 11.6666 10.7483 11.4955 11.2695 11.175C11.7908 10.8545 12.197 10.399 12.4369 9.86601C12.6768 9.33304 12.7396 8.74657 12.6173 8.18077C12.495 7.61496 12.1931 7.09524 11.7498 6.68732C11.3066 6.2794 10.7418 6.0016 10.1269 5.88905C9.51207 5.77651 8.87476 5.83427 8.29558 6.05504C7.7164 6.2758 7.22136 6.64965 6.87308 7.12932C6.52479 7.60898 6.33889 8.17292 6.33889 8.7498C6.33979 9.52313 6.67403 10.2646 7.26826 10.8114C7.86249 11.3582 8.66818 11.6658 9.50855 11.6666ZM9.50855 13.1248C8.56824 13.1248 7.64905 12.8682 6.86722 12.3875C6.08538 11.9068 5.47601 11.2235 5.11617 10.424C4.75633 9.62462 4.66218 8.74495 4.84563 7.89628C5.02907 7.04762 5.48187 6.26807 6.14677 5.65621C6.81167 5.04436 7.6588 4.62768 8.58104 4.45887C9.50328 4.29006 10.4592 4.3767 11.3279 4.70783C12.1967 5.03896 12.9392 5.59972 13.4616 6.31918C13.984 7.03865 14.2628 7.88451 14.2628 8.7498C14.2628 9.91013 13.7619 11.0229 12.8703 11.8434C11.9787 12.6639 10.7695 13.1248 9.50855 13.1248Z" fill="white"></path>
                  </svg></a></li>
            </ul><a class="header-phone__link" href="tel:+19226279252">+1 (922) 627-92-52</a>
          </div>
          <div class="header-burger js-header-burger">
            <div class="header-burger-inner"><span class="header-burger-line"></span><span class="header-burger-line"></span><span class="header-burger-line"></span></div>
          </div>
        </div>
      </header>
      <main class="main">
        <section class="section contact">
          <div class="inner-title-wrap contact-title-wrap">
            <div class="container">
              <h1 class="inner-title contact-title aos-init aos-animate" data-aos="fade">Contact us</h1>
            </div>
          </div>
          <div class="contact-map">
            <div class="js-map map"></div>
          </div>
          <div class="contact-cnt">
            <div class="container">
              <div class="title-wrap aos-init aos-animate" data-aos="fade">
                <h2 class="title js-title">Australia</h2>
                <div class="title-line js-title-line"></div>
              </div>
              <div class="contact-items row">
                <div class="col-xl-6 contact-item">
                  <div class="contact-info">
                    <div class="contact-info__phone aos-init aos-animate" data-aos="fade"><a class="contact-info__phone-link" href="tel:+19226279252">+1 (922) 627-92-52</a></div>
                    <div class="contact-info__addr aos-init aos-animate" data-aos="fade"><a class="contact-info__addr-link" href="#">269 King Str, 05th Floor, Utral Hosue Building, <span>Melbourne, VIC 3000, Australia.</span></a></div>
                    <ul class="contact-info__list">
                      <li class="contact-info__item aos-init aos-animate" data-aos="fade"><span class="contact-info__title">Email: <a href="#">info@benhouse.co</a></span></li>
                      <li class="contact-info__item aos-init aos-animate" data-aos="fade"><span class="contact-info__title">Follow us:</span>
                        <ul class="contact-info__social">
                          <li class="contact-info__social-item"><a class="contact-info__social-link" href="#" target="_blank">
                              <svg width="9" height="18" viewBox="0 0 9 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M6 6H9L8.625 9H6V18H2.10938V9H0V6H2.10938V3.98438C2.10938 2.67188 2.4375 1.6875 3.09375 1.03125C3.75 0.34375 4.84375 0 6.375 0H9V3H7.40625C6.8125 3 6.42188 3.09375 6.23438 3.28125C6.07812 3.46875 6 3.78125 6 4.21875V6Z" fill="black"></path>
                              </svg></a></li>
                          <li class="contact-info__social-item"><a class="contact-info__social-link" href="#" target="_blank">
                              <svg width="23" height="18" viewBox="0 0 23 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M22.125 2.15625C21.5625 3.03125 20.8125 3.8125 19.875 4.5V5.0625C19.875 8.34375 18.6875 11.3281 16.3125 14.0156C13.9688 16.6719 10.8438 18 6.9375 18C4.4375 18 2.125 17.3125 0 15.9375C0.5 16 0.859375 16.0312 1.07812 16.0312C3.17188 16.0312 5.04688 15.375 6.70312 14.0625C5.73438 14.0312 4.85938 13.7344 4.07812 13.1719C3.29688 12.5781 2.76562 11.8281 2.48438 10.9219C2.85938 10.9844 3.14062 11.0156 3.32812 11.0156C3.64062 11.0156 4.04688 10.9531 4.54688 10.8281C3.51562 10.6094 2.64062 10.0938 1.92188 9.28125C1.23438 8.4375 0.890625 7.46875 0.890625 6.375V6.32812C1.57812 6.70312 2.26562 6.89062 2.95312 6.89062C1.60938 6.01562 0.9375 4.75 0.9375 3.09375C0.9375 2.3125 1.14062 1.5625 1.54688 0.84375C3.95312 3.8125 7.0625 5.39062 10.875 5.57812C10.8125 5.35938 10.7812 5.01562 10.7812 4.54688C10.7812 3.26563 11.2188 2.1875 12.0938 1.3125C12.9688 0.4375 14.0469 0 15.3281 0C16.6094 0 17.7031 0.484375 18.6094 1.45312C19.5469 1.29688 20.5156 0.921875 21.5156 0.328125C21.2031 1.42187 20.5312 2.26562 19.5 2.85938C20.4688 2.76562 21.3438 2.53125 22.125 2.15625Z" fill="black"></path>
                              </svg></a></li>
                          <li class="contact-info__social-item"><a class="contact-info__social-link" href="#" target="_blank">
                              <svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M3.04688 3.59375C5.10938 1.53125 7.59375 0.5 10.5 0.5C13.4062 0.5 15.875 1.53125 17.9062 3.59375C19.9688 5.625 21 8.09375 21 11C21 13.9062 19.9688 16.3906 17.9062 18.4531C15.875 20.4844 13.4062 21.5 10.5 21.5C9.4375 21.5 8.4375 21.3594 7.5 21.0781C8.0625 20.0781 8.42188 19.3281 8.57812 18.8281L9.32812 15.9219C9.79688 16.7969 10.6406 17.2344 11.8594 17.2344C13.5469 17.2344 14.9062 16.5625 15.9375 15.2188C17 13.875 17.5312 12.1562 17.5312 10.0625C17.5312 8.4375 16.9062 7.03125 15.6562 5.84375C14.4062 4.625 12.8125 4.01562 10.875 4.01562C8.5625 4.01562 6.73438 4.70313 5.39062 6.07812C4.04688 7.42188 3.375 8.92188 3.375 10.5781C3.375 12.6719 4.09375 14.0156 5.53125 14.6094C5.8125 14.7344 6 14.6406 6.09375 14.3281C6.09375 14.2656 6.10938 14.125 6.14062 13.9062C6.20312 13.6875 6.25 13.5469 6.28125 13.4844C6.34375 13.2969 6.29688 13.1094 6.14062 12.9219C5.67188 12.3594 5.4375 11.6719 5.4375 10.8594C5.4375 9.48438 5.90625 8.3125 6.84375 7.34375C7.8125 6.34375 9.0625 5.84375 10.5938 5.84375C11.9688 5.84375 13.0469 6.21875 13.8281 6.96875C14.6094 7.6875 15 8.64062 15 9.82812C15 11.3906 14.6875 12.7188 14.0625 13.8125C13.4375 14.875 12.6406 15.4062 11.6719 15.4062C11.1094 15.4062 10.6562 15.2188 10.3125 14.8438C9.96875 14.4375 9.85938 13.9531 9.98438 13.3906C10.0469 13.0781 10.1562 12.6562 10.3125 12.125C10.5 11.5938 10.6406 11.125 10.7344 10.7188C10.8594 10.3125 10.9219 9.96875 10.9219 9.6875C10.9219 9.25 10.7969 8.875 10.5469 8.5625C10.2969 8.25 9.95312 8.09375 9.51562 8.09375C8.95312 8.09375 8.46875 8.35938 8.0625 8.89062C7.6875 9.39062 7.5 10.0312 7.5 10.8125C7.5 11.0938 7.53125 11.375 7.59375 11.6562C7.65625 11.9375 7.71875 12.1562 7.78125 12.3125L7.82812 12.5C7.04688 15.75 6.59375 17.6562 6.46875 18.2188C6.28125 18.9688 6.21875 19.7656 6.28125 20.6094C4.40625 19.7656 2.89062 18.4844 1.73438 16.7656C0.578125 15.0469 0 13.125 0 11C0 8.09375 1.01562 5.625 3.04688 3.59375Z" fill="black"></path>
                              </svg></a></li>
                        </ul>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="col-xl-6 contact-item">
                  <form class="contact-form">
                    <h3 class="contact-form__title aos-init aos-animate" data-aos="fade">Let's grab a coffee and jump on conversation <span>chat with us.</span></h3>
                    <div class="form-group-items">
                      <div class="form-group aos-init aos-animate" data-aos="fade">
                        <input class="form-control" type="text" placeholder="Name">
                      </div>
                      <div class="form-group aos-init aos-animate" data-aos="fade">
                        <input class="form-control" type="email" placeholder="Email *">
                      </div>
                    </div>
                    <div class="form-group aos-init aos-animate" data-aos="fade">
                      <textarea class="form-control" name="message" cols="30" rows="10" placeholder="Message *"></textarea>
                    </div>
                    <div class="form-group aos-init aos-animate" data-aos="fade">
                      <input class="btn contact-form__btn" type="submit" value="Learn more">
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </section>
      </main>
      <footer class="footer">
        <div class="container-big">
          <div class="footer-items">
            <div class="footer-item">
              <div class="footer-logo"><span class="footer-logo-main">Benhome</span><span class="footer-logo-small">Arhitecture</span></div>
            </div>
            <div class="footer-item">
              <p class="copyright">© Benhome 2021 <br> All Rights Resevered</p>
            </div>
            <div class="footer-item">
              <ul class="footer-list">
                <li class="footer-list__item"><a class="footer-list__link" href="#">Site Map</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">Term & Conditions</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">Privacy Policy</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">Help</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">Affiliatep</a></li>
              </ul>
            </div>
            <div class="footer-item footer-item--hide">
              <ul class="footer-list">
                <li class="footer-list__item"><a class="footer-list__link" href="#">Home</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">About</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">Portfolio</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">News</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">Contact</a></li>
              </ul>
            </div>
            <div class="footer-item footer-item--hide">
              <ul class="footer-list">
                <li class="footer-list__item active"><a class="footer-list__link" href="#">ENG</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">FRA</a></li>
                <li class="footer-list__item"><a class="footer-list__link" href="#">GER</a></li>
              </ul>
            </div>
            <div class="footer-item footer-item--hide">
              <ul class="footer-social">
                <li class="footer-social__item"><a class="footer-social__link" href="#"> 
                    <svg width="20" height="19" viewbox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M19.968 9.55518C19.968 4.48154 15.4975 0.367676 9.98399 0.367676C4.47051 0.367676 0 4.48154 0 9.55518C0 14.1407 3.6504 17.9416 8.42399 18.6315V12.2118H5.88832V9.55518H8.42399V7.53105C8.42399 5.22885 9.9149 3.95613 12.1952 3.95613C13.2876 3.95613 14.4304 4.13578 14.4304 4.13578V6.39697H13.1708C11.9313 6.39697 11.5435 7.1049 11.5435 7.83252V9.55518H14.3123L13.8702 12.2118H11.544V18.6323C16.3176 17.9429 19.968 14.142 19.968 9.55518V9.55518Z" fill="black"></path>
                    </svg></a></li>
                <li class="footer-social__item"><a class="footer-social__link" href="#"> 
                    <svg width="20" height="16" viewbox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M19.6875 1.86622C18.949 2.1871 18.1676 2.39851 17.3681 2.49376C18.2083 2.00172 18.8402 1.22004 19.1453 0.295319C18.3508 0.759859 17.4831 1.0858 16.5793 1.25919C16.1987 0.860322 15.741 0.543014 15.234 0.326551C14.727 0.110087 14.1812 -0.00101199 13.6299 6.94576e-06C11.3978 6.94576e-06 9.5915 1.78008 9.5915 3.97442C9.58992 4.27964 9.6249 4.58396 9.69568 4.88087C8.09513 4.80583 6.52785 4.39753 5.09413 3.68208C3.66041 2.96664 2.39182 1.9598 1.36951 0.725983C1.01086 1.3306 0.821187 2.02045 0.820312 2.72344C0.820312 4.10157 1.53932 5.31973 2.625 6.0334C1.98176 6.01814 1.35171 5.84789 0.78832 5.53712V5.58633C0.78832 7.51407 2.18285 9.11778 4.02855 9.48282C3.68147 9.57534 3.32381 9.62222 2.96461 9.62227C2.70973 9.62272 2.45543 9.59799 2.20541 9.54844C2.71852 11.1275 4.21189 12.276 5.9809 12.3088C4.54346 13.4166 2.77865 14.0153 0.963867 14.0109C0.641738 14.0105 0.319908 13.9913 0 13.9535C1.84619 15.1324 3.99223 15.756 6.1827 15.75C13.6213 15.75 17.6851 9.692 17.6851 4.4379C17.6851 4.26563 17.6806 4.09337 17.6724 3.9252C18.4612 3.36413 19.1436 2.66689 19.6875 1.86622Z" fill="black"></path>
                    </svg></a></li>
                <li class="footer-social__item"><a class="footer-social__link" href="#"> 
                    <svg width="20" height="18" viewbox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M13.4703 16.0418C14.5202 16.0389 15.5262 15.6538 16.2685 14.9707C17.0109 14.2875 17.4294 13.3618 17.4325 12.3957V5.1043C17.4294 4.13818 17.0109 3.21246 16.2685 2.52931C15.5262 1.84616 14.5202 1.46109 13.4703 1.4582H5.5468C4.49693 1.46109 3.49095 1.84616 2.74858 2.52931C2.0062 3.21246 1.58775 4.13818 1.58462 5.1043V12.3957C1.58775 13.3618 2.0062 14.2875 2.74858 14.9707C3.49095 15.6538 4.49693 16.0389 5.5468 16.0418H13.4703ZM13.4703 17.5H5.5468C2.496 17.5 0 15.2031 0 12.3957V5.1043C0 2.29688 2.496 0 5.5468 0H13.4703C16.5211 0 19.0171 2.29688 19.0171 5.1043V12.3957C19.0171 15.2031 16.5211 17.5 13.4703 17.5Z" fill="black"></path>
                      <path d="M14.6589 12.3955C14.4238 12.3955 14.194 12.4597 13.9985 12.5798C13.8031 12.7 13.6507 12.8708 13.5608 13.0707C13.4708 13.2706 13.4473 13.4905 13.4931 13.7026C13.539 13.9148 13.6522 14.1097 13.8184 14.2627C13.9847 14.4156 14.1964 14.5198 14.427 14.562C14.6576 14.6042 14.8965 14.5825 15.1137 14.4998C15.3309 14.417 15.5165 14.2768 15.6471 14.0969C15.7777 13.917 15.8474 13.7056 15.8474 13.4893C15.8478 13.3455 15.8173 13.2032 15.7577 13.0703C15.698 12.9375 15.6105 12.8168 15.5001 12.7152C15.3896 12.6135 15.2585 12.533 15.1141 12.4781C14.9698 12.4233 14.8151 12.3952 14.6589 12.3955ZM9.50855 11.6666C10.1355 11.6666 10.7483 11.4955 11.2695 11.175C11.7908 10.8545 12.197 10.399 12.4369 9.86601C12.6768 9.33304 12.7396 8.74657 12.6173 8.18077C12.495 7.61496 12.1931 7.09524 11.7498 6.68732C11.3066 6.2794 10.7418 6.0016 10.1269 5.88905C9.51207 5.77651 8.87476 5.83427 8.29558 6.05504C7.7164 6.2758 7.22136 6.64965 6.87308 7.12932C6.52479 7.60898 6.33889 8.17292 6.33889 8.7498C6.33979 9.52313 6.67403 10.2646 7.26826 10.8114C7.86249 11.3582 8.66818 11.6658 9.50855 11.6666ZM9.50855 13.1248C8.56824 13.1248 7.64905 12.8682 6.86722 12.3875C6.08538 11.9068 5.47601 11.2235 5.11617 10.424C4.75633 9.62462 4.66218 8.74495 4.84563 7.89628C5.02907 7.04762 5.48187 6.26807 6.14677 5.65621C6.81167 5.04436 7.6588 4.62768 8.58104 4.45887C9.50328 4.29006 10.4592 4.3767 11.3279 4.70783C12.1967 5.03896 12.9392 5.59972 13.4616 6.31918C13.984 7.03865 14.2628 7.88451 14.2628 8.7498C14.2628 9.91013 13.7619 11.0229 12.8703 11.8434C11.9787 12.6639 10.7695 13.1248 9.50855 13.1248Z" fill="black"></path>
                    </svg></a></li>
              </ul>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/isotope.pkgd.min.js"></script>
    <script src="js/packery-mode.pkgd.min.js"></script>
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/animsition.min.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/mixitup.min.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>