← back to Rentv Bloom Flyers
public/concepts/concept-5-podcast-host.html
958 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Commercial Real Estate Talk — Steve Bloom Host Flyer</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700;800&family=Archivo:wght@400;600;700;800;900&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@page {
size: letter;
margin: 0;
}
:root {
--blue: #16357A;
--navy: #0E2350;
--red: #D0202E;
--gold: #E8A81C;
--ink: #141414;
--white: #FFFFFF;
--gray: #6B7280;
--panel: #F4F6FB;
--gold-lt: #FDF3D8;
--blue-lt: #EEF2FA;
}
html, body {
width: 816px;
height: 1056px;
overflow: hidden;
background: var(--white);
font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: var(--ink);
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
@media print {
html, body {
width: 816px;
height: 1056px;
overflow: hidden;
}
}
/* ─── LAYOUT SHELL ──────────────────────────────────────────── */
.page {
width: 816px;
height: 1056px;
display: flex;
flex-direction: column;
position: relative;
}
/* ─── HERO BAND ─────────────────────────────────────────────── */
.hero {
background: linear-gradient(160deg, var(--navy) 0%, var(--blue) 55%, #1a3d8f 100%);
padding: 30px 48px 28px;
position: relative;
overflow: hidden;
flex-shrink: 0;
}
/* soundwave decoration behind hero */
.hero-wave-bg {
position: absolute;
bottom: 0; right: 0;
opacity: 0.06;
pointer-events: none;
}
/* top row: logo left + tagline right */
.hero-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
}
.hero-supertag {
font-family: 'Archivo', sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--gold);
background: rgba(232,168,28,.15);
border: 1px solid rgba(232,168,28,.35);
padding: 4px 10px;
border-radius: 3px;
}
/* ─── HERO BODY: portrait left, title right ─────────────────── */
.hero-body {
display: flex;
align-items: center;
gap: 36px;
}
/* circular portrait placeholder */
.portrait-wrap {
flex-shrink: 0;
position: relative;
}
.portrait-ring {
width: 148px;
height: 148px;
border-radius: 50%;
border: 4px solid var(--gold);
background: linear-gradient(145deg, #1d3d7a 0%, #0a1a3a 100%);
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
box-shadow: 0 0 0 2px rgba(232,168,28,.25), 0 8px 32px rgba(0,0,0,.45);
}
.portrait-label {
position: absolute;
bottom: -22px;
left: 50%;
transform: translateX(-50%);
font-size: 8px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(255,255,255,.45);
white-space: nowrap;
}
/* title block */
.hero-title-block {
flex: 1;
}
.podcast-label {
font-family: 'Archivo', sans-serif;
font-size: 9px;
font-weight: 800;
letter-spacing: 3px;
text-transform: uppercase;
color: rgba(255,255,255,.5);
margin-bottom: 8px;
}
.show-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 900;
font-size: 36px;
line-height: 1.05;
color: var(--white);
margin-bottom: 4px;
letter-spacing: -0.5px;
}
.show-title em {
font-style: italic;
color: var(--gold);
}
.show-divider {
width: 48px;
height: 3px;
background: linear-gradient(90deg, var(--gold) 0%, rgba(232,168,28,0) 100%);
margin: 10px 0;
}
.host-line {
font-family: 'Inter', sans-serif;
font-size: 13px;
font-weight: 500;
color: rgba(255,255,255,.85);
letter-spacing: 0.2px;
margin-bottom: 4px;
}
.host-line strong {
color: var(--white);
font-weight: 700;
}
/* stats row */
.stats-row {
display: flex;
gap: 20px;
margin-top: 12px;
}
.stat-chip {
display: flex;
align-items: center;
gap: 6px;
background: rgba(255,255,255,.09);
border: 1px solid rgba(255,255,255,.15);
border-radius: 4px;
padding: 5px 10px;
}
.stat-chip-icon {
color: var(--gold);
flex-shrink: 0;
}
.stat-chip-text {
font-size: 10px;
font-weight: 600;
color: rgba(255,255,255,.88);
letter-spacing: 0.3px;
white-space: nowrap;
}
/* ─── SOUNDWAVE BAR ─────────────────────────────────────────── */
.soundwave-bar {
background: var(--gold);
height: 5px;
flex-shrink: 0;
}
/* ─── BODY CONTENT ──────────────────────────────────────────── */
.body {
flex: 1;
display: flex;
flex-direction: column;
padding: 0 48px;
overflow: hidden;
}
/* ─── ABOUT SECTION ─────────────────────────────────────────── */
.about-section {
padding: 22px 0 18px;
border-bottom: 1px solid #E2E8F0;
display: flex;
gap: 32px;
align-items: flex-start;
}
.about-text {
flex: 1;
}
.section-eyebrow {
font-family: 'Archivo', sans-serif;
font-size: 9px;
font-weight: 800;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--blue);
margin-bottom: 7px;
}
.about-headline {
font-family: 'Playfair Display', Georgia, serif;
font-size: 17px;
font-weight: 700;
color: var(--navy);
line-height: 1.3;
margin-bottom: 8px;
}
.about-body {
font-size: 11.5px;
line-height: 1.65;
color: #374151;
}
/* microphone motif */
.mic-motif {
flex-shrink: 0;
width: 90px;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
.mic-label {
font-size: 8px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--gray);
text-align: center;
}
/* ─── TWO-COL MIDDLE ─────────────────────────────────────────── */
.two-col {
display: flex;
gap: 20px;
padding: 18px 0 16px;
border-bottom: 1px solid #E2E8F0;
}
.col-left {
flex: 1.1;
}
.col-right {
flex: 0.9;
}
/* What you get list */
.feature-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 7px;
margin-top: 8px;
}
.feature-list li {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 11px;
line-height: 1.45;
color: #374151;
}
.feature-list li .bullet {
flex-shrink: 0;
margin-top: 2px;
color: var(--gold);
}
/* where to watch */
.watch-box {
background: var(--navy);
border-radius: 8px;
padding: 14px 16px;
margin-top: 8px;
}
.watch-box .wlabel {
font-size: 8.5px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(255,255,255,.5);
margin-bottom: 8px;
}
.watch-item {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 9px;
}
.watch-item:last-child {
margin-bottom: 0;
}
.watch-icon-wrap {
width: 32px;
height: 32px;
border-radius: 6px;
background: rgba(255,255,255,.1);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.watch-name {
font-size: 12px;
font-weight: 700;
color: var(--white);
line-height: 1.2;
}
.watch-url {
font-size: 9.5px;
color: var(--gold);
font-weight: 500;
letter-spacing: 0.3px;
}
/* ─── SPONSOR PANEL ──────────────────────────────────────────── */
.sponsor-panel {
background: var(--gold-lt);
border: 1.5px solid rgba(232,168,28,.35);
border-radius: 8px;
padding: 16px 20px 14px;
margin: 0 0 16px;
}
.sponsor-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.sponsor-headline {
font-family: 'Playfair Display', Georgia, serif;
font-size: 16px;
font-weight: 700;
color: var(--navy);
}
.sponsor-badge {
font-size: 9px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
background: var(--gold);
color: var(--navy);
padding: 3px 8px;
border-radius: 3px;
}
.sponsor-slots {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
margin-bottom: 10px;
}
.sponsor-slot {
background: var(--white);
border: 1.5px dashed rgba(22,53,122,.25);
border-radius: 6px;
padding: 10px 6px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
min-height: 72px;
}
.slot-num {
font-size: 8px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--blue);
}
.slot-label {
font-size: 9px;
font-weight: 600;
color: var(--gray);
line-height: 1.3;
text-align: center;
}
.sponsor-includes {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.spi {
display: flex;
align-items: center;
gap: 5px;
font-size: 10px;
color: #374151;
font-weight: 500;
}
.spi svg {
color: var(--blue);
flex-shrink: 0;
}
/* ─── FOOTER ─────────────────────────────────────────────────── */
.footer {
background: var(--navy);
padding: 16px 48px 18px;
flex-shrink: 0;
position: relative;
}
.footer::before {
content: '';
position: absolute;
top: 0; left: 48px; right: 48px;
height: 2px;
background: linear-gradient(90deg, var(--gold) 0%, rgba(232,168,28,.1) 100%);
}
.footer-inner {
display: flex;
gap: 32px;
align-items: flex-start;
}
.footer-primary {
flex: 1.2;
}
.footer-name {
font-family: 'Playfair Display', Georgia, serif;
font-size: 18px;
font-weight: 700;
color: var(--white);
margin-bottom: 2px;
letter-spacing: -0.3px;
}
.footer-title {
font-size: 10px;
font-weight: 600;
letter-spacing: 0.5px;
color: var(--gold);
text-transform: uppercase;
margin-bottom: 10px;
}
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px 16px;
}
.contact-row {
display: flex;
align-items: center;
gap: 6px;
font-size: 10px;
color: rgba(255,255,255,.82);
line-height: 1.5;
}
.contact-row svg {
flex-shrink: 0;
color: var(--gold);
}
.footer-divider {
width: 1px;
background: rgba(255,255,255,.12);
align-self: stretch;
flex-shrink: 0;
}
.footer-secondary {
flex: 1;
}
.footer-secondary-name {
font-size: 12px;
font-weight: 700;
color: rgba(255,255,255,.9);
margin-bottom: 1px;
}
.footer-secondary-title {
font-size: 9px;
font-weight: 600;
letter-spacing: 0.5px;
color: rgba(232,168,28,.7);
text-transform: uppercase;
margin-bottom: 8px;
}
.footer-web-row {
margin-top: 8px;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.web-pill {
font-size: 9px;
font-weight: 600;
color: var(--gold);
background: rgba(232,168,28,.12);
border: 1px solid rgba(232,168,28,.25);
border-radius: 3px;
padding: 2px 7px;
letter-spacing: 0.3px;
}
.footer-address {
margin-top: 8px;
font-size: 9px;
color: rgba(255,255,255,.45);
line-height: 1.5;
}
</style>
</head>
<body>
<div class="page">
<!-- ─── HERO ──────────────────────────────────────────────────── -->
<header class="hero">
<!-- decorative soundwave behind hero -->
<svg class="hero-wave-bg" width="340" height="160" viewBox="0 0 340 160" fill="none" aria-hidden="true">
<rect x="0" y="60" width="8" height="40" rx="4" fill="white"/>
<rect x="14" y="40" width="8" height="80" rx="4" fill="white"/>
<rect x="28" y="25" width="8" height="110" rx="4" fill="white"/>
<rect x="42" y="50" width="8" height="60" rx="4" fill="white"/>
<rect x="56" y="30" width="8" height="100" rx="4" fill="white"/>
<rect x="70" y="10" width="8" height="140" rx="4" fill="white"/>
<rect x="84" y="45" width="8" height="70" rx="4" fill="white"/>
<rect x="98" y="20" width="8" height="120" rx="4" fill="white"/>
<rect x="112" y="50" width="8" height="60" rx="4" fill="white"/>
<rect x="126" y="35" width="8" height="90" rx="4" fill="white"/>
<rect x="140" y="55" width="8" height="50" rx="4" fill="white"/>
<rect x="154" y="15" width="8" height="130" rx="4" fill="white"/>
<rect x="168" y="40" width="8" height="80" rx="4" fill="white"/>
<rect x="182" y="60" width="8" height="40" rx="4" fill="white"/>
<rect x="196" y="25" width="8" height="110" rx="4" fill="white"/>
<rect x="210" y="45" width="8" height="70" rx="4" fill="white"/>
<rect x="224" y="30" width="8" height="100" rx="4" fill="white"/>
<rect x="238" y="55" width="8" height="50" rx="4" fill="white"/>
<rect x="252" y="20" width="8" height="120" rx="4" fill="white"/>
<rect x="266" y="50" width="8" height="60" rx="4" fill="white"/>
<rect x="280" y="35" width="8" height="90" rx="4" fill="white"/>
<rect x="294" y="65" width="8" height="30" rx="4" fill="white"/>
<rect x="308" y="40" width="8" height="80" rx="4" fill="white"/>
<rect x="322" y="55" width="8" height="50" rx="4" fill="white"/>
</svg>
<div class="hero-top">
<!-- RENTV inline SVG logo -->
<svg width="140" height="46" viewBox="0 0 140 46" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="RENTV logo">
<!-- gold ellipse ring -->
<ellipse cx="70" cy="23" rx="67" ry="21" stroke="#E8A81C" stroke-width="2.5" fill="none"/>
<!-- RENTV wordmark -->
<text x="70" y="28" text-anchor="middle"
font-family="Archivo, Helvetica, Arial, sans-serif"
font-weight="800" font-size="18" letter-spacing="3"
fill="#FFFFFF">RENTV</text>
</svg>
<span class="hero-supertag">Video Podcast Series</span>
</div>
<div class="hero-body">
<!-- circular portrait placeholder -->
<div class="portrait-wrap">
<div class="portrait-ring">
<!-- avatar placeholder SVG -->
<svg width="100" height="110" viewBox="0 0 100 110" fill="none" aria-label="Host portrait placeholder">
<!-- head -->
<ellipse cx="50" cy="38" rx="22" ry="24" fill="rgba(232,168,28,.18)" stroke="#E8A81C" stroke-width="1.5"/>
<!-- body silhouette -->
<path d="M10 110 C10 78 38 68 50 68 C62 68 90 78 90 110 Z" fill="rgba(232,168,28,.12)" stroke="#E8A81C" stroke-width="1.5"/>
<!-- face features suggestion -->
<ellipse cx="42" cy="36" rx="3.5" ry="3.5" fill="rgba(255,255,255,.35)"/>
<ellipse cx="58" cy="36" rx="3.5" ry="3.5" fill="rgba(255,255,255,.35)"/>
<path d="M42 50 Q50 56 58 50" stroke="rgba(255,255,255,.35)" stroke-width="1.5" fill="none" stroke-linecap="round"/>
</svg>
</div>
<span class="portrait-label">HOST PORTRAIT</span>
</div>
<!-- show title block -->
<div class="hero-title-block">
<p class="podcast-label">The Premier CRE Video Podcast</p>
<h1 class="show-title">Commercial<br><em>Real Estate</em><br>Talk</h1>
<div class="show-divider"></div>
<p class="host-line">Hosted by <strong>Steve Bloom</strong></p>
<p class="host-line">Co-host <strong>Arnie Garfinkel</strong></p>
<div class="stats-row">
<div class="stat-chip">
<svg class="stat-chip-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
<span class="stat-chip-text">~30 Min Episodes</span>
</div>
<div class="stat-chip">
<svg class="stat-chip-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
<span class="stat-chip-text">Top CRE Executives</span>
</div>
<div class="stat-chip">
<svg class="stat-chip-icon" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<span class="stat-chip-text">Up to 4 Sponsors</span>
</div>
</div>
</div>
</div><!-- /hero-body -->
</header>
<!-- gold soundwave accent bar -->
<div class="soundwave-bar"></div>
<!-- ─── BODY ───────────────────────────────────────────────────── -->
<main class="body">
<!-- ABOUT SECTION -->
<section class="about-section">
<div class="about-text">
<p class="section-eyebrow">About the Show</p>
<h2 class="about-headline">In-depth conversations with the people shaping commercial real estate across California and beyond.</h2>
<p class="about-body">
Commercial Real Estate Talk brings Steve Bloom — 25-year CRE media veteran and President & CEO of RENTV.com — face-to-face with the industry's leading executives, developers, brokers, and investors. Each episode delivers frank market intelligence, deal insights, and the perspectives that drive the most significant transactions across the Western United States.
</p>
</div>
<!-- microphone motif -->
<div class="mic-motif">
<!-- inline SVG microphone -->
<svg width="52" height="72" viewBox="0 0 52 72" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<!-- mic capsule -->
<rect x="14" y="2" width="24" height="36" rx="12" fill="#16357A" stroke="#E8A81C" stroke-width="2"/>
<!-- grille lines -->
<line x1="17" y1="12" x2="35" y2="12" stroke="rgba(232,168,28,.6)" stroke-width="1.2" stroke-linecap="round"/>
<line x1="17" y1="17" x2="35" y2="17" stroke="rgba(232,168,28,.6)" stroke-width="1.2" stroke-linecap="round"/>
<line x1="17" y1="22" x2="35" y2="22" stroke="rgba(232,168,28,.6)" stroke-width="1.2" stroke-linecap="round"/>
<line x1="17" y1="27" x2="35" y2="27" stroke="rgba(232,168,28,.6)" stroke-width="1.2" stroke-linecap="round"/>
<!-- arm arc -->
<path d="M8 26 C8 46 44 46 44 26" stroke="#16357A" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- stand -->
<line x1="26" y1="47" x2="26" y2="62" stroke="#16357A" stroke-width="2.5" stroke-linecap="round"/>
<!-- base -->
<line x1="14" y1="62" x2="38" y2="62" stroke="#16357A" stroke-width="2.5" stroke-linecap="round"/>
<!-- soundwave lines beside mic -->
<path d="M4 20 Q2 26 4 32" stroke="#E8A81C" stroke-width="1.8" fill="none" stroke-linecap="round"/>
<path d="M48 20 Q50 26 48 32" stroke="#E8A81C" stroke-width="1.8" fill="none" stroke-linecap="round"/>
<path d="M1 16 Q-2 26 1 36" stroke="rgba(232,168,28,.4)" stroke-width="1.5" fill="none" stroke-linecap="round"/>
<path d="M51 16 Q54 26 51 36" stroke="rgba(232,168,28,.4)" stroke-width="1.5" fill="none" stroke-linecap="round"/>
</svg>
<span class="mic-label">On Air</span>
<!-- inline soundwave bar mini -->
<svg width="64" height="22" viewBox="0 0 64 22" fill="none" aria-hidden="true">
<rect x="0" y="6" width="4" height="10" rx="2" fill="#E8A81C" opacity=".5"/>
<rect x="6" y="2" width="4" height="18" rx="2" fill="#E8A81C" opacity=".8"/>
<rect x="12" y="8" width="4" height="6" rx="2" fill="#E8A81C" opacity=".6"/>
<rect x="18" y="0" width="4" height="22" rx="2" fill="#E8A81C"/>
<rect x="24" y="5" width="4" height="12" rx="2" fill="#E8A81C" opacity=".75"/>
<rect x="30" y="2" width="4" height="18" rx="2" fill="#E8A81C" opacity=".9"/>
<rect x="36" y="7" width="4" height="8" rx="2" fill="#E8A81C" opacity=".6"/>
<rect x="42" y="1" width="4" height="20" rx="2" fill="#E8A81C" opacity=".85"/>
<rect x="48" y="5" width="4" height="12" rx="2" fill="#E8A81C" opacity=".7"/>
<rect x="54" y="8" width="4" height="6" rx="2" fill="#E8A81C" opacity=".5"/>
<rect x="60" y="4" width="4" height="14" rx="2" fill="#E8A81C" opacity=".65"/>
</svg>
</div>
</section>
<!-- TWO-COL: WHAT YOU GET + WHERE TO WATCH -->
<div class="two-col">
<div class="col-left">
<p class="section-eyebrow">What Sponsors Receive</p>
<ul class="feature-list">
<li>
<svg class="bullet" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
<span><strong>30-second sponsor spot</strong> embedded in each episode you sponsor</span>
</li>
<li>
<svg class="bullet" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
<span><strong>Logo placement</strong> on the episode page and show notes</span>
</li>
<li>
<svg class="bullet" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
<span><strong>Direct link</strong> to your website, listing, or landing page</span>
</li>
<li>
<svg class="bullet" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
<span>Distribution via <strong>RENTV.com</strong> + <strong>The REview</strong> platform to a verified CRE audience</span>
</li>
<li>
<svg class="bullet" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
<span>Amplification to <strong>~50,000 CRE professionals</strong> via The Real Estate Insider newsletter</span>
</li>
<li>
<svg class="bullet" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" fill-rule="evenodd" clip-rule="evenodd"/></svg>
<span>Access to <strong>25 years</strong> of RENTV's editorial authority & CRE network</span>
</li>
</ul>
</div>
<div class="col-right">
<p class="section-eyebrow">Where to Watch</p>
<div class="watch-box">
<p class="wlabel">Available on</p>
<div class="watch-item">
<!-- TV/play icon -->
<div class="watch-icon-wrap">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#E8A81C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
</div>
<div>
<p class="watch-name">RENTV.com</p>
<p class="watch-url">rentv.com</p>
</div>
</div>
<div class="watch-item">
<!-- play circle icon -->
<div class="watch-icon-wrap">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#E8A81C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8" fill="#E8A81C" stroke="none"/></svg>
</div>
<div>
<p class="watch-name">The REview</p>
<p class="watch-url">rentvreview.com</p>
</div>
</div>
<!-- inline soundwave decoration -->
<svg width="100%" height="20" viewBox="0 0 200 20" preserveAspectRatio="none" fill="none" style="margin-top:8px" aria-hidden="true">
<rect x="0" y="7" width="5" height="6" rx="2.5" fill="rgba(232,168,28,.3)"/>
<rect x="8" y="3" width="5" height="14" rx="2.5" fill="rgba(232,168,28,.5)"/>
<rect x="16" y="9" width="5" height="2" rx="1" fill="rgba(232,168,28,.25)"/>
<rect x="24" y="1" width="5" height="18" rx="2.5" fill="rgba(232,168,28,.65)"/>
<rect x="32" y="5" width="5" height="10" rx="2.5" fill="rgba(232,168,28,.4)"/>
<rect x="40" y="3" width="5" height="14" rx="2.5" fill="rgba(232,168,28,.55)"/>
<rect x="48" y="8" width="5" height="4" rx="2" fill="rgba(232,168,28,.3)"/>
<rect x="56" y="2" width="5" height="16" rx="2.5" fill="rgba(232,168,28,.6)"/>
<rect x="64" y="6" width="5" height="8" rx="2.5" fill="rgba(232,168,28,.45)"/>
<rect x="72" y="4" width="5" height="12" rx="2.5" fill="rgba(232,168,28,.5)"/>
<rect x="80" y="9" width="5" height="2" rx="1" fill="rgba(232,168,28,.2)"/>
<rect x="88" y="1" width="5" height="18" rx="2.5" fill="rgba(232,168,28,.7)"/>
<rect x="96" y="6" width="5" height="8" rx="2.5" fill="rgba(232,168,28,.45)"/>
<rect x="104" y="3" width="5" height="14" rx="2.5" fill="rgba(232,168,28,.55)"/>
<rect x="112" y="7" width="5" height="6" rx="2.5" fill="rgba(232,168,28,.35)"/>
<rect x="120" y="2" width="5" height="16" rx="2.5" fill="rgba(232,168,28,.6)"/>
<rect x="128" y="5" width="5" height="10" rx="2.5" fill="rgba(232,168,28,.4)"/>
<rect x="136" y="8" width="5" height="4" rx="2" fill="rgba(232,168,28,.3)"/>
<rect x="144" y="1" width="5" height="18" rx="2.5" fill="rgba(232,168,28,.65)"/>
<rect x="152" y="5" width="5" height="10" rx="2.5" fill="rgba(232,168,28,.4)"/>
<rect x="160" y="3" width="5" height="14" rx="2.5" fill="rgba(232,168,28,.55)"/>
<rect x="168" y="8" width="5" height="4" rx="2" fill="rgba(232,168,28,.25)"/>
<rect x="176" y="2" width="5" height="16" rx="2.5" fill="rgba(232,168,28,.6)"/>
<rect x="184" y="6" width="5" height="8" rx="2.5" fill="rgba(232,168,28,.45)"/>
<rect x="192" y="4" width="5" height="12" rx="2.5" fill="rgba(232,168,28,.5)"/>
</svg>
</div>
</div>
</div><!-- /two-col -->
<!-- SPONSOR PANEL -->
<div class="sponsor-panel">
<div class="sponsor-header">
<h3 class="sponsor-headline">Sponsor the Show</h3>
<span class="sponsor-badge">4 Slots Available</span>
</div>
<div class="sponsor-slots">
<div class="sponsor-slot">
<span class="slot-num">Slot 1</span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#16357A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg>
<span class="slot-label">Logo + Link<br>30-sec Spot</span>
</div>
<div class="sponsor-slot">
<span class="slot-num">Slot 2</span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#16357A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg>
<span class="slot-label">Logo + Link<br>30-sec Spot</span>
</div>
<div class="sponsor-slot">
<span class="slot-num">Slot 3</span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#16357A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg>
<span class="slot-label">Logo + Link<br>30-sec Spot</span>
</div>
<div class="sponsor-slot">
<span class="slot-num">Slot 4</span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#16357A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="14" rx="2"/><path d="M8 21h8M12 17v4"/></svg>
<span class="slot-label">Logo + Link<br>30-sec Spot</span>
</div>
</div>
<div class="sponsor-includes">
<span class="spi">
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
30-second in-episode spot
</span>
<span class="spi">
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
Logo on episode page
</span>
<span class="spi">
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
Direct URL link placement
</span>
<span class="spi">
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
Show notes mention
</span>
<span class="spi">
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
50,000-subscriber newsletter reach
</span>
</div>
</div>
</main><!-- /body -->
<!-- ─── FOOTER ─────────────────────────────────────────────────── -->
<footer class="footer">
<div class="footer-inner">
<!-- primary: Steve Bloom -->
<div class="footer-primary">
<p class="footer-name">Steve Bloom</p>
<p class="footer-title">President & CEO — RENTV.com, Inc.</p>
<div class="contact-grid">
<div class="contact-row">
<!-- phone -->
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.5a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.69h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.4a16 16 0 0 0 5.72 5.72l.88-.87a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
(310) 213-6409
</div>
<div class="contact-row">
<!-- email -->
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
sbloom@rentv.com
</div>
<div class="contact-row">
<!-- linkedin -->
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
linkedin.com/company/rentv.com-inc
</div>
<div class="contact-row">
<!-- globe -->
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
rentv.com
</div>
</div>
<div class="footer-web-row">
<span class="web-pill">rentv.com</span>
<span class="web-pill">rentvreview.com</span>
<span class="web-pill">sublease.com</span>
</div>
</div>
<div class="footer-divider"></div>
<!-- secondary: Allen Wolfsheimer + address -->
<div class="footer-secondary">
<p class="footer-secondary-name">Allen Wolfsheimer</p>
<p class="footer-secondary-title">Senior Vice President</p>
<div class="contact-row" style="margin-bottom:4px">
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="#E8A81C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.5a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 2.69h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 10.4a16 16 0 0 0 5.72 5.72l.88-.87a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
<span style="color:rgba(255,255,255,.82);font-size:10px;">(310) 836-9238</span>
</div>
<div class="contact-row">
<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="#E8A81C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
<span style="color:rgba(255,255,255,.82);font-size:10px;">allenw@rentv.com</span>
</div>
<p class="footer-address">
5757 W. Century Blvd, Suite 700<br>
Los Angeles, CA 90045
</p>
</div>
</div><!-- /footer-inner -->
</footer>
</div><!-- /page -->
</body>
</html>