Community Cta

<section class="cta cta__background cta--background-dark">
<div class="cta__background__image">
<img class="lazyload" src="/img/util/35mm_landscape.gif" data-src="Link to image goes here" alt="Alt Tag Goes Here">
</div>
<div class="cta__container container">
<h2 class="cta__headline">Large Text Goes Here</h2>
<p>Quick Descriptions Goes Here</p>
<a href="/Link to page goes here/" class="button button--large button--primary">Button Text Goes Here</a>
</div>
</section>

Start searching for your dream home now.

When it comes to convenience, our site is unparalleled. Whether you're in the comfort of your home, or on the go.
Our site works flawlessly on multiple devices so you can find the information you need.

Start Search

Community Highlights Test

<section id="highlights" class="highlights__section block block--lightest block--full-width"><img src="Link to image Goes Here" alt="Alt Tag Goes Here" />
<div class="container">
<div class="guarantees-section__body">
<h2 class="guarantees-section__title ">Title Goes Here</h2>
<hr />
<ul class="guarantees-section__list">
<li>
<div class="block-num">Number Goes Here</div>
<span class="guarantees-section__list__item-desc">Quick Note Goes Here</span></li>
<li>
<div class="block-num">02</div>
<span class="guarantees-section__list__item-desc">Spend afternoons at nearby cafes, restaurants and golf clubs</span></li>
<li>
<div class="block-num">03</div>
<span class="guarantees-section__list__item-desc"> Enjoy neighboring hillside homes with spectacular views </span></li>
</ul>
</div>
</div>
</section>
#community-highlights-test#

Cta Agent

<section class="cta__image cta--background-light">
<div class="cta__container container">
<div class="cta--two-thirds-layout">
<img class="lazyload" src="/images/35mm_landscape.gif" data-src="Link to image Goes Here" alt="Alt Tag Goes Here">
<div class="cta__content clear">
<h2 class="cta__headline">Large Text Goes Here</h2>
<a href="/Link to Page Goes Here/" class="button button--large button--primary">Button Text Goes Here</a>
</div>
</div>
</div>
</section>

Contact us today to help you with your next home

Get in touch

Cta Agent Seller

<section class="feature-agent block block--full-width seller--agent">
<div class="container">
<div class=" teasers teasers--2-col">
<div class="feature-agent__body">
<h2 class="feature-agent__title">Large Text Goes Here <hr></h2>
<p class="feature-agents__paragraph">
Paragraph goes here
</p>
<div class="feature-agents__buttons buttonTrigger">
<a href="javascript:void(0);" role="button" class="button button--primary button--large sellerContactModal-show" data-type="text">Text</a>
<a href="javascript:void(0);" role="button" class="button button--primary button--large sellerContactModal-show" data-type="phone">Call</a>
<a href="javascript:void(0);" role="button" class="button button--primary button--large sellerContactModal-show" data-type="email">Email</a>
</div>
</div>
<div class="feature-agent__image">
<img src="Image Link Goes Here" alt="Alt Tag Goes Here">
</div>
</div>
</div>
</section>

Let's get you Listed

---

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.

Text Call Email

Cta Cma Banner

<section class="cta cta--background-light">
<div class="cta__container container cta--home-worth">
<div class="clear">
<h3>Large Text Goes Here</h3>
<p>Paragraph goes here</p>
</div>
<form class="clear cta_home_estimate" method="get" onsubmit="return false;">
<input type="hidden" name="leadCapture" value="true" aria-hidden="true">
<label for="home_estimate-auto-registration_type" class="-is-hidden">Leave text box empty</label>
<input id="home_estimate-auto-registration_type" type="text" name="registration_type" class="-is-hidden" tabindex="-1" autocomplete="off">
<label for="home_estimate-auto-form-nonce" class="-is-hidden">Leave text box empty</label>
<input id="home_estimate-auto-form-nonce" type="text" name="form-nonce" class="-is-hidden" tabindex="-1" autocomplete="off">
<input id="home_estimate-fld-fname" name="onc5khko" value="Seller" type="hidden">
<input id="home_estimate-fld-lname" name="sk5tyelo" value="Lead" type="hidden">
<div class="cta--sell">
<div class="field">
<label for="home_estimate_adr" class="visually-hidden">Enter your home address</label>
<input id="home_estimate_adr" name="address" placeholder="Your home address" type="text" autocomplete="off" required>
</div>
<div class="field">
<label for="home_estimate_email" class="visually-hidden">Enter your email address</label>
<input type="email" name="mi0moecs" id="home_estimate_email" class="text-search-field pac-target-input" placeholder="Your email address" required>
</div>
<button type="submit" class="button button--primary button--large">Button Text Goes Here</button>
</div>
</form>
</div>
</section>

Cta Cma Banner Full Width

<div class="block--full-width cta_seller">
<section class="cta cta--background-light">

