Style Guide

Monochromatic Color

  • Black

    #222
  • Gray 400

    #4a484a
  • Grey 350

    #737373
  • Grey 300

    #8e8e8e
  • Grey 100

    #eee
  • Grey 000

    #f7f7f7
  • White

    #fff

Alert Color

  • Info

    #3c8227
  • Info Hover

    #218f00
  • Success

    #3c8227
  • Success Hover

    #218f00
  • Warning

    #ef6c00
  • Warning Hover

    #f57c00
  • Error

    #d84315
  • Error Hover

    #e64a19

Social Media Colors

  • Facebook

    #1877f2
  • Twitter

    #1b95e0
  • Google

    #ebebeb
  • LinkedIn

    #0077b5
  • Yahoo

    #410093

Font Families

Serif: The quick brown fox jumps over the lazy dog

font-family: 'Playfair Display', TimesNewRoman, Times New Roman, Times, Baskerville, Georgia, serif;'

Sans Serif: The quick brown fox jumps over the lazy dog

font-family: 'Poppins', Arial, "Helvetica Neue", Helvetica, sans-serif;'

h1 Headline Example

h1 {
font-family: 'Playfair Display', Georgia, serif;
text-transform: uppercase;
font-size: 3.5rem;
line-height: 1.1;
margin-top: 64px;
margin-bottom: 40px;
}

h2 Headline Example

h2 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 2.625rem;
line-height: 1.2;
letter-spacing: -1px;
margin-top: 64px;
margin-bottom: 32px;
}

h3 Headline Example

h3 {
font-family: 'Playfair Display', Georgia, serif;
font-size: 2.125rem;
line-height: 1.3;
letter-spacing: -1px;
margin-top: 48px;
margin-bottom: 24px;
}

h4 Headline Example

h4 {
font-family: 'Playfair Display', Georgia, serif;
text-transform: uppercase;
font-size: 1.875rem;
line-height: 1.2;
margin-top: 48px;
margin-bottom: 24px;
}
h5 Headline Example
h5 {
font-family: 'Playfair Display', Georgia, serif;
text-transform: uppercase;
font-size: 1.625rem
line-height: 1.3;
margin-top: 48px;
margin-bottom: 24px;
}
h6 Headline Example
h6 {
font-family: 'Poppins', Arial, Helvetica, sans-serif;'
text-transform: uppercase;
font-weight: 700;
font-size: 0.8125rem;
line-height: 1.5;
letter-spacing: 1px;
margin-top: 16px;
margin-bottom: 16px;
}

Unordered List

  • List Item one
  • List Item two
  • List Item three

Ordered List

  1. List Item one
  2. List Item two
  3. List Item three

Highlight

Element with class="highlight". This condo has it all! Features include superb hardwoods, exercise pool, Large eat-in Island & two wood burning fireplaces plus potential for a mortgage helper on the lower level.

Important

Element with class="important". This condo has it all! Features include superb hardwoods, exercise pool, Large eat-in Island & two wood burning fireplaces plus potential for a mortgage helper on the lower level.

Buttons

Layouts

Two Column

Sub Heading One

Heading Column One

This content is an example of content that could be placed for different column or grid layouts.

Sub Heading Two

Heading Column Two

This content is an example of content that could be placed for different column or grid layouts.

Three Column

Sub Heading One

Heading Column One

This content is an example of content that could be placed for different column or grid layouts.

Sub Heading Two

Heading Column Two

This content is an example of content that could be placed for different column or grid layouts.

Sub Heading Three

Heading Column Three

This content is an example of content that could be placed for different column or grid layouts.

Four Column

Sub Heading One

Heading Column One

This content is an example of content that could be placed for different column or grid layouts.

Sub Heading Two

Heading Column Two

This content is an example of content that could be placed for different column or grid layouts.

Sub Heading Three

Heading Column Three

This content is an example of content that could be placed for different column or grid layouts.

Sub Heading Four

Heading Column Four

This content is an example of content that could be placed for different column or grid layouts.

Two by Two Grid

Sub Heading One

Grid Heading Column One

