/home/bdqbpbxa/demo-subdomains/homesearch.goodface.com.ua/frontend/single-article.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Single article</title>

    <!-- TODO: Set or remove page description -->
    <meta charset="utf-8" />
    <meta name="description" content="Page description" />

    <!-- TODO: Delete noindex on production -->
    <meta name="robots" content="noindex" />
    <meta name="googlebot" content="noindex" />

    <!-- TODO: Set absolute page URL -->
    <link rel="canonical" href="https://sitename.com/page" />

    <!-- Mobile -->
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
    />
    <meta name="format-detection" content="telephone=no" />

    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="css/lib/OverlayScrollbars.min.css" />
    <link rel="stylesheet" type="text/css" href="css/lib/swiper-bundle.min.css" />
    <link rel="stylesheet" type="text/css" href="css/styles.css" />
    <link rel="stylesheet" type="text/css" href="css/adaptive.css" />

    <!-- Generate favicon by https://realfavicongenerator.net/ -->

    <!-- Opengraph -->
    <!-- TODO: Add or remove opengraph -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta property="og:type" content="website" />
    <meta property="og:image:type" content="images/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:url" content="https://sitename.com" />
    <meta property="og:site_name" content="Company name" />
    <meta property="og:title" content="Page title" />
    <meta property="og:description" content="Page description" />
    <meta property="og:image" content="images/opengraph.png" />
  </head>
  <body>
    <header class="header">
      <div class="container">
        <div class="header__container">
          <div class="open-mobile-menu"><span></span><span></span><span></span></div>
          <a href="#" class="logo">
            <svg viewBox="0 0 181 23" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M5.79 22.41H0V.8h5.79v8.22h8.8V.8h5.79V22.4h-5.8v-8.66H5.8v8.66Z" fill="#fff" />
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M30.22 22.73c4.86 0 8.31-3.32 8.31-7.96 0-4.64-3.45-7.96-8.31-7.96-4.87 0-8.32 3.32-8.32 7.96 0 4.64 3.45 7.96 8.32 7.96Zm2.94-7.96c0 1.89-1.2 3.2-2.94 3.2-1.75 0-2.95-1.32-2.95-3.2 0-1.87 1.2-3.17 2.95-3.17 1.74 0 2.94 1.29 2.94 3.17Z"
                fill="#fff"
              />
              <path
                d="M59.88 13.94c0-1.4-1-2.17-2.18-2.17-1.18 0-2.21.78-2.21 2.17v8.47h-5.5v-8.47c0-1.4-1.02-2.17-2.17-2.17-1.18 0-2.2.78-2.2 2.17v8.47h-5.56V7.13h5.05l.2 1.54c1.23-1.5 3.17-1.86 4.74-1.86 1.9 0 3.88.8 4.65 2.48a6.13 6.13 0 0 1 5.06-2.48c2.66 0 5.67 1.7 5.67 5.51v10.1h-5.55v-8.48Z"
                fill="#fff"
              />
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M75.96 22.73c2.47 0 4.67-.7 5.8-1.35l-.68-4.04c-.98.47-2.94.9-4.96.9-1.97 0-3.76-.68-3.95-2.15h9.94c1.04-6.36-2.66-9.28-7.29-9.28-4.67 0-7.94 3.14-7.94 7.95 0 4.8 3.36 7.97 9.08 7.97Zm-1.14-11.7c1.48 0 2.36 1.08 2.36 2.13h-5c.11-1.13 1-2.14 2.64-2.14Z"
                fill="#fff"
              />
              <path
                d="M89.99 22.73c-2.3 0-4.61-.37-6.16-.98l.52-4.28c1.26.47 3.4.96 5.07.96 1.48 0 2.17-.19 2.17-.7 0-.47-.5-.64-1.98-.86l-1.21-.19c-3.32-.5-4.81-1.9-4.81-4.7 0-3.2 2.74-5.17 7.17-5.17 1.97 0 4.03.37 5.3.9l-.5 4.26c-.87-.36-3.04-.76-4.42-.76-1.66 0-2.44.25-2.44.8 0 .45.65.6 2.44.91l1.24.2c3.08.53 4.41 1.94 4.41 4.59 0 3.1-2.58 5.02-6.8 5.02Z"
                fill="#fff"
              />
              <path
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M106.78 22.73c2.47 0 4.67-.7 5.8-1.35l-.68-4.04c-.97.47-2.94.9-4.96.9-1.97 0-3.76-.68-3.94-2.15h9.93c1.04-6.36-2.66-9.28-7.29-9.28-4.67 0-7.94 3.14-7.94 7.95 0 4.8 3.36 7.97 9.08 7.97Zm-1.14-11.7c1.48 0 2.37 1.08 2.37 2.13h-5c.1-1.13.99-2.14 2.63-2.14ZM124 22.41h5.1v-9.7c0-4.3-3.27-5.9-7.58-5.9-3.17 0-5.62.95-6.48 1.44l.5 4.41c.97-.6 3.15-1.22 5.02-1.22 1.81 0 2.99.44 2.99 1.92v.24a11 11 0 0 0-2.56-.28c-3.64 0-6.73 1.4-6.73 4.88 0 2.96 2.28 4.52 4.89 4.52 1.9 0 3.75-.86 4.67-2.12l.17 1.81Zm-.53-6.1v.4c0 1.4-1.32 1.98-2.28 1.98-.95 0-1.55-.44-1.55-1.28 0-1.04 1.07-1.36 2.14-1.36.58 0 1.14.08 1.69.26Z"
                fill="#fff"
              />
              <path
                d="M140.18 6.81c.62.01 1.24.11 1.84.3l-.34 4.76a5.37 5.37 0 0 0-1.86-.33c-2.03 0-3.47 1.14-3.47 3.77v7.1h-5.56V7.14h5.15l.19 2.09a4.31 4.31 0 0 1 4.05-2.4ZM150.92 6.81c2.17 0 3.82.39 5.16.97l-.43 4.56c-1.18-.46-2.43-.7-3.7-.69-2.22 0-3.89.94-3.89 3.1 0 1.96 1.54 3.05 3.74 3.05 1.36 0 2.7-.32 3.92-.91l.58 4.62c-1.4.72-3.13 1.21-5.33 1.21-4.91 0-8.41-3.25-8.41-7.95 0-4.99 3.54-7.96 8.36-7.96ZM173.52 12.32v10.1h-5.56v-8.48c0-1.4-1.06-2.17-2.2-2.17-1.16 0-2.2.78-2.2 2.17v8.47h-5.57V0h5.56v8.32c1-1 2.63-1.5 4.41-1.5 3.07 0 5.56 2.09 5.56 5.5Z"
                fill="#fff"
              />
              <circle cx="177.72" cy="19.46" fill="#FF4B51" r="3.12" />
            </svg>
          </a>
          <div class="header__menu">
            <div class="header__menu-point header-dropdown">
              <span class="header-dropdown__visible link link-2"> Features </span>
              <div class="header-dropdown__hidden">
                <p class="header-dropdown__hidden-title text-1 --demi-bold">What we offer</p>
                <div class="header-dropdown__hidden-content">
                  <ul>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Overview </span>
                        <span class="text text-3">Explore all of our features</span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Data and Insights </span>
                        <span class="text text-3">Rapidly test & validate prototypes, concepts, copy, and more</span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Home-finding service </span>
                        <span class="text text-3"> Rapidly test & validate prototypes, concepts, copy, and more </span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> On-market prospecting </span>
                        <span class="text text-3"> Rapidly test & validate prototypes, concepts, copy, and more </span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Off-market propspecting </span>
                        <span class="text text-3"> Rapidly test & validate prototypes, concepts, copy, and more </span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Interactive market guides </span>
                        <span class="text text-3"> Rapidly test & validate prototypes, concepts, copy, and more </span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Lead magnet (Free tool) </span>
                        <span class="text text-3">Rapidly test & validate prototypes, concepts, copy, and more</span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Customer service </span>
                        <span class="text text-3">Rapidly test & validate prototypes, concepts, copy, and more</span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> How we differ from a portal </span>
                        <span class="text text-3">Rapidly test & validate prototypes, concepts, copy, and more</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="header__menu-point header-dropdown">
              <span class="header-dropdown__visible link link-2"> Solutions </span>
              <div class="header-dropdown__hidden">
                <p class="header-dropdown__hidden-title text-1 --demi-bold">By agent size</p>
                <div class="header-dropdown__hidden-content">
                  <ul>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Local: 1-3 branches </span>
                        <span class="text text-3">Rapidly test & validate prototypes, concepts, copy, and more</span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Regional: 3-15 branches </span>
                        <span class="text text-3"> Rapidly test & validate prototypes, concepts, copy, and more </span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> National: 15+ branches </span>
                        <span class="text text-3">Rapidly test & validate prototypes, concepts, copy, and more</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <a href="#" class="header__menu-point link link-2">What agents say</a>
            <a href="#" class="header__menu-point link link-2">Pricing</a>
            <div class="header__menu-point header-dropdown">
              <span class="header-dropdown__visible link link-2"> Company </span>
              <div class="header-dropdown__hidden">
                <p class="header-dropdown__hidden-title text-1 --demi-bold">Title</p>
                <div class="header-dropdown__hidden-content">
                  <ul>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> About us </span>
                        <span class="text text-3">Lorem ipsum lorem ipsum</span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Contact us </span>
                        <span class="text text-3"> Drop us a message, we are happy to help you </span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Careers </span>
                        <span class="text text-3">We are hiring! Come and join us!</span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> FAQ’s </span>
                        <span class="text text-3">Lorem ipsum lorem ipsum</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="header__menu-point header-dropdown -active">
              <span class="header-dropdown__visible link link-2"> Resources </span>
              <div class="header-dropdown__hidden">
                <p class="header-dropdown__hidden-title text-1 --demi-bold">Explore our free content</p>
                <div class="header-dropdown__hidden-content">
                  <ul>
                    <li>
                      <a href="#" class="-active">
                        <span class="link link-2 --arrow-link"> Blog </span>
                        <span class="text text-3">Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum</span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> Webinars </span>
                        <span class="text text-3"> Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum </span>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <span class="link link-2 --arrow-link"> How to guides </span>
                        <span class="text text-3">Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="header__right-info">
            <a href="#" class="link link-2 mob-link-2 --demi-bold"> Login </a>
            <a href="#" class="default-button"> Book demo </a>
          </div>
        </div>
      </div>

      <div class="mobile-menu">
        <div class="open-mobile-menu close-mobile-menu"></div>
        <div class="mobile-menu__list">
          <div class="header__menu-point header-dropdown --accordion">
            <span class="header-dropdown__visible --accordion__open link mob-link-1 --demi-bold"> Features </span>
            <div class="--accordion__content-container">
              <div class="header-dropdown__hidden-content --accordion__content">
                <ul>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Overview </span>
                      <span class="text mob-text-4">Explore all of our features</span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Data and Insights </span>
                      <span class="text mob-text-4">Rapidly test & validate prototypes, concepts, copy, and more</span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Home-finding service </span>
                      <span class="text mob-text-4">
                        Rapidly test & validate prototypes, concepts, copy, and more
                      </span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> On-market prospecting </span>
                      <span class="text mob-text-4">
                        Rapidly test & validate prototypes, concepts, copy, and more
                      </span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Off-market propspecting </span>
                      <span class="text mob-text-4">
                        Rapidly test & validate prototypes, concepts, copy, and more
                      </span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Interactive market guides </span>
                      <span class="text mob-text-4">
                        Rapidly test & validate prototypes, concepts, copy, and more
                      </span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Lead magnet (Free tool) </span>
                      <span class="text mob-text-4">Rapidly test & validate prototypes, concepts, copy, and more</span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Customer service </span>
                      <span class="text mob-text-4">Rapidly test & validate prototypes, concepts, copy, and more</span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> How we differ from a portal </span>
                      <span class="text mob-text-4">Rapidly test & validate prototypes, concepts, copy, and more</span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="header__menu-point header-dropdown --accordion">
            <span class="header-dropdown__visible --accordion__open link mob-link-1 --demi-bold"> Solutions </span>
            <div class="--accordion__content-container">
              <div class="header-dropdown__hidden-content --accordion__content">
                <ul>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Local: 1-3 branches </span>
                      <span class="text mob-text-4">Rapidly test & validate prototypes, concepts, copy, and more</span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Regional: 3-15 branches </span>
                      <span class="text mob-text-4">
                        Rapidly test & validate prototypes, concepts, copy, and more
                      </span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> National: 15+ branches </span>
                      <span class="text mob-text-4">Rapidly test & validate prototypes, concepts, copy, and more</span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <a href="#" class="header__menu-point link mob-link-1 --demi-bold">What agents say</a>
          <a href="#" class="header__menu-point link mob-link-1 --demi-bold">Pricing</a>
          <div class="header__menu-point header-dropdown --accordion">
            <span class="header-dropdown__visible --accordion__open link mob-link-1 --demi-bold"> Company </span>
            <div class="--accordion__content-container">
              <div class="header-dropdown__hidden-content --accordion__content">
                <ul>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> About us </span>
                      <span class="text mob-text-4">Lorem ipsum lorem ipsum</span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Contact us </span>
                      <span class="text mob-text-4"> Drop us a message, we are happy to help you </span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Careers </span>
                      <span class="text mob-text-4">We are hiring! Come and join us!</span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> FAQ’s </span>
                      <span class="text mob-text-4">Lorem ipsum lorem ipsum</span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="header__menu-point header-dropdown --accordion">
            <span class="header-dropdown__visible --accordion__open link mob-link-1 --demi-bold"> Resources </span>
            <div class="--accordion__content-container">
              <div class="header-dropdown__hidden-content --accordion__content">
                <ul>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Blog </span>
                      <span class="text mob-text-4">Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum</span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> Webinars </span>
                      <span class="text mob-text-4"> Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum </span>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <span class="link mob-link-2 --demi-bold --arrow-link"> How to guides </span>
                      <span class="text mob-text-4">Lorem ipsum lorem ipsum Lorem ipsum lorem ipsum</span>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <a href="#" class="header__menu-point link mob-link-1 --demi-bold">Login</a>
        </div>
        <div class="mobile-menu__bottom">
          <a href="#" class="default-button"> Book demo </a>
        </div>
      </div>

      <div class="mobile-menu-bg"></div>
    </header>

    <main>
      <section class="inner-page-main --black-section -with-subtitle">
        <div class="container -smaller">
          <div class="inner-page-main__container">
            <p class="pre-title">Homesearch Blog</p>
            <h1 class="title title-1 mob-title-1">Title</h1>
          </div>
        </div>
      </section>

      <section class="article">
        <div class="article__container container">
          <div class="article__main-img">
            <img src="images/blog/blog-img-1.jpg" alt="" />
          </div>
          <div class="article__main-info">
            <div class="article__main-sub-info">
              <p class="text-1 mob-text-1 --demi-bold">
                <span>Author name</span><span>Mar 21, 2022</span>
                <span>9 min read</span>
              </p>
            </div>
            <p class="text text-2 mob-text-2">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut risus elit, pellentesque et iaculis nec,
              tempus ut felis. In sit amet turpis vulputate, tempor mi nec, fringilla mi. Mauris at volutpat nisi, sed
              molestie nisi. Nam euismod, tortor eu sagittis blandit, purus nulla fermentum massa, a commodo metus metus
              vel ex. Quisque finibus eleifend dui non hendrerit. Aliquam vitae leo id magna lobortis ullamcorper nec
              sed libero. Nunc vulputate a ex nec efficitur. Vestibulum in nisi ut odio feugiat lobortis a quis nisi.
              Maecenas efficitur luctus ante, vitae semper est tincidunt sit amet. Curabitur ut dapibus nunc. Duis
              dictum, lectus ac pretium pretium, mi elit rutrum arcu, vitae molestie orci nisi sed dui. Cras a arcu
              nisl. Curabitur ac lacinia nisi.
            </p>
            <div class="editor article__content">
              <p>
                <img src="images/blog/blog-placeholder.svg" alt="" />
              </p>
              <h2>Subheader</h2>
              <p>
                Etiam elit neque, sagittis in lacus nec, lobortis aliquet magna. Suspendisse lacus risus, convallis ut
                sodales eu, pellentesque a turpis. Phasellus bibendum semper scelerisque. In eu consequat metus.
                Phasellus non tellus tortor. Maecenas in porta nisl. Praesent lacus tortor, fringilla vel sodales nec,
                dictum nec ante. Praesent sit amet quam vestibulum, efficitur dolor ac, placerat dui. In id purus vitae
                lacus tincidunt tristique. Vivamus eu felis eu magna congue consequat id id urna.
              </p>
              <p>
                Nullam pellentesque ornare lorem non pretium. Integer lobortis, mi et accumsan elementum, leo nisl
                vulputate nulla, vitae vulputate ex enim non felis. Cras urna ante, hendrerit vel lorem ac, aliquam
                maximus lectus. Vestibulum blandit urna et leo vulputate, id porta justo semper. Donec tempus blandit
                lobortis. Curabitur eget urna nec quam commodo imperdiet et vel tellus. Donec lorem sapien, consequat in
                purus sed, semper rutrum nisi.
              </p>
              <blockquote>
                A simple, online, tool that makes it easy for you to build trust and authority with your market.
              </blockquote>
              <p>
                In luctus justo vel luctus dignissim. Aliquam id eros ipsum. Nam consectetur imperdiet lacinia. Quisque
                gravida tellus nisi, ut rutrum augue ultrices vel. Vestibulum sed pharetra augue. Nam eget sapien nisl.
                Pellentesque porttitor dignissim risus laoreet lobortis. Nam rhoncus libero sit amet mi vestibulum, eget
                consectetur turpis posuere. Quisque orci arcu, rutrum ut accumsan id, rutrum nec diam. Nam nec dolor
                vitae neque interdum hendrerit.
              </p>
              <h2>Subheader</h2>
              <p>
                Suspendisse fringilla id erat fringilla bibendum. Maecenas consequat cursus justo, quis lobortis justo
                accumsan quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis
                egestas. Nullam ac faucibus arcu, vel mollis tellus. Donec quam neque, molestie a pulvinar non, mollis
                non velit. Curabitur commodo malesuada laoreet. Cras et efficitur sem. Quisque ante mi, malesuada nec
                nisi et, ullamcorper condimentum augue. Vestibulum volutpat pharetra urna, vel sagittis odio. Nullam
                tempor molestie consectetur.
              </p>
            </div>
            <div class="article__author-info">
              <div class="img">
                <img src="images/testimonials/user-icon.png" alt="" />
              </div>
              <div class="author-content">
                <p class="title text-1 mob-text-1 --demi-bold">Sam Hunter</p>
                <p class="text text-2 mob-text-2">One line description</p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="related-article">
        <div class="container -smaller">
          <h2 class="title-2 mob-title-2 -centered-title -max-width-710">More articles</h2>
          <div class="article-list -max-width-1120">
            <a href="#" class="article-preview">
              <div class="article-preview__img">
                <img src="images/blog/blog-img-2.jpg" alt="" />
              </div>
              <h4 class="article-preview__title title-4 mob-title-3">Blog article title</h4>
              <p class="article-preview__text text-2 mob-text-2">
                A simple, online, tool that makes it easy for you to build trust and authority with your market
              </p>
              <p class="article-preview__info pre-title"><span>Mar 19, 2022 </span><span> 10 Min read</span></p>
              <div class="article-preview__tags">
                <p class="article-preview__tags-item">Industry</p>
              </div>
            </a>
            <a href="#" class="article-preview">
              <div class="article-preview__img">
                <img src="images/blog/blog-img-4.jpg" alt="" />
              </div>
              <h4 class="article-preview__title title-4 mob-title-3">Blog article title</h4>
              <p class="article-preview__text text-2 mob-text-2">
                A simple, online, tool that makes it easy for you to build trust and authority with your market
              </p>
              <p class="article-preview__info pre-title"><span>Mar 19, 2022</span><span>10 Min read</span></p>
              <div class="article-preview__tags">
                <p class="article-preview__tags-item">Industry</p>
              </div>
            </a>

            <a href="#" class="article-preview">
              <div class="article-preview__img">
                <img src="images/blog/blog-img-3.jpg" alt="" />
              </div>
              <div class="article-preview__title title-4 mob-title-3">Blog article title</div>
              <p class="article-preview__text text-2 mob-text-2">
                A simple, online, tool that makes it easy for you to build trust and authority with your market
              </p>
              <p class="article-preview__info pre-title"><span>Mar 19, 2022</span><span>10 Min read</span></p>
              <div class="article-preview__tags">
                <span class="article-preview__tags-item"> Industry </span>
              </div>
            </a>
          </div>
        </div>
      </section>
    </main>

    <footer class="footer">
      <div class="container -smaller">
        <div class="footer__content">
          <div class="footer__left-content">
            <div class="logo">
              <svg viewBox="0 0 181 23" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M5.79 22.41H0V.8h5.79v8.22h8.8V.8h5.79V22.4h-5.8v-8.66H5.8v8.66Z" fill="#fff" />
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M30.22 22.73c4.86 0 8.31-3.32 8.31-7.96 0-4.64-3.45-7.96-8.31-7.96-4.87 0-8.32 3.32-8.32 7.96 0 4.64 3.45 7.96 8.32 7.96Zm2.94-7.96c0 1.89-1.2 3.2-2.94 3.2-1.75 0-2.95-1.32-2.95-3.2 0-1.87 1.2-3.17 2.95-3.17 1.74 0 2.94 1.29 2.94 3.17Z"
                  fill="#fff"
                />
                <path
                  d="M59.88 13.94c0-1.4-1-2.17-2.18-2.17-1.18 0-2.21.78-2.21 2.17v8.47h-5.5v-8.47c0-1.4-1.02-2.17-2.17-2.17-1.18 0-2.2.78-2.2 2.17v8.47h-5.56V7.13h5.05l.2 1.54c1.23-1.5 3.17-1.86 4.74-1.86 1.9 0 3.88.8 4.65 2.48a6.13 6.13 0 0 1 5.06-2.48c2.66 0 5.67 1.7 5.67 5.51v10.1h-5.55v-8.48Z"
                  fill="#fff"
                />
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M75.96 22.73c2.47 0 4.67-.7 5.8-1.35l-.68-4.04c-.98.47-2.94.9-4.96.9-1.97 0-3.76-.68-3.95-2.15h9.94c1.04-6.36-2.66-9.28-7.29-9.28-4.67 0-7.94 3.14-7.94 7.95 0 4.8 3.36 7.97 9.08 7.97Zm-1.14-11.7c1.48 0 2.36 1.08 2.36 2.13h-5c.11-1.13 1-2.14 2.64-2.14Z"
                  fill="#fff"
                />
                <path
                  d="M89.99 22.73c-2.3 0-4.61-.37-6.16-.98l.52-4.28c1.26.47 3.4.96 5.07.96 1.48 0 2.17-.19 2.17-.7 0-.47-.5-.64-1.98-.86l-1.21-.19c-3.32-.5-4.81-1.9-4.81-4.7 0-3.2 2.74-5.17 7.17-5.17 1.97 0 4.03.37 5.3.9l-.5 4.26c-.87-.36-3.04-.76-4.42-.76-1.66 0-2.44.25-2.44.8 0 .45.65.6 2.44.91l1.24.2c3.08.53 4.41 1.94 4.41 4.59 0 3.1-2.58 5.02-6.8 5.02Z"
                  fill="#fff"
                />
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M106.78 22.73c2.47 0 4.67-.7 5.8-1.35l-.68-4.04c-.97.47-2.94.9-4.96.9-1.97 0-3.76-.68-3.94-2.15h9.93c1.04-6.36-2.66-9.28-7.29-9.28-4.67 0-7.94 3.14-7.94 7.95 0 4.8 3.36 7.97 9.08 7.97Zm-1.14-11.7c1.48 0 2.37 1.08 2.37 2.13h-5c.1-1.13.99-2.14 2.63-2.14ZM124 22.41h5.1v-9.7c0-4.3-3.27-5.9-7.58-5.9-3.17 0-5.62.95-6.48 1.44l.5 4.41c.97-.6 3.15-1.22 5.02-1.22 1.81 0 2.99.44 2.99 1.92v.24a11 11 0 0 0-2.56-.28c-3.64 0-6.73 1.4-6.73 4.88 0 2.96 2.28 4.52 4.89 4.52 1.9 0 3.75-.86 4.67-2.12l.17 1.81Zm-.53-6.1v.4c0 1.4-1.32 1.98-2.28 1.98-.95 0-1.55-.44-1.55-1.28 0-1.04 1.07-1.36 2.14-1.36.58 0 1.14.08 1.69.26Z"
                  fill="#fff"
                />
                <path
                  d="M140.18 6.81c.62.01 1.24.11 1.84.3l-.34 4.76a5.37 5.37 0 0 0-1.86-.33c-2.03 0-3.47 1.14-3.47 3.77v7.1h-5.56V7.14h5.15l.19 2.09a4.31 4.31 0 0 1 4.05-2.4ZM150.92 6.81c2.17 0 3.82.39 5.16.97l-.43 4.56c-1.18-.46-2.43-.7-3.7-.69-2.22 0-3.89.94-3.89 3.1 0 1.96 1.54 3.05 3.74 3.05 1.36 0 2.7-.32 3.92-.91l.58 4.62c-1.4.72-3.13 1.21-5.33 1.21-4.91 0-8.41-3.25-8.41-7.95 0-4.99 3.54-7.96 8.36-7.96ZM173.52 12.32v10.1h-5.56v-8.48c0-1.4-1.06-2.17-2.2-2.17-1.16 0-2.2.78-2.2 2.17v8.47h-5.57V0h5.56v8.32c1-1 2.63-1.5 4.41-1.5 3.07 0 5.56 2.09 5.56 5.5Z"
                  fill="#fff"
                />
                <circle cx="177.72" cy="19.46" fill="#FF4B51" r="3.12" />
              </svg>
            </div>
            <p class="text text-2 mob-text-4">
              Everything you need to win new instructions. All the property data, reporting and lead generation tools in
              one place
            </p>
            <div class="social-links">
              <a href="#" class="social-links__item">
                <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M0 15a15 15 0 1 1 30 0 15 15 0 0 1-30 0Zm16.56 8.82v-8.16h2.26l.3-2.81h-2.56v-1.41c0-.73.08-1.13 1.13-1.13h1.4V7.5h-2.24c-2.71 0-3.66 1.36-3.66 3.66v1.69H11.5v2.8h1.69v8.17h3.37Z"
                    fill="#fff"
                  />
                </svg>
              </a>
              <a href="#" class="social-links__item">
                <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M0 15a15 15 0 1 1 30 0 15 15 0 0 1-30 0Zm15-8c-2.17 0-2.44.01-3.3.05-.85.04-1.43.17-1.94.37-.53.2-.97.48-1.42.92-.44.45-.72.9-.92 1.42-.2.5-.33 1.09-.37 1.94C7 12.55 7 12.83 7 15s.01 2.44.05 3.3c.04.85.17 1.43.37 1.94.2.53.48.97.92 1.42.45.44.9.72 1.42.92.5.2 1.09.33 1.94.37.85.04 1.13.05 3.3.05s2.44 0 3.3-.05a5.88 5.88 0 0 0 1.94-.37c.53-.2.97-.48 1.42-.92.44-.45.71-.9.92-1.42.2-.5.33-1.09.37-1.94.04-.86.05-1.13.05-3.3s-.01-2.45-.05-3.3a5.93 5.93 0 0 0-.37-1.94c-.2-.53-.48-.97-.92-1.42a3.91 3.91 0 0 0-1.42-.92c-.51-.2-1.1-.33-1.94-.37C17.44 7 17.17 7 15 7Z"
                    fill="#fff"
                  />
                  <path
                    d="M14.28 8.44H15c2.14 0 2.39 0 3.23.05.78.03 1.2.16 1.49.27.37.15.64.32.92.6.28.28.45.55.6.92.1.28.24.7.27 1.49.04.84.05 1.1.05 3.23s0 2.39-.05 3.23c-.03.78-.16 1.2-.27 1.48-.15.38-.32.64-.6.92-.28.28-.55.46-.92.6-.28.11-.7.24-1.49.28-.84.04-1.1.04-3.23.04-2.14 0-2.39 0-3.23-.04a4.44 4.44 0 0 1-1.49-.28 2.48 2.48 0 0 1-.92-.6 2.48 2.48 0 0 1-.6-.92c-.1-.28-.24-.7-.27-1.48-.04-.84-.05-1.1-.05-3.23 0-2.14.01-2.4.05-3.24.03-.78.16-1.2.27-1.48.15-.37.32-.64.6-.92.28-.28.55-.45.92-.6.28-.1.7-.24 1.49-.28.74-.03 1.02-.04 2.51-.04Zm5 1.33a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92ZM15 10.89a4.1 4.1 0 1 0 0 8.22 4.1 4.1 0 0 0 0-8.22Z"
                    fill="#fff"
                  />
                  <path d="M15 12.33a2.67 2.67 0 1 1 0 5.34 2.67 2.67 0 0 1 0-5.34Z" fill="#fff" />
                </svg>
              </a>
              <a href="#" class="social-links__item">
                <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M0 15a15 15 0 1 1 30 0 15 15 0 0 1-30 0Zm10.6-2.58H7.2v10.22h3.4V12.42Zm.22-3.16c-.02-1-.73-1.76-1.9-1.76C7.76 7.5 7 8.26 7 9.26c0 .98.74 1.77 1.88 1.77h.02c1.19 0 1.92-.79 1.92-1.77Zm12.04 7.52c0-3.14-1.68-4.6-3.91-4.6-1.8 0-2.62 1-3.07 1.7v-1.46h-3.4c.05.96 0 10.22 0 10.22h3.4v-5.7c0-.31.02-.62.11-.83.25-.61.8-1.25 1.75-1.25 1.23 0 1.72.94 1.72 2.31v5.47h3.4v-5.86Z"
                    fill="#fff"
                  />
                </svg>
              </a>
              <a href="#" class="social-links__item">
                <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M0 15a15 15 0 1 1 30 0 15 15 0 0 1-30 0Zm14.55-2.8.03.51-.52-.06a8.53 8.53 0 0 1-5-2.46l-.69-.69-.18.51a3.06 3.06 0 0 0 .65 3.14c.42.44.33.5-.4.24-.25-.09-.47-.15-.49-.12a3.8 3.8 0 0 0 .38 1.42c.27.53.83 1.05 1.44 1.36l.51.24-.6.01c-.6 0-.62.01-.55.24.2.68 1.03 1.41 1.96 1.73l.65.22-.57.34a5.9 5.9 0 0 1-2.81.79 3.1 3.1 0 0 0-.86.08c0 .1 1.28.7 2.02.93 2.24.7 4.9.4 6.89-.78a9.21 9.21 0 0 0 3.5-4.1c.35-.87.7-2.44.7-3.19 0-.48.04-.55.62-1.13.35-.34.68-.71.74-.82.1-.2.1-.2-.44-.02-.9.32-1.02.28-.58-.2.33-.34.71-.95.71-1.13 0-.03-.15.02-.33.11-.19.11-.61.27-.92.36l-.57.18-.52-.34c-.28-.2-.68-.4-.89-.47a3.58 3.58 0 0 0-1.83.04 3.03 3.03 0 0 0-2.05 3.05Z"
                    fill="#fff"
                  />
                </svg>
              </a>
            </div>
          </div>
          <div class="footer__right-content">
            <div class="footer__menu">
              <p class="footer__menu-title text text-2 mob-text-2 --demi-bold">Menu</p>
              <ul class="footer__menu-list">
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">Homepage</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">What agents say</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> Pricing </a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> Login </a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> Book a demo </a>
                </li>
              </ul>
            </div>
            <div class="footer__menu">
              <p class="footer__menu-title text text-2 mob-text-2 --demi-bold">Products</p>
              <ul class="footer__menu-list">
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">Data and Insights</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">On-market prospecting</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> Off-market propspecting </a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> Home-finding service </a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> See all </a>
                </li>
              </ul>
            </div>
            <div class="footer__menu">
              <p class="footer__menu-title text text-2 mob-text-2 --demi-bold">Solutions</p>
              <ul class="footer__menu-list">
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">Local</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">Regional</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> National </a>
                </li>
              </ul>
            </div>
            <div class="footer__menu">
              <p class="footer__menu-title text text-2 mob-text-2 --demi-bold">Company</p>
              <ul class="footer__menu-list">
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">About us</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">Contact us</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> Careers </a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> FAQ’s </a>
                </li>
              </ul>
            </div>
            <div class="footer__menu">
              <p class="footer__menu-title text text-2 mob-text-2 --demi-bold">Resources</p>
              <ul class="footer__menu-list">
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">Blog</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2">Webinars</a>
                </li>
                <li class="footer__menu-item">
                  <a href="#" class="link link-2 mob-link-2"> How to guides </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="footer__bottom-content">
          <p class="copyright text text-2 mob-text-2">© 2022 Homesearch. All rights reserved.</p>
          <ul class="footer__bottom-links">
            <li>
              <a href="#" class="link link-2 mob-link-2"> Terms & Conditions </a>
            </li>
            <li>
              <a href="#" class="link link-2 mob-link-2"> Privacy Policy </a>
            </li>
            <li>
              <a href="#" class="link link-2 mob-link-2"> Cookies </a>
            </li>
          </ul>
        </div>
      </div>
    </footer>

    <!-- Code here -->

    <script src="js/lib/jquery-3.6.0.min.js"></script>
    <script src="js/lib/jquery.overlayScrollbars.min.js"></script>
    <script src="js/lib/swiper-bundle.min.js"></script>
    <script src="js/lib/jquery.inputmask.min.js"></script>

    <script src="js/custom-solutions.js"></script>
    <script src="js/script.js"></script>
    <script src="js/test.js"></script>
  </body>
</html>