<div class="cta__container container cta--home-worth">
<div class="clear">
<h3>Large Text Goes Here</h3>
<p>Paragraph goes here</p>
</div>
<form class="clear cta_home_estimate" method="get" onsubmit="return false;">
<input type="hidden" name="leadCapture" value="true" aria-hidden="true">
<label for="home_estimate-auto-registration_type" class="-is-hidden">Leave text box empty</label>
<input id="home_estimate-auto-registration_type" type="text" name="registration_type" class="-is-hidden" tabindex="-1" autocomplete="off">
<label for="home_estimate-auto-form-nonce" class="-is-hidden">Leave text box empty</label>
<input id="home_estimate-auto-form-nonce" type="text" name="form-nonce" class="-is-hidden" tabindex="-1" autocomplete="off">
<input id="home_estimate-fld-fname" name="onc5khko" value="Seller" type="hidden">
<input id="home_estimate-fld-lname" name="sk5tyelo" value="Lead" type="hidden">
<div class="cta--sell">
<div class="field">
<label for="home_estimate_adr" class="visually-hidden">Enter your home address</label>
<input id="home_estimate_adr" name="address" placeholder="Your home address" type="text" autocomplete="off" required>
</div>
<div class="field">
<label for="home_estimate_email" class="visually-hidden">Enter your email address</label>
<input type="email" name="mi0moecs" id="home_estimate_email" class="text-search-field pac-target-input" placeholder="Your email address" required>
</div>
<button type="submit" class="button button--primary button--large">Button Text Goes Here</button>
</div>
</form>
</div>
</section>
</div>

Cta Communities

<div class="cta__communities" aria-labelledby="browse-community-nav">
<h5 id="browse-community-nav" class="cta__communities__headline">Title In Black Bar Goes Here</h5>
<ul>
<li><a href="/Link to Page Goes Here/">Link Text Goes Here</a></li>
<li><a href="/community-2/">Community 2</a></li>
<li><a href="/community-3/">Community 3</a></li>
<li><a href="/community-4/">Community 4</a></li>
<li><a href="/community-5/">Community 5</a></li>
<li><a href="/community-6/">Community 6</a></li>
</ul>
</div>

Cta Search

<section class="cta cta--background-light">
<div class="cta__container container">
<span class="kicker__headline">Smaller Title Text  Goes Here</span>
<h2 class="cta__headline">Title Text  Goes Here</h2>
<p>Paragraph Goes Here</p>
<a href="/Link Goes Here/" class="button button--large button--primary">Button Text Goes Here</a>
</div>
</section>

Cta Seller

<div class="block--full-width cta_seller">
<div class="teaser__cta">
<div class="teaser__cta__content">
<sup class="kicker__headline">Smaller Title Text Goes Here</sup>
<h2 class="h1">Title Text Goes Here</h2>
<p>Quick Write up Goes Here</p>
<a href="/Page Link Goes Here/" class="button button--large button--primary">Button Text Goes Here</a>
</div>
<div class="teaser__cta__image">
<img class="lazyload" src="/img/util/35mm_landscape.gif" data-src="/Link to Image Goes Here/" alt="Alt Text for Image Goes Here">
</div>
</div>
<div class="teaser__cta">
<div class="teaser__cta__image">
<img class="lazyload" src="/img/util/35mm_landscape.gif" data-src="/Link to Image Goes Here/" alt="Alt Text for Image Goes Here">
</div>
<div class="teaser__cta__content">
<sup class="kicker__headline">Smaller Title Text Goes Here</sup>
<h2 class="h1">Title Text Goes Here</h2>
<p>Quick Write up Goes Here</p>
<a href="/Page Link Goes Here/" class="button button--large button--primary">Button Text Goes Here</a>
</div>
</div>
</div>

^{Are you looking to}

Sell your home?

We know what makes your home sell.
Let us handle the process for you.

Why list with us

^{Want to know your}

Home Value?

Is your home losing value or gaining equity?
Find out the value of your biggest asset.

Get an estimate

Discover Section

<div class="full-width__grid image-right discover-section">
<div class="grid-column text-column">
<div class="content-wrapper">
<h2 style="color:white;">Title Goes Here<hr></h2>
<p style="color:white;">Quick Write up Goes Here</p>
<a href="/Link Goes Here/" class="button button--large button--primary">Button Text Goes Here</a>
</div>
</div>
<div class="grid-column image-column">
<img class="lazyload" src="/img/util/35mm_landscape.gif" data-src="Image Link Goes Here" alt="Alt Text Goes Here" width="1080" height="600">
</div>
</div>

Why Wait
Another Year?

---

"If you don’t do it this year, you’ll be one year older when you do.” – Warren Miller, Skiing Filmmaker

Find Your Dream Home

Example 2col

<div class="teasers teasers--2-col">
<div class="teaser__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading One</sup>
<h2>Heading Column One</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
<div class="teaser__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading Two</sup>
<h2>Heading Column Two</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
</div>

Example 2x2 Grid

