/home/bdqbpbxa/demo-subdomains/homesearch.goodface.com.ua/frontend/case-study.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Case study</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>
<script>
// Allow animations if JS support is enabled
document.body.classList.add("-allow-animations");
// Don't show preloader again if the page was visited
let preloader = document.querySelector(".preloader");
let fullPageUrl = window.location.href;
let visitedPages = window.localStorage.getItem("visited-pages");
let visitedPagesArr = visitedPages ? visitedPages.split(" ") : "";
let isPreloaderLoaded = visitedPagesArr.includes(fullPageUrl);
if (preloader && isPreloaderLoaded) {
preloader.remove();
} else if (preloader) {
preloader.classList.add("-visible");
}
</script>
<header class="header" data-default-color="white">
<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">
<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="#">
<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 -with-subtitle --white-section">
<div class="container -smaller">
<div class="inner-page-main__container">
<p class="pre-title">Case study</p>
<h1 class="title title-1 mob-title-1">Local: 1-2 branches</h1>
<p class="text text-1 mob-text-2">
Outside of a phone, a website, a CRM and an email address, Homesearch is the only other tool you need to
run <br class="--pc-display" />
<br class="--tablet-display" />
a world class estate agency.
</p>
</div>
</div>
</section>
<section class="object-section">
<div class="container -smaller">
<h2 class="title-2 mob-title-2 -centered-title">Objectives</h2>
<p class="text text-2 mob-text-2 -centered-title -max-width-710">
Overview copy lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
</p>
<div class="object-list">
<div class="object-item">
<div class="object-item__img">
<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.5 31a14.5 14.5 0 1 0 0-29 14.5 14.5 0 0 0 0 29Zm0 2a16.5 16.5 0 1 0 0-33 16.5 16.5 0 0 0 0 33Z"
fill="#FF4B51"
/>
<path
d="M22.08 13.75c0 .5-.23.98-.67 1.45l-.07.07-3.93 4.13c-.83.87-1.54 1.55-2.13 2.03-.58.48-1 .72-1.24.72-.25 0-.57-.12-.94-.36a1.8 1.8 0 0 1-.73-.74 5.8 5.8 0 0 1-.27-1.35 18.7 18.7 0 0 1-.12-2.23c0-.43.18-.83.55-1.2.36-.38.76-.56 1.2-.56.42 0 .67.38.75 1.15l.02.2c.07.58.15 1 .23 1.23.1.23.21.35.37.35.06 0 .18-.07.35-.21.18-.14.38-.33.62-.56l4.03-4c.34-.33.65-.59.91-.76.27-.18.5-.26.68-.26.14 0 .24.05.3.16.06.1.09.28.09.53v.2Z"
fill="#FF4B51"
/>
</svg>
</div>
<p class="object-item__title text-1 mob-text-1 --demi-bold">Objective 1</p>
<p class="object-item__text text-3 mob-text-4">Caption to explain initial objective</p>
</div>
<div class="object-item -red">
<div class="object-item__img">
<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.5 31a14.5 14.5 0 1 0 0-29 14.5 14.5 0 0 0 0 29Zm0 2a16.5 16.5 0 1 0 0-33 16.5 16.5 0 0 0 0 33Z"
fill="#FF4B51"
/>
<path
d="M22.08 13.75c0 .5-.23.98-.67 1.45l-.07.07-3.93 4.13c-.83.87-1.54 1.55-2.13 2.03-.58.48-1 .72-1.24.72-.25 0-.57-.12-.94-.36a1.8 1.8 0 0 1-.73-.74 5.8 5.8 0 0 1-.27-1.35 18.7 18.7 0 0 1-.12-2.23c0-.43.18-.83.55-1.2.36-.38.76-.56 1.2-.56.42 0 .67.38.75 1.15l.02.2c.07.58.15 1 .23 1.23.1.23.21.35.37.35.06 0 .18-.07.35-.21.18-.14.38-.33.62-.56l4.03-4c.34-.33.65-.59.91-.76.27-.18.5-.26.68-.26.14 0 .24.05.3.16.06.1.09.28.09.53v.2Z"
fill="#FF4B51"
/>
</svg>
</div>
<p class="object-item__title text-1 mob-text-1 --demi-bold">Objective 2</p>
<p class="object-item__text text-3 mob-text-4">Caption to explain initial objective</p>
</div>
<div class="object-item">
<div class="object-item__img">
<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.5 31a14.5 14.5 0 1 0 0-29 14.5 14.5 0 0 0 0 29Zm0 2a16.5 16.5 0 1 0 0-33 16.5 16.5 0 0 0 0 33Z"
fill="#FF4B51"
/>
<path
d="M22.08 13.75c0 .5-.23.98-.67 1.45l-.07.07-3.93 4.13c-.83.87-1.54 1.55-2.13 2.03-.58.48-1 .72-1.24.72-.25 0-.57-.12-.94-.36a1.8 1.8 0 0 1-.73-.74 5.8 5.8 0 0 1-.27-1.35 18.7 18.7 0 0 1-.12-2.23c0-.43.18-.83.55-1.2.36-.38.76-.56 1.2-.56.42 0 .67.38.75 1.15l.02.2c.07.58.15 1 .23 1.23.1.23.21.35.37.35.06 0 .18-.07.35-.21.18-.14.38-.33.62-.56l4.03-4c.34-.33.65-.59.91-.76.27-.18.5-.26.68-.26.14 0 .24.05.3.16.06.1.09.28.09.53v.2Z"
fill="#FF4B51"
/>
</svg>
</div>
<p class="object-item__title text-1 mob-text-1 --demi-bold">Objective 3</p>
<p class="object-item__text text-3 mob-text-4">Caption to explain initial objective</p>
</div>
</div>
</div>
</section>
<section class="solutions-two-col-section --white-section">
<div class="container -smaller">
<h2 class="title title-2 mob-title-2 -centered-title">Solutions</h2>
<p class="text text-2 mob-text-2 -centered-title -max-width-710">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
</p>
<div class="info-with-img">
<div class="info-with-img__content">
<ul class="check-list">
<li>
<p class="title text-2 mob-text-1 --demi-bold">Solution 1</p>
<p class="text text-2 mob-text-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur
adipiscing elit
</p>
</li>
<li>
<p class="title text-2 mob-text-1 --demi-bold">Solution 1</p>
<p class="text text-2 mob-text-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur
adipiscing elit
</p>
</li>
<li>
<p class="title text-2 mob-text-1 --demi-bold">Solution 1</p>
<p class="text text-2 mob-text-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur
adipiscing elit
</p>
</li>
<li>
<p class="title text-2 mob-text-1 --demi-bold">Solution 1</p>
<p class="text text-2 mob-text-2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amet, consectetur
adipiscing elit
</p>
</li>
</ul>
</div>
<div class="info-with-img__img">
<img src="images/case-study/phone.jpg" alt="" />
</div>
</div>
</div>
</section>
<section class="result-section">
<div class="container -smaller">
<h2 class="title-2 mob-title-2 -centered-title">Results</h2>
<div class="counters">
<div class="counter-item">
<span class="counter-item__title counter-title --demi-bold"> 11x </span>
<span class="counter-item__description text-1 mob-text-2 --demi-bold">Average return on investment</span>
</div>
<div class="counter-item">
<span class="counter-item__title counter-title --demi-bold"> 3,000+ </span>
<span class="counter-item__description text-1 mob-text-2 --demi-bold">
Valuations generated per month
</span>
</div>
<div class="counter-item">
<span class="counter-item__title counter-title --demi-bold"> 3,000+ </span>
<span class="counter-item__description text-1 mob-text-2 --demi-bold">
Valuations generated per month
</span>
</div>
</div>
</div>
</section>
<section class="testimonials-section --black-section">
<div class="container">
<h2 class="title pre-title -centered-title">Testimonials</h2>
</div>
<div class="testimonial-container">
<div class="swiper testimonials">
<div class="swiper-navigation testimonials__navigation">
<div class="testimonials__navigation-button swiper-button-prev"></div>
<div class="testimonials__navigation-button swiper-button-next"></div>
</div>
<div class="swiper-wrapper">
<div class="swiper-slide testimonials__slide">
<div class="testimonials__slide-content">
<div class="testimonials__stars">
<span class="default-star"></span>
<span class="active-star"></span>
</div>
<h3 class="testimonials__title title-3 mob-title-4">
“Exceptional product and great customer support”
</h3>
<p class="testimonials__text text-1 mob-text-4">
It’s designed to put estate agents first and enable them to create a network based on the best way
business is, and has been, done for hundreds of years… referrals! This will truly rip up the ‘rule’
book that has been created by the current property portals.
</p>
<div class="testimonials__user">
<div class="testimonials__user-icon">
<img src="images/testimonials/user-icon.png" alt="David Mintz - Homesearch.com" />
</div>
<div class="testimonials__user-content text-2 mob-text-3">
<h4 class="user-name --demi-bold">David Mintz</h4>
<p class="user-position">Normie & Co and Kerfuffle</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide testimonials__slide">
<div class="testimonials__slide-content">
<div class="testimonials__stars">
<span class="default-star"></span>
<span class="active-star"></span>
</div>
<h3 class="testimonials__title title-3 mob-title-4">
“Exceptional product and great customer support”
</h3>
<p class="testimonials__text text-1 mob-text-4">
It’s designed to put estate agents first and enable them to create a network based on the best way
business is, and has been, done for hundreds of years… referrals! This will truly rip up the ‘rule’
book that has been created by the current property portals.
</p>
<div class="testimonials__user">
<div class="testimonials__user-icon">
<img src="images/testimonials/user-icon.png" alt="David Mintz - Homesearch.com" />
</div>
<div class="testimonials__user-content text-2 mob-text-3">
<h4 class="user-name --demi-bold">David Mintz</h4>
<p class="user-position">Normie & Co and Kerfuffle</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide testimonials__slide">
<div class="testimonials__slide-content">
<div class="testimonials__stars">
<span class="default-star"></span>
<span class="active-star"></span>
</div>
<h3 class="testimonials__title title-3 mob-title-4">
“Exceptional product and great customer support”
</h3>
<p class="testimonials__text text-1 mob-text-4">
It’s designed to put estate agents first and enable them to create a network based on the best way
business is, and has been, done for hundreds of years… referrals! This will truly rip up the ‘rule’
book that has been created by the current property portals.
</p>
<div class="testimonials__user">
<div class="testimonials__user-icon">
<img src="images/testimonials/user-icon.png" alt="David Mintz - Homesearch.com" />
</div>
<div class="testimonials__user-content text-2 mob-text-3">
<h4 class="user-name --demi-bold">David Mintz</h4>
<p class="user-position">Normie & Co and Kerfuffle</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination testimonials__pagination"></div>
</div>
</div>
</section>
<section class="small-info-section --white-section">
<div class="container -smaller">
<div class="title-with-button">
<h2 class="title-2 mob-title-2">Find and convert instructions, fast.</h2>
<a href="#" class="default-button"> Book demo </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>