Sell Your Home
The Stress- Free WayLet the experts at New Monarch Realty sell your property.
Why list with New Monarch Realty? In one word, “results”. When you decide to make a plan to move, you need an experienced partner. We listen to your needs, wants, and desires, then help you create a realistic plan. Our team executes with precision and we always put your needs above any of ours. Our track record speaks for itself. Let us show you how we make things happen for our clients. Also, check out our superior marketing. And remember, experience matters!
<style>
/* =========================================================
STL HOUSE HUNT — BROKER CARD
Clean responsive version
========================================================= */
#stlhh-broker-card {
container-type: inline-size !important;
width: 100% !important;
max-width: 1000px !important;
margin: 24px auto !important;
padding: 22px 26px 18px !important;
background: #f7f7f7 !important;
border: 1px solid #ddd !important;
border-radius: 14px !important;
box-shadow: 0 2px 7px rgba(0,0,0,.04) !important;
font-family: Arial, Helvetica, sans-serif !important;
box-sizing: border-box !important;
}
#stlhh-broker-card * {
box-sizing: border-box !important;
}
/* =========================================================
TOP
========================================================= */
#stlhh-broker-card .broker-top {
display: flex !important;
align-items: center !important;
width: 100% !important;
}
/* PHOTO */
#stlhh-broker-card .broker-photo-wrap {
flex: 0 0 116px !important;
width: 116px !important;
height: 116px !important;
margin-right: 22px !important;
padding: 4px !important;
background: #fff !important;
border: 1px solid #bcbcbc !important;
border-radius: 50% !important;
box-shadow: 0 3px 9px rgba(0,0,0,.10) !important;
overflow: hidden !important;
}
#stlhh-broker-card .broker-photo {
display: block !important;
width: 106px !important;
height: 106px !important;
object-fit: cover !important;
object-position: center 20% !important;
border-radius: 50% !important;
}
/* =========================================================
IDENTITY
========================================================= */
#stlhh-broker-card .broker-identity {
flex: 1 1 auto !important;
min-width: 0 !important;
}
#stlhh-broker-card .brokerage-logo {
display: block !important;
width: auto !important;
max-width: 145px !important;
max-height: 42px !important;
margin-bottom: 8px !important;
}
#stlhh-broker-card .broker-name {
margin-bottom: 5px !important;
color: #000 !important;
font-size: clamp(22px, 3.2cqw, 30px) !important;
font-weight: 700 !important;
line-height: 1.05 !important;
white-space: nowrap !important;
}
#stlhh-broker-card .broker-title {
display: block !important;
color: #666 !important;
font-size: clamp(8px, 1.15cqw, 11px) !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: .8px !important;
text-transform: uppercase !important;
}
/* =========================================================
CONTACT
========================================================= */
#stlhh-broker-card .broker-contact {
flex: 0 0 31% !important;
margin-left: 28px !important;
padding-left: 30px !important;
border-left: 1px solid #d4d4d4 !important;
text-align: center !important;
}
#stlhh-broker-card .phone-label {
display: block !important;
margin-bottom: 4px !important;
color: #777 !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 1.6px !important;
text-transform: uppercase !important;
}
#stlhh-broker-card .phone-number {
display: block !important;
margin-bottom: 11px !important;
color: #000 !important;
font-size: clamp(18px, 2.6cqw, 24px) !important;
font-weight: 700 !important;
line-height: 1.1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
#stlhh-broker-card .phone-number:hover {
color: #8B1732 !important;
}
#stlhh-broker-card .broker-button {
display: block !important;
width: 100% !important;
padding: 12px 10px !important;
background: #8B1732 !important;
color: #fff !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-align: center !important;
text-decoration: none !important;
}
#stlhh-broker-card .broker-button:hover {
background: #6f1027 !important;
color: #fff !important;
}
/* =========================================================
BENEFITS
========================================================= */
#stlhh-broker-card .broker-benefits {
display: flex !important;
align-items: center !important;
margin-top: 19px !important;
padding: 14px 0 !important;
border-top: 1px solid #d8d8d8 !important;
border-bottom: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .broker-benefit {
display: flex !important;
flex: 1 1 33.333% !important;
align-items: center !important;
gap: 8px !important;
padding: 0 18px !important;
color: #111 !important;
font-size: clamp(10px, 1.4cqw, 13px) !important;
font-weight: 500 !important;
line-height: 1.2 !important;
}
#stlhh-broker-card .broker-benefit + .broker-benefit {
border-left: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .broker-check {
display: inline-flex !important;
flex: 0 0 auto !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 24px !important;
background: #8B1732 !important;
color: #fff !important;
border-radius: 50% !important;
font-size: 13px !important;
font-weight: 700 !important;
}
/* =========================================================
CREDENTIALS
========================================================= */
#stlhh-broker-card .broker-credentials {
display: flex !important;
align-items: center !important;
width: 100% !important;
margin-top: 14px !important;
}
#stlhh-broker-card .broker-stars {
flex: 0 0 auto !important;
margin-right: 18px !important;
color: #F5A000 !important;
font-size: clamp(16px, 2.2cqw, 21px) !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 1px !important;
white-space: nowrap !important;
}
#stlhh-broker-card .recent-sales {
flex: 0 0 auto !important;
margin-right: 22px !important;
padding: 7px 12px !important;
background: #8B1732 !important;
color: #fff !important;
border-radius: 4px !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: .3px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
/* ASSOCIATION LOGOS */
#stlhh-broker-card .broker-associations {
display: flex !important;
flex: 1 1 auto !important;
align-items: center !important;
justify-content: space-around !important;
min-width: 0 !important;
gap: 12px !important;
padding-left: 22px !important;
border-left: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .association-logo {
display: flex !important;
flex: 1 1 25% !important;
align-items: center !important;
justify-content: center !important;
min-width: 0 !important;
height: 32px !important;
}
#stlhh-broker-card .association-logo img {
display: block !important;
width: auto !important;
max-width: 80px !important;
max-height: 29px !important;
}
/* =========================================================
COMPACT / SIDEBAR VERSION
Card itself is 400px wide or less
========================================================= */
@container (max-width: 400px) {
#stlhh-broker-card {
margin: 15px auto !important;
padding: 18px 16px 16px !important;
border-radius: 11px !important;
}
/* Hide secondary marketing claims */
#stlhh-broker-card .broker-benefits {
display: none !important;
}
/* TOP */
#stlhh-broker-card .broker-top {
flex-wrap: wrap !important;
}
/* PHOTO */
#stlhh-broker-card .broker-photo-wrap {
flex-basis: 86px !important;
width: 86px !important;
height: 86px !important;
margin-right: 15px !important;
padding: 3px !important;
}
#stlhh-broker-card .broker-photo {
width: 78px !important;
height: 78px !important;
}
/* IDENTITY */
#stlhh-broker-card .brokerage-logo {
max-width: 118px !important;
max-height: 35px !important;
margin-bottom: 7px !important;
}
#stlhh-broker-card .broker-name {
margin-bottom: 5px !important;
font-size: 22px !important;
white-space: normal !important;
}
#stlhh-broker-card .broker-title {
font-size: 9px !important;
letter-spacing: .45px !important;
}
/* CONTACT */
#stlhh-broker-card .broker-contact {
flex: 0 0 100% !important;
width: 100% !important;
margin: 16px 0 0 !important;
padding: 14px 0 0 !important;
border-left: 0 !important;
border-top: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .phone-label {
margin-bottom: 4px !important;
font-size: 9px !important;
letter-spacing: 1.5px !important;
}
#stlhh-broker-card .phone-number {
margin-bottom: 10px !important;
font-size: 22px !important;
}
#stlhh-broker-card .broker-button {
padding: 12px 8px !important;
font-size: 12px !important;
}
/* CREDENTIALS */
#stlhh-broker-card .broker-credentials {
flex-wrap: wrap !important;
justify-content: center !important;
margin-top: 15px !important;
padding-top: 14px !important;
border-top: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .broker-stars {
margin-right: 12px !important;
font-size: 18px !important;
letter-spacing: .5px !important;
}
#stlhh-broker-card .recent-sales {
margin-right: 0 !important;
padding: 7px 10px !important;
font-size: 9px !important;
}
/* LOGOS GET THEIR OWN ROW */
#stlhh-broker-card .broker-associations {
flex: 0 0 100% !important;
width: 100% !important;
gap: 10px !important;
margin-top: 14px !important;
padding: 14px 0 0 !important;
border-left: 0 !important;
border-top: 1px solid #d8d8d8 !important;
}
#stlhh-broker-card .association-logo {
height: 31px !important;
}
#stlhh-broker-card .association-logo img {
max-width: 100% !important;
max-height: 29px !important;
}
}
</style>
<div id="stlhh-broker-card">
<!-- TOP -->
<div class="broker-top">
<!-- PHOTO -->
<div class="broker-photo-wrap">
<img
class="broker-photo"
src="https://u.realgeeks.media/stlhousehunt/justin-lindberg-2018.jpg"
alt="Jay Lindberg - St. Louis Real Estate Broker"
>
</div>
<!-- IDENTITY -->
<div class="broker-identity">
<img
class="brokerage-logo"
src="https://t.realgeeks.media/thumbnail/y9Zh3VqomghgLpAnqwrP5sm4IEQ=/fit-in/500x500/filters:no_upscale():format(webp):quality(80)/u.realgeeks.media/stlhousehunt/stl-real-estate-nmr-logo-27.png"
alt="New Monarch Realty"
>
<div class="broker-name">
Jay Lindberg
</div>
<span class="broker-title">
St. Louis Real Estate Broker
</span>
</div>
<!-- CONTACT -->
<div class="broker-contact">
<span class="phone-label">
Call or Text Jay
</span>
<a
class="phone-number"
href="tel:3144991040"
>
314-499-1040
</a>
<a
class="broker-button"
href="tel:3144991040"
>
Call Jay →
</a>
</div>
</div>
<!-- BENEFITS — automatically hidden on narrow card -->
<div class="broker-benefits">
<div class="broker-benefit">
<span class="broker-check">✓</span>
<span>Local St. Louis expertise</span>
</div>
<div class="broker-benefit">
<span class="broker-check">✓</span>
<span>Buyer & seller representation</span>
</div>
<div class="broker-benefit">
<span class="broker-check">✓</span>
<span>Experienced negotiation</span>
</div>
</div>
<!-- CREDENTIALS -->
<div class="broker-credentials">
<div class="broker-stars">
★★★★★
</div>
<div class="recent-sales">
87 Recent Sales
</div>
<div class="broker-associations">
<div class="association-logo">
<img
src="https://u.realgeeks.media/stlhousehunt/slar-NAR-Logo.png"
alt="National Association of Realtors"
>
</div>
<div class="association-logo">
<img
src="https://u.realgeeks.media/stlhousehunt/SLAR-RE-logo.png"
alt="REALTOR"
>
</div>
<div class="association-logo">
<img
src="https://u.realgeeks.media/stlhousehunt/slar-mre-logo.png"
alt="Missouri Realtors"
>
</div>
<div class="association-logo">
<img
src="https://u.realgeeks.media/stlhousehunt/slar-cre-logo.png"
alt="St. Louis Realtors"
>
</div>
</div>
</div>
</div>