<div class="block--full-width">
<div class="teaser__cta">
<div class="teaser__cta__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading One</sup>
<h2>Grid Heading Column One</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
<div class="teaser__cta__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading Two</sup>
<h2>Grid Heading Column Two</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
</div>
<div class="teaser__cta">
<div class="teaser__cta__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading Three</sup>
<h2>Grid Heading Column Three</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
<div class="teaser__cta__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading Four</sup>
<h2>Grid Heading Column Four</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
</div>
</div>

Example 3col

<div class="teasers teasers--3-col">
<div class="teaser__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading One</sup>
<h2>Heading Column One</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
<div class="teaser__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading Two</sup>
<h2>Heading Column Two</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
<div class="teaser__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading Three</sup>
<h2>Heading Column Three</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
</div>

Example 4col

<div class="teasers teasers--4-col">
<div class="teaser__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading One</sup>
<h2>Heading Column One</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
<div class="teaser__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading Two</sup>
<h2>Heading Column Two</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
<div class="teaser__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading Three</sup>
<h2>Heading Column Three</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
<div class="teaser__content">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading Four</sup>
<h2>Heading Column Four</h2>
<p>This content is an example of content that could be placed for different column or grid layouts.</p>
</div>
</div>

Example Faq

<section class="block block--full-width block--small">
<div class="container">
<h1>Title Goes Here</h1>
<div>
<div class="faqs">
<details class="faq">
<summary class="faq__question">Question Goes Here</summary>
<div class="faq__answer">
<p>Answer Goes Here</p>
</div>
</details>
<details class="faq">
<summary class="faq__question">How long does it take to buy a home?</summary>
<div class="faq__answer">
<p>From start (searching online) to finish (closing escrow), buying a home takes about 10 to 12 weeks.</p>
</div>
</details>
</div>
</div>
</div>
</section>

Example Faq Bordered

<section class="block--light block--full-width block--small">
<div class="container">
<h1>Title Goes Here</h1>
<div>
<div class="faqs">
<details class="faq faq--bordered">
<summary class="faq__question">Question Goes Here</summary>
<div class="faq__answer">
<p>Answer Goes Here</p>
</div>
</details>
<details class="faq faq--bordered">
<summary class="faq__question">How long does it take to buy a home?</summary>
<div class="faq__answer">
<p>From start (searching online) to finish (closing escrow), buying a home takes about 10 to 12 weeks.</p>
</div>
</details>
</div>
</div>
</div>
</section>

Example Faq Bordered Caret

<section class="block--light block--full-width block--small">
<div class="container">
<h1>Title Goes Here</h1>
<div>
<div class="faqs">
<details class="faq faq--bordered faq--caret">
<summary class="faq__question">Question Goes Here</summary>
<div class="faq__answer">
<p>Answer Goes Here</p>
</div>
</details>
<details class="faq faq--bordered faq--caret">
<summary class="faq__question">How long does it take to buy a home?</summary>
<div class="faq__answer">
<p>From start (searching online) to finish (closing escrow), buying a home takes about 10 to 12 weeks.</p>
</div>
</details>
</div>
</div>
</div>
</section>

Example Faq Caret

<section class="block block--full-width block--small">
<div class="container">
<h1>Title Goes Here</h1>
<div>
<div class="faqs">
<details class="faq faq--caret">
<summary class="faq__question">Question Goes Here</summary>
<div class="faq__answer">
<p>Answer Goes Here</p>
</div>
</details>
<details class="faq faq--caret">
<summary class="faq__question">How long does it take to buy a home?</summary>
<div class="faq__answer">
<p>From start (searching online) to finish (closing escrow), buying a home takes about 10 to 12 weeks.</p>
</div>
</details>
</div>
</div>
</div>
</section>

Featured Agent

<section class="feature-agent block block--full-width">
<div class="container">
<div class=" teasers teasers--2-col">
<div class="feature-agent__body">
<h2 class="feature-agent__title">Title Goes Here<hr></h2>
<p class="feature-agents__paragraph">
Paragraph Goes Here
</p>
<div class="feature-agents__buttons">
<a href="/Link Goes Here/" role="button" class="button button--primary button--large">Button Text Goes Here</a>
</div>
</div>
<div class="feature-agent__image">
<img class="lazyload" src="/img/util/35mm_landscape.gif" data-src="Image Link Goes Here" alt="Alt Text Goes Here" width="524" height="477">
</div>
</div>
</div>
</section>

Local Knowledge
Global Connection

---

With experts in every part of the world, we are local everywhere, allowing us to walk alongside our clients at every stage of their journey. With innovative technology and unrivaled service, we ensure that your home is connected with buyers, locally and worldwide.

Get in Touch

Featured Neighborhoods 1

