/home/bdqbpbxa/demo-subdomains/homesearch.goodface.com.ua/frontend/ROI-calculator.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>ROI calculator</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/ -->
</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 -active">
<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="#" class="-active">
<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>
</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">
<div class="container -smaller">
<div class="inner-page-main__container">
<h1 class="title title-1 mob-title-1">ROI Calculator</h1>
</div>
</div>
</section>
<section class="calculator-section --white-section">
<div class="container">
<div class="calculator-content">
<div class="calculator-content__left">
<form action="">
<div class="calculator-question-box">
<p class="subtitle --demi-bold pre-title">Question 1</p>
<h4 class="title title-4 mob-text-1 --demi-bold">
What is your target turnover for the next 12 months?
</h4>
<div class="input-box" data-property-name="target-turnover">
<input type="text" placeholder="0" />
<span class="input-box__sign text-1 --demi-bold"> £ </span>
</div>
</div>
<div class="calculator-question-box">
<p class="subtitle --demi-bold pre-title">Question 2</p>
<h4 class="title title-4 mob-text-1 --demi-bold">What is your average sale fee?</h4>
<div class="input-box" data-property-name="average-fee">
<input type="text" placeholder="0" />
<span class="input-box__sign text-1 --demi-bold"> £ </span>
</div>
</div>
<div class="calculator-question-box">
<p class="subtitle --demi-bold pre-title">Question 3</p>
<h4 class="title title-4 mob-text-1 --demi-bold">
What is your instruction to sale conversion rate?
</h4>
<p class="text text-2 mob-text-3">If you instruct 10 properties and sell 8, your rate would be 80%</p>
<div class="input-box -percents-box" data-property-name="sale-conversion">
<input type="number" min="1" max="100" placeholder="0" />
<span class="input-box__sign text-1 --demi-bold"> % </span>
</div>
</div>
<div class="calculator-question-box">
<p class="subtitle --demi-bold pre-title">Question 4</p>
<h4 class="title title-4 mob-text-1 --demi-bold">
What is your valuation to instruction conversion rate
</h4>
<p class="text text-2 mob-text-3">
If you value 10 properties and instruct 5, your rate would be 50%
</p>
<div class="input-box -percents-box" data-property-name="valuation-conversion-rate">
<input type="number" min="1" max="100" placeholder="0" />
<span class="input-box__sign text-1 --demi-bold"> % </span>
</div>
</div>
<div class="calculator-question-box">
<p class="subtitle --demi-bold pre-title">Question 5</p>
<h4 class="title title-4 mob-text-1 --demi-bold">How many branches do you have?</h4>
<div class="input-box -without-sign" data-property-name="number-of-branches">
<input type="text" placeholder="0" />
</div>
</div>
</form>
</div>
<div class="calculator-content__right">
<div class="calculator-content__right-content">
<div class="calculator-top-result">
<div class="calculator-content__opener"></div>
<p class="pre-title -centered-title">Your return on investment</p>
<div class="calculator-top-result__dropdown">
<div class="calculator-result__global title-1 mob-title-5" data-can-has-status>
<span class="currency">£</span>
<span class="counter">0</span>
</div>
<div class="input-box">
<div class="default-dropdown --dropdown">
<input type="text" />
<div class="default-dropdown__button --dropdown__value">
<span class="--dropdown__value-text">per year</span>
</div>
<div class="default-dropdown__content --custom-scrollbar">
<ul class="text-2 mob-text-2">
<li class="--dropdown__list-item">per year</li>
<li class="--dropdown__list-item">per month</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="calculator-bottom-result">
<div
class="calculator-item-result"
data-can-has-status
data-property-name="return-on-investment-percent"
>
<p class="text mob-text-2 text-2">Return on investment (%)</p>
<p class="result mob-text-2 text-2 --bold"><span>243</span>%</p>
</div>
<div class="calculator-item-result" data-can-has-status data-property-name="return-on-investment-x">
<p class="text mob-text-2 text-2">Return on investment (x)</p>
<p class="result mob-text-2 text-2 --bold"><span>0</span>x your investment</p>
</div>
<div class="calculator-item-result" data-property-name="result-per-month">
<p class="text mob-text-2 text-2">Total ongoing cost</p>
<p class="result mob-text-2 text-2 --bold">£<span>0</span>/month</p>
</div>
<div class="--accordion calculator-item-result__accordion">
<div class="--accordion__open text-2 mob-text-2" data-change-text="Hide breakdown">
Show breakdown
</div>
<div class="--accordion__content-container">
<div class="--accordion__content calculator-hidden-result">
<div class="calculator-item-result__parent">
<div class="calculator-item-result" data-property-name="monthly-subscription-cost">
<p class="text mob-text-2 text-2">Monthly Homesearch subscription cost:</p>
<p class="result mob-text-2 text-2 --bold">£<span>1550</span></p>
</div>
<div class="calculator-item-result -sub-item" data-property-name="monthly-cost-per-branch">
<p class="text mob-text-2 text-2">Cost per branch:</p>
<p class="result mob-text-2 text-2 --bold">£<span>155</span></p>
</div>
</div>
<div class="calculator-item-result__parent">
<div class="calculator-item-result" data-property-name="monthly-letter-cost">
<p class="text mob-text-2 text-2">Monthly letter cost:</p>
<p class="result mob-text-2 text-2 --bold">£<span>0</span></p>
</div>
<div
class="calculator-item-result -sub-item"
data-property-name="targeted-prospecting-letters"
>
<p class="text mob-text-2 text-2">Number of targeted prospecting letters:</p>
<p class="result mob-text-2 text-2 --bold"><span>0</span></p>
</div>
<div
class="calculator-item-result -sub-item"
data-property-name="monthly-targeted-prospecting-letters"
>
<p class="text mob-text-2 text-2">Monthly targeted prospecting letters:</p>
<p class="result mob-text-2 text-2 --bold"><span>0</span></p>
</div>
<div class="calculator-item-result -sub-item" data-property-name="individual-letter-price">
<p class="text mob-text-2 text-2">Individual letter price:</p>
<p class="result mob-text-2 text-2 --bold">£<span>0.44</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="calculator-item-result__parent">
<p class="text mob-text-2 text-2">Necessary targets</p>
<div class="calculator-item-result -sub-item" data-property-name="sales">
<p class="text mob-text-2 text-2">Sales:</p>
<p class="result mob-text-2 text-2 --bold"><span>0</span></p>
</div>
<div class="calculator-item-result -sub-item" data-property-name="instructions">
<p class="text mob-text-2 text-2">Instructions:</p>
<p class="result mob-text-2 text-2 --bold"><span>0</span></p>
</div>
<div class="calculator-item-result -sub-item" data-property-name="valuations">
<p class="text mob-text-2 text-2">Valuations:</p>
<p class="result mob-text-2 text-2 --bold"><span>0</span></p>
</div>
</div>
</div>
</div>
</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">Leave a lasting impression with Homesearch.</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/lib/jquery.touchSwipe.min.js"></script>
<script src="js/custom-solutions.js"></script>
<script src="js/script.js"></script>
<script src="js/test.js"></script>
</body>
</html>