← back to Rentv Bloom Flyers
public/concepts/concept-2-data-terminal.html
914 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RENTV — Media Kit 2026 | Data Terminal</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=Space+Mono:wght@400;700&family=Inter:wght@300;400;500;600;700;800;900&family=Archivo:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<style>
/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* ── Variables ── */
:root {
--navy: #0E2350;
--navy2: #0a1a3a;
--navy3: #091529;
--panel: #112760;
--panel2: #0d1f4e;
--gold: #E8A81C;
--gold2: #f0bb3a;
--gold3: #c4880f;
--white: #FFFFFF;
--gray: #8899bb;
--gray2: #6677aa;
--dim: #4a5a7a;
--red: #D0202E;
--line: rgba(232,168,28,0.22);
--line2: rgba(255,255,255,0.07);
--mono: 'Space Mono', 'IBM Plex Mono', 'Courier New', monospace;
--sans: 'Inter', 'Archivo', Helvetica, Arial, sans-serif;
--head: 'Archivo', 'Inter', Helvetica, Arial, sans-serif;
}
/* ── Page shell ── */
html, body {
width: 816px;
min-height: 1056px;
background: var(--navy3);
color: var(--white);
font-family: var(--sans);
font-size: 13px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
.page {
width: 816px;
min-height: 1056px;
background: var(--navy3);
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
/* ── Scanline texture overlay ── */
.page::before {
content: '';
position: absolute;
inset: 0;
background: repeating-linear-gradient(
0deg,
transparent,
transparent 3px,
rgba(0,0,0,0.06) 3px,
rgba(0,0,0,0.06) 4px
);
pointer-events: none;
z-index: 0;
}
/* ── Grid noise ── */
.page::after {
content: '';
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(232,168,28,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(232,168,28,0.03) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
z-index: 0;
}
/* ── All content above pseudo-elements ── */
.page > * { position: relative; z-index: 1; }
/* ── Gold top bar ── */
.top-bar {
height: 3px;
background: linear-gradient(90deg, var(--gold3), var(--gold), var(--gold2), var(--gold3));
}
/* ── Header ── */
.header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 40px 20px;
border-bottom: 1px solid var(--line);
}
/* ── RENTV Logo SVG container ── */
.logo-wrap {
display: flex;
align-items: center;
gap: 16px;
}
.logo-tagline {
display: flex;
flex-direction: column;
gap: 2px;
}
.logo-tagline .tag1 {
font-family: var(--head);
font-size: 8.5px;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--gold);
}
.logo-tagline .tag2 {
font-family: var(--sans);
font-size: 7.5px;
font-weight: 400;
letter-spacing: 0.08em;
color: var(--gray);
text-transform: uppercase;
}
.header-right {
text-align: right;
}
.header-right .label {
font-family: var(--mono);
font-size: 8px;
letter-spacing: 0.15em;
color: var(--gray2);
text-transform: uppercase;
display: block;
}
.header-right .doc-id {
font-family: var(--mono);
font-size: 10px;
color: var(--gold);
font-weight: 700;
letter-spacing: 0.08em;
}
/* ── Hero ── */
.hero {
padding: 28px 40px 24px;
border-bottom: 1px solid var(--line);
}
.hero-eyebrow {
font-family: var(--mono);
font-size: 8.5px;
letter-spacing: 0.22em;
color: var(--gold);
text-transform: uppercase;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 10px;
}
.hero-eyebrow::before {
content: '';
display: inline-block;
width: 24px;
height: 1px;
background: var(--gold);
}
.hero-headline {
font-family: var(--head);
font-size: 30px;
font-weight: 900;
line-height: 1.08;
letter-spacing: -0.02em;
color: var(--white);
max-width: 540px;
margin-bottom: 20px;
}
.hero-headline em {
font-style: normal;
color: var(--gold);
}
/* ── Stat bar ── */
.stat-bar {
display: flex;
gap: 0;
border: 1px solid var(--line);
border-radius: 4px;
overflow: hidden;
background: var(--panel2);
}
.stat {
flex: 1;
padding: 14px 18px;
border-right: 1px solid var(--line);
position: relative;
}
.stat:last-child { border-right: none; }
.stat-num {
font-family: var(--mono);
font-size: 22px;
font-weight: 700;
color: var(--gold);
line-height: 1;
letter-spacing: -0.02em;
display: block;
}
.stat-unit {
font-family: var(--mono);
font-size: 10px;
color: var(--gold2);
font-weight: 400;
display: inline;
}
.stat-label {
font-family: var(--sans);
font-size: 9px;
color: var(--gray);
text-transform: uppercase;
letter-spacing: 0.12em;
margin-top: 4px;
display: block;
}
.stat::before {
content: attr(data-index);
position: absolute;
top: 8px;
right: 12px;
font-family: var(--mono);
font-size: 7px;
color: var(--dim);
letter-spacing: 0.1em;
}
/* ── Section heading ── */
.section-head {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.section-head .sh-label {
font-family: var(--mono);
font-size: 7.5px;
letter-spacing: 0.2em;
color: var(--gold);
text-transform: uppercase;
}
.section-head .sh-line {
flex: 1;
height: 1px;
background: var(--line);
}
.section-head .sh-num {
font-family: var(--mono);
font-size: 7.5px;
color: var(--dim);
letter-spacing: 0.1em;
}
/* ── Main grid ── */
.main {
padding: 20px 40px 0;
flex: 1;
display: flex;
flex-direction: column;
gap: 16px;
}
/* ── Products grid ── */
.products-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.prod-card {
background: var(--panel);
border: 1px solid var(--line);
border-radius: 4px;
padding: 14px 16px;
position: relative;
overflow: hidden;
}
.prod-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: var(--gold3);
}
.prod-card.highlight::before {
background: var(--gold);
width: 3px;
}
.prod-card .card-label {
font-family: var(--mono);
font-size: 7px;
letter-spacing: 0.18em;
color: var(--gray2);
text-transform: uppercase;
margin-bottom: 5px;
padding-left: 10px;
}
.prod-card .card-title {
font-family: var(--head);
font-size: 12px;
font-weight: 800;
color: var(--white);
letter-spacing: -0.01em;
padding-left: 10px;
margin-bottom: 8px;
line-height: 1.3;
}
/* ── Data table rows ── */
.data-table {
width: 100%;
border-collapse: collapse;
margin-top: 4px;
}
.data-table tr {
border-bottom: 1px solid var(--line2);
}
.data-table tr:last-child { border-bottom: none; }
.data-table td {
padding: 4px 0;
font-size: 10px;
vertical-align: middle;
}
.data-table .td-desc {
font-family: var(--sans);
color: var(--gray);
padding-left: 10px;
width: 68%;
font-size: 9.5px;
}
.data-table .td-price {
font-family: var(--mono);
color: var(--gold2);
font-size: 10.5px;
font-weight: 700;
text-align: right;
white-space: nowrap;
letter-spacing: -0.01em;
}
.data-table .td-note {
font-family: var(--sans);
color: var(--dim);
font-size: 8.5px;
padding-left: 10px;
width: 68%;
}
/* ── Wide card (full-width) ── */
.prod-card.wide {
grid-column: 1 / -1;
}
.wide-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
padding-left: 10px;
}
.wide-col .col-head {
font-family: var(--mono);
font-size: 8px;
letter-spacing: 0.14em;
color: var(--gold3);
text-transform: uppercase;
margin-bottom: 6px;
padding-bottom: 4px;
border-bottom: 1px solid var(--line);
}
/* ── Conferences ── */
.conf-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
}
.conf-item {
background: rgba(255,255,255,0.03);
border: 1px solid var(--line2);
border-radius: 3px;
padding: 7px 10px;
}
.conf-item .ci-date {
font-family: var(--mono);
font-size: 8px;
color: var(--gold);
letter-spacing: 0.1em;
font-weight: 700;
}
.conf-item .ci-city {
font-family: var(--head);
font-size: 10px;
font-weight: 700;
color: var(--white);
margin: 1px 0;
}
.conf-item .ci-venue {
font-family: var(--sans);
font-size: 8px;
color: var(--gray);
}
/* ── Coverage strip ── */
.coverage {
background: var(--panel2);
border: 1px solid var(--line);
border-radius: 4px;
padding: 10px 16px;
display: flex;
align-items: center;
gap: 16px;
}
.coverage .cov-label {
font-family: var(--mono);
font-size: 7.5px;
color: var(--gold);
letter-spacing: 0.18em;
text-transform: uppercase;
white-space: nowrap;
flex-shrink: 0;
}
.coverage .cov-markets {
font-family: var(--sans);
font-size: 9px;
color: var(--gray);
letter-spacing: 0.04em;
line-height: 1.4;
}
.coverage .cov-markets span {
color: var(--white);
font-weight: 600;
}
/* ── Podcast / REview row ── */
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
/* ── Footer bar ── */
.footer {
margin-top: auto;
background: var(--panel2);
border-top: 1px solid var(--line);
padding: 16px 40px;
}
.footer-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid var(--line2);
}
.contact-person {
display: flex;
flex-direction: column;
gap: 2px;
}
.contact-person .cp-name {
font-family: var(--head);
font-size: 11.5px;
font-weight: 800;
color: var(--white);
letter-spacing: -0.01em;
}
.contact-person .cp-title {
font-family: var(--sans);
font-size: 8.5px;
color: var(--gold);
font-weight: 500;
letter-spacing: 0.05em;
}
.contact-person .cp-lines {
display: flex;
flex-direction: column;
gap: 1px;
margin-top: 3px;
}
.contact-person .cp-line {
font-family: var(--mono);
font-size: 8.5px;
color: var(--gray);
letter-spacing: 0.02em;
}
.contact-person .cp-line strong {
color: var(--white);
font-weight: 400;
}
.contact-divider {
width: 1px;
background: var(--line);
align-self: stretch;
margin: 0 20px;
flex-shrink: 0;
}
.footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-domains {
display: flex;
gap: 16px;
align-items: center;
}
.footer-domains a, .footer-domains span {
font-family: var(--mono);
font-size: 8.5px;
color: var(--gray);
text-decoration: none;
letter-spacing: 0.04em;
}
.footer-domains span.sep {
color: var(--dim);
}
.footer-address {
font-family: var(--sans);
font-size: 8px;
color: var(--dim);
text-align: right;
letter-spacing: 0.03em;
}
.badge {
display: inline-flex;
align-items: center;
gap: 4px;
background: rgba(232,168,28,0.12);
border: 1px solid rgba(232,168,28,0.3);
border-radius: 2px;
padding: 2px 6px;
font-family: var(--mono);
font-size: 7.5px;
color: var(--gold);
letter-spacing: 0.1em;
text-transform: uppercase;
}
/* ── Print ── */
@page { size: letter; margin: 0; }
@media print {
html, body { width: 816px; height: 1056px; }
.page { width: 816px; height: 1056px; page-break-inside: avoid; }
* {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
color-adjust: exact !important;
}
}
</style>
</head>
<body>
<div class="page">
<!-- Gold top rule -->
<div class="top-bar"></div>
<!-- Header -->
<header class="header">
<div class="logo-wrap">
<!-- RENTV inline SVG logo — dark bg version: gold ellipse, white+gold wordmark -->
<svg width="88" height="52" viewBox="0 0 88 52" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="RENTV logo">
<!-- Outer ellipse ring -->
<ellipse cx="44" cy="26" rx="43" ry="25" stroke="#E8A81C" stroke-width="2.2" fill="none"/>
<!-- Inner ellipse accent -->
<ellipse cx="44" cy="26" rx="38.5" ry="20.5" stroke="rgba(232,168,28,0.25)" stroke-width="1" fill="none"/>
<!-- RENTV wordmark -->
<text x="44" y="31.5"
font-family="'Archivo', 'Inter', Helvetica, Arial, sans-serif"
font-size="17"
font-weight="900"
fill="#FFFFFF"
text-anchor="middle"
letter-spacing="-0.5"
dominant-baseline="auto">RENTV</text>
<!-- Dot accent on the N-V gap -->
<circle cx="44" cy="38.5" r="1.5" fill="#E8A81C" opacity="0.7"/>
</svg>
<div class="logo-tagline">
<span class="tag1">Real Estate News & Media</span>
<span class="tag2">Cutting Edge Commercial Real Estate Coverage</span>
</div>
</div>
<div class="header-right">
<span class="label">Media Kit</span>
<span class="doc-id">MK-2026.08</span>
</div>
</header>
<!-- Hero -->
<section class="hero">
<div class="hero-eyebrow">Advertiser Intelligence Brief</div>
<h1 class="hero-headline">The Western U.S. CRE<br>Media Platform — <em>25 Years</em><br>of Industry Authority</h1>
<!-- Stat bar -->
<div class="stat-bar">
<div class="stat" data-index="01">
<span class="stat-num">25<span class="stat-unit"> YR</span></span>
<span class="stat-label">In Business</span>
</div>
<div class="stat" data-index="02">
<span class="stat-num">50K<span class="stat-unit"> NET</span></span>
<span class="stat-label">CRE Professionals</span>
</div>
<div class="stat" data-index="03">
<span class="stat-num">2<span class="stat-unit">×/WK</span></span>
<span class="stat-label">Newsletter Cadence</span>
</div>
<div class="stat" data-index="04">
<span class="stat-num">6+<span class="stat-unit"> MKT</span></span>
<span class="stat-label">Western U.S. Regions</span>
</div>
</div>
</section>
<!-- Main content -->
<main class="main">
<!-- Row 1: Digital + Newsletter Ads -->
<div>
<div class="section-head">
<span class="sh-label">Advertising Products</span>
<div class="sh-line"></div>
<span class="sh-num">§01</span>
</div>
<div class="products-grid">
<!-- RENTV.com Banners -->
<div class="prod-card">
<div class="card-label">RENTV.com</div>
<div class="card-title">Banner & Tile Ads</div>
<table class="data-table">
<tr>
<td class="td-desc">Monthly placement</td>
<td class="td-price">$500 – $1,500<span style="font-size:8px;color:var(--gray)">/mo</span></td>
</tr>
<tr>
<td class="td-note">Premium digital placement on rentv.com</td>
<td></td>
</tr>
</table>
</div>
<!-- Newsletter Ads -->
<div class="prod-card">
<div class="card-label">The Real Estate Insider — Newsletter</div>
<div class="card-title">Banner, Tile & Advertorial Ads</div>
<table class="data-table">
<tr>
<td class="td-desc">Banner / Tile ads</td>
<td class="td-price">$500 – $1,500<span style="font-size:8px;color:var(--gray)">/mo</span></td>
</tr>
<tr>
<td class="td-desc">Fixed Advertorials</td>
<td class="td-price">$350<span style="font-size:8px;color:var(--gray)">/mo</span></td>
</tr>
<tr>
<td class="td-note">Delivered 2× weekly to ~50,000 net CRE pros</td>
<td></td>
</tr>
</table>
</div>
<!-- Dedicated Eblasts -->
<div class="prod-card highlight wide">
<div class="card-label">Dedicated Email Blasts</div>
<div class="card-title">~50,000 Net Recipients · 25-Year Constant Contact List</div>
<div class="wide-inner">
<div class="wide-col">
<div class="col-head">Marketplace Eblasts</div>
<table class="data-table">
<tr>
<td class="td-desc">1 blast</td>
<td class="td-price">$300</td>
</tr>
<tr>
<td class="td-desc">4-blast package</td>
<td class="td-price">$1,100</td>
</tr>
<tr>
<td class="td-desc">8-blast package</td>
<td class="td-price">$2,000</td>
</tr>
</table>
</div>
<div class="wide-col">
<div class="col-head">Property Spotlight & Video Promo</div>
<table class="data-table">
<tr>
<td class="td-desc">1 blast</td>
<td class="td-price">$250</td>
</tr>
<tr>
<td class="td-desc">4-blast package</td>
<td class="td-price">$900</td>
</tr>
<tr>
<td class="td-desc">9-blast package</td>
<td class="td-price">$1,800</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Row 2: Video + Podcast + REview -->
<div>
<div class="section-head">
<span class="sh-label">Video & Broadcast</span>
<div class="sh-line"></div>
<span class="sh-num">§02</span>
</div>
<div class="two-col">
<!-- Home Page Video + Podcast -->
<div class="prod-card" style="padding-bottom:12px;">
<div class="card-label">RENTV Home Page</div>
<div class="card-title">Video Placement</div>
<table class="data-table">
<tr>
<td class="td-desc">Sponsored video feature</td>
<td class="td-price">$500<span style="font-size:8px;color:var(--gray)">/mo</span></td>
</tr>
</table>
<div style="margin-top:12px; padding-top:10px; border-top:1px solid var(--line2);">
<div class="card-label" style="padding-left:0;">Commercial Real Estate Talk — Podcast</div>
<div style="font-family:var(--sans);font-size:9px;color:var(--gray);line-height:1.5;margin-bottom:6px;">
Hosted by <strong style="color:var(--white);">Steve Bloom</strong> & <strong style="color:var(--white);">Arnie Garfinkel</strong> · ~30 min episodes
</div>
<table class="data-table">
<tr>
<td class="td-desc">Up to 4 sponsors per episode</td>
<td class="td-price">TBD</td>
</tr>
<tr>
<td class="td-note">30-sec spot + logo + link per sponsor</td>
<td></td>
</tr>
</table>
</div>
</div>
<!-- REview + Conferences -->
<div style="display:flex;flex-direction:column;gap:10px;">
<div class="prod-card">
<div class="card-label">rentvreview.com · Est. 2022</div>
<div class="card-title">The RE<span style="color:var(--gold);">view</span></div>
<table class="data-table">
<tr>
<td class="td-desc">Homepage screen ownership (1 of 4)</td>
<td class="td-price">Premium</td>
</tr>
<tr>
<td class="td-note">CRE video sharing & search platform</td>
<td></td>
</tr>
</table>
</div>
<div class="prod-card">
<div class="card-label">State of the Market</div>
<div class="card-title">RENTV Conferences</div>
<table class="data-table">
<tr>
<td class="td-desc">Event sponsorship</td>
<td class="td-price">$2,500<span style="font-size:8px;color:var(--gray)">/event</span></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<!-- Conference schedule -->
<div>
<div class="section-head">
<span class="sh-label">Upcoming Events</span>
<div class="sh-line"></div>
<span class="sh-num">§03</span>
</div>
<div class="conf-grid">
<div class="conf-item">
<div class="ci-date">OCT 2026</div>
<div class="ci-city">Arizona — Scottsdale</div>
<div class="ci-venue">Scottsdale Resort & Spa</div>
</div>
<div class="conf-item">
<div class="ci-date">JAN 2027</div>
<div class="ci-city">San Diego</div>
<div class="ci-venue">Westin Carlsbad Resort</div>
</div>
<div class="conf-item">
<div class="ci-date">MAR 2027</div>
<div class="ci-city">Greater Los Angeles</div>
<div class="ci-venue">Hilton LA / Culver City</div>
</div>
<div class="conf-item">
<div class="ci-date">MAY 2027</div>
<div class="ci-city">Inland Empire</div>
<div class="ci-venue">Embassy Suites Ontario</div>
</div>
</div>
</div>
<!-- Coverage strip -->
<div class="coverage">
<span class="cov-label">Coverage</span>
<span class="cov-markets">
<span>California:</span> NorCal · SoCal · LA County · OC · San Diego · Inland Empire · Ventura · Bay Area · Sacramento
· <span>Texas / Southwest</span> · <span>Arizona</span> · <span>Pacific Northwest</span>
</span>
</div>
</main>
<!-- Footer contact bar -->
<footer class="footer">
<div class="footer-top">
<!-- Steve Bloom -->
<div class="contact-person">
<span class="cp-name">Steve Bloom</span>
<span class="cp-title">President & CEO, RENTV.com, Inc.</span>
<div class="cp-lines">
<span class="cp-line"><strong>(310) 213-6409</strong></span>
<span class="cp-line"><strong>sbloom@rentv.com</strong></span>
<span class="cp-line">linkedin.com/company/rentv.com-inc</span>
</div>
</div>
<div class="contact-divider"></div>
<!-- Allen Wolfsheimer -->
<div class="contact-person">
<span class="cp-name">Allen Wolfsheimer</span>
<span class="cp-title">Senior Vice President</span>
<div class="cp-lines">
<span class="cp-line"><strong>(310) 836-9238</strong></span>
<span class="cp-line"><strong>allenw@rentv.com</strong></span>
</div>
</div>
<div class="contact-divider"></div>
<!-- Also: Sublease + Direct -->
<div style="display:flex;flex-direction:column;gap:6px;justify-content:center;">
<div class="badge">sublease.com</div>
<div style="font-family:var(--sans);font-size:8.5px;color:var(--gray);line-height:1.5;max-width:160px;">
The Commercial Space Marketplace
</div>
<div style="font-family:var(--sans);font-size:8.5px;color:var(--gray);line-height:1.5;">
Direct Marketing Services available
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-domains">
<span>rentv.com</span>
<span class="sep">/</span>
<span>rentvreview.com</span>
<span class="sep">/</span>
<span>sublease.com</span>
</div>
<div class="footer-address">5757 W. Century Blvd, Suite 700 · Los Angeles, CA 90045</div>
</div>
</footer>
</div>
</body>
</html>