<section class="discover-miami">
<div class="discover-miami__image teaser__image">
<div class="img" role="img"font-weight: bolder;">URL('Link to Image Goes Here');"
aria-label="Alt Tag Discription Goes Here">
<div class="discover-miami__button">
<a href="/waterfront-real-estate.php" class="button button--large">
<span class="img__title">Bel Air</span>
<div class="button-end">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 32 32" xml:space="preserve" class="icon">
<path
d="M24.7,15.3H-0.5v-1.8h25.2c-1.1-2-1.7-4.2-1.8-6.5c2.5,3.7,7.4,7.4,8.6,7.4 c-1.2,0-6.2,3.7-8.6,7.4C23,19.5,23.6,17.3,24.7,15.3z M31.5,14.3L31.5,14.3z M31.5,14.3L31.5,14.3z">
</path>
</svg>
</div>
</a>
</div>
</div>
</div>
<div class="discover-miami__body">
<div class="discover-miami__body-container">

<h2 class="discover-miami__title teaser__title -mar-top-0">Title Goes Here</h2>

<ul class="discover-miami__list">

<li data-commimage="Link to Image Goes Here" data-commtitle="Link Name Goes Here appears in the bar over the image"><a
href="Link to Page Goes Here">Link Name in List Goes Here</a> </li>

<li data-commimage="/uploads/agent-1/mountains.webp" data-commtitle="Bel Air Estates"><a
href="/bel-air/bel-air-estates-homes-for-sale.php">Bel Air Estates</a> </li>

<li data-commimage="/uploads/agent-1/snowy-hero.webp" data-commtitle="Bel Air Glen"><a
href="/bel-air/bel-air-glen-homes-for-sale.php">Bel Air Glen</a> </li>

<li data-commimage="/uploads/agent-1/mountains.webp" data-commtitle="Bel Air Park"><a
href="/bel-air/bel-air-park-homes-for-sale.php">Bel Air Park</a> </li>

<li data-commimage="/uploads/agent-1/snowy-hero.webp" data-commtitle="Bel Air Ridge"><a
href="/bel-air/bel-air-ridge-homes-for-sale.php">Bel Air Ridge</a> </li>

<li data-commimage="/uploads/agent-1/mountains.webp" data-commtitle="Lower Casiano"><a
href="/bel-air/lower-casiano-homes-for-sale.php">Lower Casiano</a> </li>

<li data-commimage="/uploads/agent-1/snowy-hero.webp" data-commtitle="Moraga Drive"><a
href="/bel-air/moraga-drive-homes-for-sale.php">Moraga Drive</a> </li>

<li data-commimage="/uploads/agent-1/mountains.webp" data-commtitle="Moraga Estates"><a
href="/bel-air/moraga-estates-homes-for-sale.php">Moraga Estates</a> </li>

<li data-commimage="/uploads/agent-1/mountains.webp" data-commtitle="North Beverly Glen"><a
href="/bel-air/north-beverly-glen-homes-for-sale.php">North Beverly Glen</a> </li>

</ul>
</div>
</div>
</section>

Join Cta

<section class="cta cta--background-light">
<div class="cta__container container clear">
<sup class="kicker__headline">Smaller Header Text Goes Here</sup>
<h2 class="cta__headline">Header Text Goes Here</h2>
<p>Paragraph Text Goes Here</p>
<a href="/Link Goes Here/" class="button button--large button--primary">Button Text Goes Here</a>
</div>
</section>

Lux Stats

<div class="lux__stats block--darkest">
<div class="container">

<div class="stats-grid">
<div class="stats-heading">
<h2>Title Goes Here</h2>
</div>
<div class="stats-columns">
<div class="stats-item">
<strong>Number Goes Here</strong>
<span>Text Goes Here</span>
<span>Text Goes Here</span>
</div>
<div class="stats-item">
<strong>#1</strong>
<span>Agent and Team</span>
<span>Ponte Vedra Beach</span>
</div>
<div class="stats-item">
<strong>$100M+</strong>
<span>Homes</span>
<span>Sold Annually</span>
</div>
</div>
</div>

</div>
</div>

Split Image Left

<div class="full-width__grid image-left block--darkest">
<div class="grid-column text-column">
<div class="content-wrapper">
<h2>Title Goes Here</h2>
<hr/>
<p>Paragraph Goes Here</p>
<a href="/Link Goes Here/" class="button button--large button--secondary">Button Text Goes Here</a>
</div>
</div>
<div class="grid-column image-column">
<img class="lazyload" src="/img/util/35mm_landscape.gif" data-src="/uploads/agent-1/waterfront-property.webp" alt="Oceanfront luxury home" width="800" height="600"/>
</div>
</div>

This Week's New Listings

---

Easily view all of the newest properties just recently listed in the Park City market - before most other buyers are even aware they are for sale. Here you'll find beautiful homes, condos, townhomes, and land for sale in Park City, Utah, including Deer Valley and Canyons Resort areas.

View All

Split Image Right

<div class="full-width__grid image-right">
<div class="grid-column text-column">
<div class="content-wrapper">
<h2>Title Goes Here</h2>
<hr/>
<p>Paragraph Goes Here</p>
<a href="/Link Goes Here/" class="button button--large button--primary">Button Text Goes Here</a>
</div>
</div>
<div class="grid-column image-column">
<img loading="lazy" style="transform: scaleX(-1);" src="Image Link Goes Here" data-src="Image Link Goes Here" alt="Alt Text Goes Here" width="800" height="533"/>
</div>
</div>

