Components

Reusable components used throughout the template.

Buttons

Classes applied to Button elements to adjust color, size and hover states.

Button

Secondary

Button

Small

Button

Secondary

Small

Chips

Chips are used in various places on the website to indicate a price or category.

Chip

Chip Text

Chip

Small

Chip Text

Category Chip

Category Chip

light

Accordions

Expandable rows that hide and show content when the user interacts with it.

Accordion

Lorem ipsum dolor sit amet consectetur adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt.

Accordion List

Lorem ipsum dolor sit amet consectetur adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt.
Lorem ipsum dolor sit amet consectetur adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt.
Lorem ipsum dolor sit amet consectetur adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt.
Lorem ipsum dolor sit amet consectetur adipiscing elit?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt. Pharetra aliquam vulputate et nibh quis lacus.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Risus at diam neque habitant eu ultricies fermentum, imperdiet tincidunt.

Filter Item

Filter Dropdown (Locations)

Filter Dropdown (Amenities)

Cards

Card components are used to group related content. All cards are used to build larger Section components.

Contact Card

Los Angeles Office
8604 Sunset Blvd.
West Hollywood, CA 90069

Stat Card

X

description

Section

Section components are used to create reusable sections for common modules.

Split Layout (Image Left)

Exterior of modern home
Overline

Lorem Ipsum Dolor Sit Amet Consectetur

Lorem ipsum dolor sit amet consectetur. Pretium sit massa semper vestibulum tellus ut tristique. Nibh placerat in id vestibulum lacus tellus non. Iaculis natoque gravida bibendum parturient.

Split Layout (Image Right)

Overline

Lorem Ipsum Dolor Sit Amet Consectetur

Lorem ipsum dolor sit amet consectetur. Pretium sit massa semper vestibulum tellus ut tristique. Nibh placerat in id vestibulum lacus tellus non. Iaculis natoque gravida bibendum parturient.

Exterior of modern home

Featured Listing

3-Column Icons

Constant Communication

Lorem ipsum dolor sit amet consectetur. Pretium sit massa semper vestibulum tellus ut tristique. Nibh placerat in id vestibulum lacus tellus non.

Negotiation Experts

Lorem ipsum dolor sit amet consectetur. Pretium sit massa semper vestibulum tellus ut tristique. Nibh placerat in id vestibulum lacus tellus non.

Market Analysis

Lorem ipsum dolor sit amet consectetur. Pretium sit massa semper vestibulum tellus ut tristique. Nibh placerat in id vestibulum lacus tellus non.

In-House Brokers

Lorem ipsum dolor sit amet consectetur. Pretium sit massa semper vestibulum tellus ut tristique. Nibh placerat in id vestibulum lacus tellus non.

Access to MLS

Lorem ipsum dolor sit amet consectetur. Pretium sit massa semper vestibulum tellus ut tristique. Nibh placerat in id vestibulum lacus tellus non.

Compassionate Service

Lorem ipsum dolor sit amet consectetur. Pretium sit massa semper vestibulum tellus ut tristique. Nibh placerat in id vestibulum lacus tellus non.

Stat Card Row

1,000+

new home sales

52 years

of combined experience

$2.4 billion

in real estate sold

892

5-star reviews

Testimonial

“Dwelling helped my family find an amazing deal in our dream San Diego neighborhood.”

Michael, Palm Springs

CTA Row (Floating)

Find the Perfect Home for You

Centered Text Row

Overline

Lorem ipsum dolor sit amet consectetur. Tellus viverra eu risus ipsum vehicula. Pharetra viverra amet velit a quisque sagittis. Hac non nunc tincidunt etiam posuere.

Horizontal Rule

Find the Perfect Home