This content is an example of content that could be placed for different column or grid layouts.

Sub Heading Two

Grid Heading Column Two

This content is an example of content that could be placed for different column or grid layouts.

Sub Heading Three

Grid Heading Column Three

This content is an example of content that could be placed for different column or grid layouts.

Sub Heading Four

Grid Heading Column Four

This content is an example of content that could be placed for different column or grid layouts.

Snippets Call to action

Join CTA

Are you an agent?

Join our growing team, we're looking for exceptional agents

Our team is dedicated to putting our experience and local knowledge to work for you in all steps of your real estate transaction.

Learn More

Agent CTA

Replace this photo with your own

Contact us today to help you with your next home

Get in touch

Subscribe CTA

Sign Up for free

Get the first to receive the latest listing updates, save favorites & much more by signing up.
Or already have in account,Sign in.

Community CTA

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

List of Communities CTA

Seller's CTA

What's your home worth?

Get a FREE Comparative Market Analysis in today's market.

Search CTA

Technology to fit you

At home or on the go, listings are always with you.

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 Searching

Responsive Table

Table headline one Table headline two Table headline three Table headline four
Table body content Table body content Table body content Table body content
        .table--bordered Add this class table element to display a border bottom.
        .table--scroll Add this class to a div element as the parent of the table element. To modify a
        table to display a horizontal scroll.
    

FAQ

Midwest Real Estate Data LLC Logo The data relating to real estate for sale on this website comes in part from the Broker Reciprocity program of Midwest Real Estate Data LLC. Real Estate listings held by brokerage firms other than Jameson Sotheby’s are marked with the Broker Reciprocity logo or the Broker Reciprocity thumbnail logo (a little black house) and detailed information about them includes the names of the listing brokers. Some properties which appear for sale on this website may subsequently have sold and may no longer be available. The information being provided is for consumers' personal, non-commercial use and may not be used for any purpose other than to identify prospective properties consumers may be interested in purchasing. Information deemed reliable but not guaranteed. Many homes contain recording devices, and buyers should be aware they may be recorded during a showing.

Listings courtesy of NEIRBR Northeast Iowa Regional Board of Realtors as distributed by MLS GRID

IDX information is provided exclusively for consumers’ personal noncommercial use, that it may not be used for any purpose other than to identify prospective properties consumers may be interested in purchasing, that the data is deemed reliable but is not guaranteed by MLS GRID, and that the use of the MLS GRID Data may be subject to an end user license agreement prescribed by the Member Participant’s applicable MLS if any and as amended from time to time.

Based on information submitted to the MLS GRID as of July 19th, 2025 at 3:23am. All data is obtained from various sources and may not have been verified by broker or MLS GRID. Supplied Open House Information is subject to change without notice. All information should be independently reviewed and verified for accuracy. Properties may or may not be listed by the office/agent presenting the information.

The DMCA requires that your notice of alleged copyright infringement include the following information: (1) description of the copyrighted work that is the subject of claimed infringement; (2) description of the alleged infringing content and information sufficient to permit us to locate the content; (3) contact information for you, including your address, telephone number and email address; (4) a statement by you that you have a good faith belief that the content in the manner complained of is not authorized by the copyright owner, or its agent, or by the operation of any law; (5) a statement by you, signed under penalty of perjury, that the information in the notification is accurate and that you have the authority to enforce the copyrights that are claimed to be infringed; and (6) a physical or electronic signature of the copyright owner or a person authorized to act on the copyright owner’s behalf. Failure to include all of the above information may result in the delay of the processing of your complaint.

The Digital Millennium Copyright Act of 1998, 17 U.S.C. § 512 (the “DMCA”) provides recourse for copyright owners who believe that material appearing on the Internet infringes their rights under 6 MLS GRID IDX Rules Updated September 16, 2024 U.S. copyright law. If you believe in good faith that any content or material made available in connection with our website or services infringes your copyright, you (or your agent) may send us a notice requesting that the content or material be removed, or access to it blocked. Notices must be sent in writing by email to: Jameson Sotheby’s

Listing information last updated on July 19th, 2025 at 3:23am CDT.