Featured Development
Sommét Blanc at Deer Valley

---

On the final parcel of the exclusive enclave of Empire Pass, Sommét Blanc offers a rare combination of easy ski access, a serene mountain setting, stunning ski slope views, outstanding amenities, and sophisticated mountain modern design.

View All

Subscribe Cta

<section class="cta cta--background-light">
<div class="cta__container container">
<h3 class="kicker__headline">Title Goes Here</h3>
<p>Paragraph Goes Here</br>
Or already have in account,<a href="/idx/login.html">Sign in</a>.</p>
<form class="cta__form" action="?newsletter" method="POST">
<input type="hidden" name="opt_marketing" value="in">
<div class="field">
<div class="field--inline">
<label for="inline" class="-is-hidden">Enter your email address</label>
<input id="inline" type="text" name="mi0moecs" placeholder="Enter your email address">
<button class="button button--large button--primary">Sign Up</button>
</div>
</div>
</form>
</div>
</section>

Testimonial Slide

<section class="testimonials-section block block--darkest block--full-width" data-slick>
<div class="container slider" data-slick-type>
<!-- SLIDE 1 -->
<div>
<div class="testimonials__stars">
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
</div>
<div class="testimonials__testimonial-container">
<div class="testimonials__author-info">
<div class="testimonials__author-image">
<img class="lazyload" src="/img/util/35mm_landscape.gif" data-src="Image Link Goes Here" alt="Alt Text for Image Goes Here">
</div>
<span class="testimonials__author">Name of Person who submitted the review Under Image</span>
<span class="testimonials__author-location">Place Where the Person who Submitted the Review is From</span>
</div>
<div class="testimonials__testimonial">
<span class="testimonials__text">"Testimonial Text Goes Here"</span>
</div>
</div>
</div>
<!-- END OF SLIDE 1 -->

<!-- SLIDE 2 -->
<div>
<div class="testimonials__stars">
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
<svg width="10.595" height="10.071" viewbox="0 0 10.595 10.071">
<path id="md-star" d="M59.3,72.1l3.274,1.975-.866-3.726L64.6,67.84l-3.81-.327L59.3,64,57.81,67.513,54,67.84l2.89,2.505-.866,3.726Z" transform="translate(-54 -64)" fill="#f7ca45"></path>
</svg>
</div>
<div class="testimonials__testimonial-container">
<div class="testimonials__author-info">
<div class="testimonials__author-image">
<img class="lazyload" src="/img/util/35mm_landscape.gif" data-src="/thumbs/90x90/smart/img/testimonials_agent.png" alt="photo">
</div>
<span class="testimonials__author">Mark Hoffsman</span>
<span class="testimonials__author-location">St. Petersburg, FL</span>
</div>
<div class="testimonials__testimonial">
<span class="testimonials__text">"This agent was amazing and provided excellent service, would recommend to anyone looking to buy a property in the Los Angeles region."</span>
</div>
</div>
</div>
<!-- END OF SLIDE 2 -->
</div>

<div class="slick-arrows">
<svg data-slick-prev="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 32 32" xml:space="preserve" class="testimonial_slide_prev icon slick-arrow" style="">
<path d="M24.7,15.3H-0.5v-1.8h25.2c-1.1-2-1.7-4.2-1.8-6.5c2.5,3.7,7.4,7.4,8.6,7.4 c-1.2,0-6.2,3.7-8.6,7.4C23,19.5,23.6,17.3,24.7,15.3z M31.5,14.3L31.5,14.3z M31.5,14.3L31.5,14.3z"></path>
</svg>

<div class="slick-counter">
<span data-slick-current>1</span> / <span data-slick-total>1</span>
</div>

<svg data-slick-next="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 32 32" xml:space="preserve" class="testimonial_slide_next icon slick-arrow" style="">
<path d="M24.7,15.3H-0.5v-1.8h25.2c-1.1-2-1.7-4.2-1.8-6.5c2.5,3.7,7.4,7.4,8.6,7.4 c-1.2,0-6.2,3.7-8.6,7.4C23,19.5,23.6,17.3,24.7,15.3z M31.5,14.3L31.5,14.3z M31.5,14.3L31.5,14.3z"></path>
</svg>
</div>
</section>

Video Container

<div>
<div class="luxury-video__section block--full-width">
<div class="video-section--watermark">
<img src="/uploads/agent-1/wt-watermark-black.webp" alt="Wallace Team Watermark" width="630" height="630" loading="lazy">
<!-- <img class=" ls-is-cached lazyload" data-src="thumbs/778x700/webp/img/lux-watermark-white.png" src="/img/util/35mm_landscape.gif" alt="luxury real estate watermark"> -->
</div>

<div class="container">

<div class="video-block">
<div class="video-thumb">
<img class="lazyload" src="/img/util/35mm_landscape.gif" data-src="Image Link Goes Here" alt="Alt Tag Goes Here" id="itKDpPF8bX-image">
<div id="itKDpPF8bX-play" class="play--button">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 360 360" style="enable-background:new 0 0 360 360" xml:space="preserve">
<style>.st0 {
fill: #fff
}</style>
<path class="st0" d="M180 359C81.3 359 1 278.7 1 180S81.3 1 180 1s179 80.3 179 179-80.3 179-179 179zm0-339C91.8 20 20 91.8 20 180s71.8 160 160 160 160-71.8 160-160S268.2 20 180 20z"></path>
<path class="st0" d="M135.1 245.4c-1.9 0-3.8-.5-5.5-1.6-2.9-1.9-4.7-5.1-4.7-8.5V124.8c0-3.5 1.9-6.9 4.9-8.7 3-1.8 6.8-2 10-.3l113.3 58.9c3.5 1.8 5.6 5.4 5.5 9.3-.1 3.9-2.4 7.4-5.9 9l-113.3 51.6c-1.4.5-2.9.8-4.3.8zm-3.7-18.2zm12.5-87.9v82.1l84.3-38.4-84.3-43.7z"></path></svg>
</div>
</div>
<div class="video">
<div id="itKDpPF8bX-video" title="Real Estate Webmasters x Luxury Real Estate Partnership" width="640" height="360"></div>

<script>
if (typeof video_snippets === 'undefined') {
var video_snippets = [];
}
video_snippets.push({'snippet': 'itKDpPF8bX', 'video_id': '*Video Link From YouTube Goes Here'});

setTimeout(function(){
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
}, 6000);
function onYouTubeIframeAPIReady() {
video_snippets.forEach(
function (video, video_key) {
video_snippets[video_key]['player'] = new YT.Player(video.snippet + '-video', {
videoId: video.video_id,
playerVars: {
'playsinline': 1
},
events: {
'onReady': function () {
document.getElementById(video.snippet + '-play').addEventListener('click', function () {
document.querySelector(".video-thumb").style.zIndex = "7";
document.getElementById(video.snippet + '-image').remove();
document.getElementById(video.snippet + '-play').remove();
video_snippets[video_key]['player'].playVideo();
});
}
}
});
}
);
}
</script>
</div>

</div>

<div class="video-content-block">
<h2>Real Estate Webmasters x Luxury Real Estate Partnership<hr></h2>
<p>We now can provide video options so you can showcase another side of your real estate business. Videos are used as a more direct way to speak to the interested party and present just how you can help them in their property search.</p>
<a href="/contact/" role="button" class="button button--primary button--large">Get In Touch</a>
</div>
</div>
</div>
</div>

World Class Estates

<div class="world-class-estates block--dark block--full-width">
<div class="container">
<div class="content-wrapper">
<h2>Title Goes Here <hr></h2>

<p>Paragraph Goes Here</p>
<div class="world-class-buttons">
<a href="/Page Link Goes Here/" class="button button--large button--secondary">Button Text Goes Here</a>
</div>
</div>
</div>
<div class="brand--watermark">
<img loading="lazy" src="Image Link Goes Here" data-src="Image Link Goes Here" alt="Alt Text Goes Here">
</div>
</div>

Summit Sotheby's International Realty

---

It can be easy to assume that all real estate brokerages and sales associates are the same. The truth is, we're passionate about being different - our unique qualities are at the heart of everything we do. For us, our responsibility goes way beyond assisting our clients in the buying and selling of real estate. We see each moment as an opportunity to deliver irreplaceable value to our clients around the world and, in the process, redefine the real estate industry. Luxury isn't tangible. It isn't a price tag. Luxury is an experience and a commitment going beyond the status quo. Being different isn't for everyone, but to us, it is everything.

View All Properties Find Out More

Adding Shadow and Color Text

<div class="container teasers teasers--2-col">
<div class="teaser__content">
<h2><font color="#ff0000">Font Color</font></h2>
<span style="text-shadow: 0.20em 0.20em #2F4F4F">
<h2>Font Shadow</h2></span>
<p>Paragraph goes Here
<br/><br/><a href="/Button Link Goes Here/" class="button button--large button--primary">Button Text goes Here</a></p>
</p>
</div>
<div class="teaser__content">
<br>
<style type="text/css"> img#martin {width:500px; box-shadow: 50px 50px 10px black;}</style>
<img id="martin" class="lazyload" src="/Image Link Goes Here" alt="" data-src="Image Link Goes Here" />
</div>
</div>
<br>

2 col Image with 2 col under

<div class="teasers teasers--2-col">

<div class="teaser__content">
<a href="#">
<div style="background-color: #ececec;">
<p style="margin-bottom: 0px;"><img style="opacity:1" src="/uploads/agent-1/primary-feature.png" onMouseover="this.style.opacity=.7" onMouseout="this.style.opacity=1" width="100%" alt="Type Picture Description here"></p></a>
<div class="teasers teasers--2-col">
<div class="teaser__content" style="padding-top: 0px;">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading One</sup>
<h2 style="margin-top: 0px;margin-bottom: 0px;">Heading Column One</h2>
<p style="margin-top: 0px;margin-bottom: 0px;">This content is an example of content that could be placed for different column or grid layouts.</p>
</div>

<div class="teaser__content" style="padding-top: 0px;">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading One</sup>
<h2 style="margin-top: 0px;margin-bottom: 0px;">Heading Column One</h2>
<p style="margin-top: 0px;margin-bottom: 0px;">This content is an example of content that could be placed for different column or grid layouts.</p>

</div>
</div>
</div>
</div>

<div class="teaser__content">
<a href="Page Link Goes Here">
<div style="background-color: #ececec;">
<p style="margin-bottom: 0px;"><img style="opacity:1" src="Image Link Goes Here" onMouseover="this.style.opacity=.7" onMouseout="this.style.opacity=1" width="100%" alt="Type picture description here"></p></a>
<div class="teasers teasers--2-col">
<div class="teaser__content" style="padding-top: 0px;">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading One</sup>
<h2 style="margin-top: 0px;margin-bottom: 0px;">Heading Column One</h2>
<p style="margin-top: 0px;margin-bottom: 0px;">Paragraph Text Goes Here</p>
</div>

<div class="teaser__content" style="padding-top: 0px;">
<!-- Content goes in here -->
<sup class="kicker__headline">Sub Heading One</sup>
<h2 style="margin-top: 0px;margin-bottom: 0px;">Heading Column One</h2>
<p style="margin-top: 0px;margin-bottom: 0px;">This content is an example of content that could be placed for different column or grid layouts.</p>

</div>
</div>
</div>
</div>
</div>

2 col Image with 3 col under

<div class="teasers teasers--2-col">
<div class="teaser__content">
<a href="#">
<div style="background-color: #ececec;">
<p style="margin-bottom: 0px;"><img style="opacity:1" src="Image Link Goes Here" onMouseover="this.style.opacity=.7" onMouseout="this.style.opacity=1" width="100%" alt="Type picture description here"></p></a>
<div class="teasers teasers--3-col">
<div class="teaser__content" style="padding-top: 0px;">
<h3 style="margin-top: 0px;margin-bottom: 0px;">Title Goes Here</h3>
<p style="margin-top: 0px;margin-bottom: 0px;">Paragraph Text Goes Here</p>
</div>
<div class="teaser__content" style="padding-top: 0px;">
<h3 style="margin-top: 0px;margin-bottom: 0px;">Column 2</h3>
<p style="margin-top: 0px;margin-bottom: 0px;">Paragraph Text Goes Here</p>
</div>
<div class="teaser__content" style="padding-top: 0px;">
<h3 style="margin-top: 0px;margin-bottom: 0px;">Column 3</h3>
<p style="margin-top: 0px;margin-bottom: 0px;">Paragraph Text Goes Here</p>
</div>
</div>
</div>
</div>
<div class="teaser__content">
<a href="#">
<div style="background-color: #ececec;">
<p style="margin-bottom: 0px;"><img style="opacity:1" src="/uploads/agent-1/primary-feature.png" onMouseover="this.style.opacity=.7" onMouseout="this.style.opacity=1" width="100%" alt="Type picture description here"></p></a>
<div class="teasers teasers--3-col">
<div class="teaser__content" style="padding-top: 0px;">
<h3 style="margin-top: 0px;margin-bottom: 0px;">Column 1</h3>
<p style="margin-top: 0px;margin-bottom: 0px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus lorem. Aliquam erat volutpat.</p>
</div>
<div class="teaser__content" style="padding-top: 0px;">
<h3 style="margin-top: 0px;margin-bottom: 0px;">Column 2</h3>
<p style="margin-top: 0px;margin-bottom: 0px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus lorem. Aliquam erat volutpat.</p>
</div>
<div class="teaser__content" style="padding-top: 0px;">
<h3 style="margin-top: 0px;margin-bottom: 0px;">Column 3</h3>
<p style="margin-top: 0px;margin-bottom: 0px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus lorem. Aliquam erat volutpat.</p>
</div>
</div>
</div>
</div>
</div>

4 Col full Width with image in the background

<section class="block block--dark block--full-width block--small block--communities" style="padding-top: 25px;padding-bottom: 25px;" >
<!-- BACKGROUND IMAGE SECTION: Change BG Image URL -->
<div style="width: 100%;
margin: 25px 0;
background: url('Image Link Goes Here') no-repeat center center;

<!-- Use box-shadow to add tint to image-->

box-shadow: 0 3000px rgba(0, 0, 0, 0.3) inset;
background-size: cover">

<div style="width: 100%; margin: 0 auto; padding: 30px 0; text-align: center;">

<div style="display: inline-block; width: 100%; padding: 0px 0;">
<br>
<br>

<!-- TITLE SECTION: Change Title and Font Styles -->

<div style="background-color: rgba(0, 0, 0, 0.7); margin-top: -30px;">
<section class="block--dark block--communities block--full-width block--pad-top-small" style="padding-top:15px;padding-bottom:15px; padding-left: 20px;padding-right: 20px;">

<div class="teasers teasers--4-col" style="padding-bottom:50px;">
<div class="teaser__content">
<h5 style="color:white; text-shadow: 3px 3px 2px #4f4d4d;">Title Goes Here</h5>
<p style="color:white; text-shadow: 2px 1px #4f4d4d;">Paragraph goes here.</p>
<a href="/Button Link Goes Here/"><button class="button button--secondary button--large" style="width: 100%;"><strong>Button Text Goes Here</strong></button></a>
</div>
<div class="teaser__content">
<h5 style="color:white; text-shadow: 3px 3px 2px #4f4d4d;">Section 2</h5>
<p style="color:white; text-shadow: 2px 1px #4f4d4d;">This content is an example of content that could be placed for different column or grid layouts.</p>
<a href="/idx/register.html"><button class="button button--secondary button--large" style="width: 100%;"><strong>Button Text</strong></button></a>
</div>
<div class="teaser__content">
<h5 style="color:white; text-shadow: 3px 3px 2px #4f4d4d;">Section 3</h5>
<p style="color:white; text-shadow: 2px 1px #4f4d4d;">This content is an example of content that could be placed for different column or grid layouts.</p>
<a href="/idx/register.html"><button class="button button--secondary button--large" style="width: 100%;"><strong>Button Text</strong></button></a>
</div>
<div class="teaser__content">
<h5 style="color:white; text-shadow: 3px 3px 2px #4f4d4d;">Section 4</h5>
<p style="color:white; text-shadow: 2px 1px #4f4d4d;">This content is an example of content that could be placed for different column or grid layouts.</p>
<a href="/idx/register.html"><button class="button button--secondary button--large" style="width: 100%;"><strong>Button Text</strong></button></a>
</div>

</div>
</div>

</div>
</div>
</div>

</div>
</section>

4 Col full Width with image in the background 2

<section class="block block--dark block--full-width block--small block--communities" style="padding-top: 25px;padding-bottom: 25px;" >
<!-- BACKGROUND IMAGE SECTION: Change BG Image URL -->
<div style="width: 100%;
margin: 25px 0;
background: url('Image Link Goes Here') no-repeat center center;

<!-- Use box-shadow to add tint to image-->

box-shadow: 0 3000px rgba(0, 0, 0, 0.3) inset;
background-size: cover">

<div style="width: 100%; margin: 0 auto; padding: 30px 0; text-align: center;">

<div style="display: inline-block; width: 100%; padding: 0px 0;">
<br>
<br>

<!-- TITLE SECTION: Change Title and Font Styles -->
<section class="block--dark block--communities block--full-width block--pad-top-small" style="padding-top:15px;padding-bottom:15px; padding-left: 20px;padding-right: 20px;">

<div class="teasers teasers--4-col" style="padding-bottom:50px;">
<div class="teaser__content" style="background-color: rgba(0, 0, 0, 0.7); margin-top: -30px;">
<h5 style="color:white; text-shadow: 3px 3px 2px #4f4d4d;">Title Goes Here</h5>
<p style="color:white; text-shadow: 2px 1px #4f4d4d;">Paragraph Goes Here.</p>
<a href="Button Link Goes Here"><button class="button button--secondary button--large" style="width: 100%;"><strong>Button Text Goes Here</strong></button></a>

</div>

<div class="teaser__content" style="background-color: rgba(0, 0, 0, 0.7); margin-top: -30px;">
<h5 style="color:white; text-shadow: 3px 3px 2px #4f4d4d;">Section 2</h5>
<p style="color:white; text-shadow: 2px 1px #4f4d4d;">This content is an example of content that could be placed for different column or grid layouts.</p>
<a href="/idx/register.html"><button class="button button--secondary button--large" style="width: 100%;"><strong>Button Text</strong></button></a>
</div>

<div class="teaser__content" style="background-color: rgba(0, 0, 0, 0.7); margin-top: -30px;">
<div style="background-color: rgba(0, 0, 0, 0.7); margin-top: -30px;">
<h5 style="color:white; text-shadow: 3px 3px 2px #4f4d4d;">Section 3</h5>
<p style="color:white; text-shadow: 2px 1px #4f4d4d;">This content is an example of content that could be placed for different column or grid layouts.</p>
<a href="/idx/register.html"><button class="button button--secondary button--large" style="width: 100%;"><strong>Button Text</strong></button></a>
</div>

<div class="teaser__content" style="background-color: rgba(0, 0, 0, 0.7); margin-top: -30px;">
<h5 style="color:white; text-shadow: 3px 3px 2px #4f4d4d;">Section 4</h5>
<p style="color:white; text-shadow: 2px 1px #4f4d4d;">This content is an example of content that could be placed for different column or grid layouts.</p>
<a href="/idx/register.html"><button class="button button--secondary button--large" style="width: 100%;"><strong>Button Text</strong></button></a>
</div>
</div>

</div>
</div>

</div>
</div>
</div>

</div>
</section>

#fw-banner-4col2#