← back to Rentv Bloom Flyers

concepts/concept-4-reach-infographic.html

993 lines

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RENTV — Reach Infographic Sell Sheet</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=Archivo:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  @page { size: letter; margin: 0; }

  html, body {
    width: 816px;
    height: 1056px;
    overflow: hidden;
    background: #F4F6FB;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    color: #141414;
    -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: grid;
    grid-template-rows: 88px 1fr 56px;
    background: #F4F6FB;
    position: relative;
  }

  /* ── HEADER BAND ── */
  .header {
    background: #0E2350;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 36px;
    position: relative;
  }
  .header::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #E8A81C 0%, #D0202E 50%, #16357A 100%);
  }
  .header-left {
    display: flex;
    align-items: center;
    gap: 18px;
  }
  .header-tagline {
    border-left: 2px solid #E8A81C;
    padding-left: 18px;
  }
  .header-tagline p {
    font-family: 'Archivo', sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    color: #E8A81C;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.35;
  }
  .header-tagline p + p {
    color: #94A3B8;
    font-weight: 400;
    font-size: 9.5px;
    letter-spacing: 0.04em;
    text-transform: none;
  }
  .header-right {
    font-family: 'Archivo', sans-serif;
    font-size: 9px;
    font-weight: 700;
    color: #E8A81C;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: right;
    line-height: 1.6;
  }
  .header-right span {
    display: block;
    color: #CBD5E1;
    font-weight: 400;
    font-size: 8.5px;
    letter-spacing: 0.05em;
  }

  /* ── MAIN CONTENT ── */
  .main {
    padding: 20px 32px 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
  }

  /* HERO STAT ROW */
  .hero-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
  .stat-card {
    background: #fff;
    border-radius: 10px;
    padding: 14px 12px 12px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(14,35,80,.07);
  }
  .stat-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
  }
  .stat-card.blue::before  { background: #16357A; }
  .stat-card.gold::before  { background: #E8A81C; }
  .stat-card.red::before   { background: #D0202E; }
  .stat-card.navy::before  { background: #0E2350; }

  .stat-icon {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 4px;
  }
  .stat-num {
    font-family: 'Archivo', sans-serif;
    font-size: 28px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  .stat-card.blue  .stat-num { color: #16357A; }
  .stat-card.gold  .stat-num { color: #C48F10; }
  .stat-card.red   .stat-num { color: #D0202E; }
  .stat-card.navy  .stat-num { color: #0E2350; }

  .stat-label {
    font-family: 'Archivo', sans-serif;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #6B7280;
    margin-top: 3px;
    line-height: 1.3;
  }
  .stat-sub {
    font-size: 8px;
    color: #94A3B8;
    margin-top: 2px;
    font-weight: 500;
    line-height: 1.3;
  }

  /* MIDDLE ROW: MAP + NEWSLETTER */
  .middle-row {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 10px;
    flex: 0 0 auto;
  }

  /* MAP CARD */
  .map-card {
    background: #0E2350;
    border-radius: 10px;
    padding: 14px 12px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 8px rgba(14,35,80,.12);
  }
  .map-title {
    font-family: 'Archivo', sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #E8A81C;
    margin-bottom: 8px;
    text-align: center;
  }
  .map-svg-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .market-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    justify-content: center;
    margin-top: 8px;
  }
  .market-tag {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(232,168,28,0.3);
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 7px;
    font-weight: 600;
    color: #CBD5E1;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  /* NEWSLETTER CARD */
  .newsletter-card {
    background: #fff;
    border-radius: 10px;
    padding: 14px 16px 12px;
    box-shadow: 0 2px 8px rgba(14,35,80,.07);
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .nl-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
  }
  .nl-title {
    font-family: 'Archivo', sans-serif;
    font-size: 13px;
    font-weight: 900;
    color: #0E2350;
    line-height: 1.1;
  }
  .nl-title em {
    font-style: italic;
    color: #16357A;
  }
  .nl-badge {
    background: #E8A81C;
    border-radius: 4px;
    padding: 3px 7px;
    font-family: 'Archivo', sans-serif;
    font-size: 8px;
    font-weight: 800;
    color: #0E2350;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .nl-desc {
    font-size: 9px;
    color: #4B5563;
    line-height: 1.5;
  }
  .nl-pricing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
  .nl-price-item {
    background: #F4F6FB;
    border-radius: 6px;
    padding: 7px 9px;
    border-left: 3px solid #16357A;
  }
  .nl-price-item.accent {
    border-left-color: #E8A81C;
  }
  .nl-price-label {
    font-size: 8px;
    font-weight: 700;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 2px;
  }
  .nl-price-val {
    font-family: 'Archivo', sans-serif;
    font-size: 13px;
    font-weight: 800;
    color: #16357A;
    line-height: 1;
  }
  .nl-price-val span {
    font-size: 8.5px;
    font-weight: 500;
    color: #6B7280;
  }

  /* PRODUCT STRIP */
  .product-strip-label {
    font-family: 'Archivo', sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #16357A;
    border-bottom: 2px solid #E8A81C;
    padding-bottom: 5px;
    margin-bottom: 0;
  }
  .product-strip {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
  }
  .product-tile {
    background: #fff;
    border-radius: 8px;
    padding: 10px 8px 9px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(14,35,80,.07);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    position: relative;
    overflow: hidden;
  }
  .product-tile::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
  }
  .pt-blue::after  { background: #16357A; }
  .pt-gold::after  { background: #E8A81C; }
  .pt-red::after   { background: #D0202E; }
  .pt-navy::after  { background: #0E2350; }
  .pt-teal::after  { background: #0891B2; }
  .pt-green::after { background: #16A34A; }

  .pt-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
  }
  .pt-blue  .pt-icon { background: rgba(22,53,122,.1); }
  .pt-gold  .pt-icon { background: rgba(232,168,28,.12); }
  .pt-red   .pt-icon { background: rgba(208,32,46,.1); }
  .pt-navy  .pt-icon { background: rgba(14,35,80,.1); }
  .pt-teal  .pt-icon { background: rgba(8,145,178,.1); }
  .pt-green .pt-icon { background: rgba(22,163,74,.1); }

  .pt-name {
    font-family: 'Archivo', sans-serif;
    font-size: 7.5px;
    font-weight: 800;
    color: #0E2350;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .pt-price {
    font-family: 'Archivo', sans-serif;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
  }
  .pt-blue  .pt-price { color: #16357A; }
  .pt-gold  .pt-price { color: #C48F10; }
  .pt-red   .pt-price { color: #D0202E; }
  .pt-navy  .pt-price { color: #0E2350; }
  .pt-teal  .pt-price { color: #0891B2; }
  .pt-green .pt-price { color: #16A34A; }

  .pt-note {
    font-size: 7px;
    color: #9CA3AF;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
  }

  /* EBLAST ROW */
  .eblast-row-label {
    font-family: 'Archivo', sans-serif;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #16357A;
    border-bottom: 2px solid #D0202E;
    padding-bottom: 5px;
  }
  .eblast-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
  .eblast-card {
    background: #fff;
    border-radius: 8px;
    padding: 10px 12px;
    box-shadow: 0 2px 6px rgba(14,35,80,.07);
    position: relative;
    overflow: hidden;
  }
  .eblast-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 3px; height: 100%;
  }
  .ec-blue::before  { background: #16357A; }
  .ec-gold::before  { background: #E8A81C; }
  .ec-red::before   { background: #D0202E; }

  .ec-name {
    font-family: 'Archivo', sans-serif;
    font-size: 8.5px;
    font-weight: 800;
    color: #0E2350;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
  }
  .ec-tiers {
    display: flex;
    gap: 6px;
  }
  .ec-tier {
    flex: 1;
    text-align: center;
  }
  .ec-qty {
    font-size: 7.5px;
    font-weight: 700;
    color: #9CA3AF;
    letter-spacing: 0.05em;
    margin-bottom: 1px;
  }
  .ec-price {
    font-family: 'Archivo', sans-serif;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
  }
  .ec-blue  .ec-price { color: #16357A; }
  .ec-gold  .ec-price { color: #C48F10; }
  .ec-red   .ec-price { color: #D0202E; }

  /* CONFERENCE ROW */
  .conf-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 10px;
  }
  .conf-highlight {
    background: linear-gradient(135deg, #0E2350 0%, #16357A 100%);
    border-radius: 8px;
    padding: 12px 14px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(14,35,80,.18);
  }
  .conf-highlight::before {
    content: '★';
    position: absolute;
    top: -8px; right: -8px;
    font-size: 80px;
    color: rgba(232,168,28,.07);
    line-height: 1;
  }
  .conf-badge {
    font-family: 'Archivo', sans-serif;
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #E8A81C;
    margin-bottom: 4px;
  }
  .conf-name {
    font-family: 'Archivo', sans-serif;
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 4px;
  }
  .conf-price-big {
    font-family: 'Archivo', sans-serif;
    font-size: 26px;
    font-weight: 900;
    color: #E8A81C;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  .conf-price-big span {
    font-size: 12px;
    font-weight: 600;
    color: #CBD5E1;
    vertical-align: middle;
  }
  .conf-upcoming {
    background: #fff;
    border-radius: 8px;
    padding: 10px 14px;
    box-shadow: 0 2px 6px rgba(14,35,80,.07);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .conf-upcoming-label {
    font-family: 'Archivo', sans-serif;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #D0202E;
    margin-bottom: 6px;
  }
  .conf-events {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
  }
  .conf-event {
    background: #F4F6FB;
    border-radius: 5px;
    padding: 5px 6px;
    border-top: 2px solid #16357A;
  }
  .ce-date {
    font-family: 'Archivo', sans-serif;
    font-size: 7.5px;
    font-weight: 800;
    color: #D0202E;
    letter-spacing: 0.04em;
  }
  .ce-city {
    font-size: 7.5px;
    font-weight: 700;
    color: #0E2350;
    margin-top: 1px;
    line-height: 1.2;
  }
  .ce-venue {
    font-size: 6.5px;
    color: #9CA3AF;
    margin-top: 1px;
    line-height: 1.2;
  }

  /* FOOTER */
  .footer {
    background: #0E2350;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .footer::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #E8A81C 0%, #D0202E 50%, #16357A 100%);
  }
  .footer-contact {
    display: flex;
    gap: 28px;
    align-items: center;
  }
  .contact-person {
    display: flex;
    flex-direction: column;
    gap: 1px;
  }
  .contact-name {
    font-family: 'Archivo', sans-serif;
    font-size: 8.5px;
    font-weight: 800;
    color: #E8A81C;
    letter-spacing: 0.05em;
  }
  .contact-title {
    font-size: 7.5px;
    color: #94A3B8;
    font-weight: 400;
  }
  .contact-info {
    font-size: 7.5px;
    color: #CBD5E1;
    font-weight: 500;
    line-height: 1.5;
  }
  .contact-divider {
    width: 1px;
    height: 32px;
    background: rgba(255,255,255,0.15);
    flex-shrink: 0;
  }
  .footer-sites {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 1px;
  }
  .footer-sites a-like {
    display: block;
    font-family: 'Archivo', sans-serif;
    font-size: 8px;
    font-weight: 700;
    color: #E8A81C;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.5;
  }
  .footer-address {
    font-size: 7px;
    color: #64748B;
    margin-top: 2px;
    line-height: 1.4;
  }
</style>
</head>
<body>
<div class="page">

  <!-- ══ HEADER ══ -->
  <header class="header">
    <div class="header-left">
      <!-- INLINE SVG RENTV LOGO -->
      <svg width="80" height="56" viewBox="0 0 80 56" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="RENTV logo">
        <!-- Gold ellipse ring -->
        <ellipse cx="40" cy="28" rx="37" ry="25" fill="none" stroke="#E8A81C" stroke-width="3"/>
        <ellipse cx="40" cy="28" rx="33.5" ry="21.5" fill="none" stroke="#E8A81C" stroke-width="1.2" stroke-dasharray="2 3"/>
        <!-- RENTV wordmark -->
        <text x="40" y="33" font-family="Arial Black, Arial, sans-serif" font-weight="900" font-size="18" fill="#FFFFFF" text-anchor="middle" letter-spacing="-0.5">RENTV</text>
      </svg>

      <div class="header-tagline">
        <p>Real Estate News &amp; Media</p>
        <p>Cutting Edge Commercial Real Estate Media Coverage</p>
      </div>
    </div>
    <div class="header-right">
      MEDIA KIT
      <span>2026 Advertising Opportunities</span>
      <span style="color:#E8A81C;font-size:9px;font-weight:800;">rentv.com</span>
    </div>
  </header>

  <!-- ══ MAIN ══ -->
  <main class="main">

    <!-- HERO STATS -->
    <div class="hero-stats">
      <div class="stat-card blue">
        <div class="stat-icon">🏆</div>
        <div class="stat-num">25</div>
        <div class="stat-label">Years in<br>Business</div>
        <div class="stat-sub">Est. 2001</div>
      </div>
      <div class="stat-card gold">
        <div class="stat-icon">📬</div>
        <div class="stat-num">50K</div>
        <div class="stat-label">Net CRE<br>Professionals</div>
        <div class="stat-sub">Constant Contact list</div>
      </div>
      <div class="stat-card red">
        <div class="stat-icon">📅</div>
        <div class="stat-num">2×</div>
        <div class="stat-label">Per Week<br>Newsletter</div>
        <div class="stat-sub">Tue &amp; Thu delivery</div>
      </div>
      <div class="stat-card navy">
        <div class="stat-icon">📍</div>
        <div class="stat-num">15+</div>
        <div class="stat-label">CA &amp; Western<br>Markets</div>
        <div class="stat-sub">Coast to Southwest</div>
      </div>
    </div>

    <!-- MIDDLE: MAP + NEWSLETTER -->
    <div class="middle-row">

      <!-- WESTERN US MAP -->
      <div class="map-card">
        <div class="map-title">Coverage Footprint</div>
        <div class="map-svg-wrap">
          <!-- Stylized Western US map — CA, OR, WA, AZ, TX, NV, NM highlighted -->
          <svg width="176" height="144" viewBox="0 0 176 144" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Western US coverage map">
            <!-- Background states (grey) -->
            <!-- WY -->
            <polygon points="88,18 116,18 116,46 88,46" fill="rgba(255,255,255,0.06)" stroke="rgba(255,255,255,0.12)" stroke-width="0.5"/>
            <!-- CO -->
            <polygon points="88,46 116,46 116,72 88,72" fill="rgba(255,255,255,0.06)" stroke="rgba(255,255,255,0.12)" stroke-width="0.5"/>
            <!-- ID -->
            <polygon points="52,8 80,8 76,28 56,38 44,32 44,8" fill="rgba(255,255,255,0.06)" stroke="rgba(255,255,255,0.12)" stroke-width="0.5"/>
            <!-- MT -->
            <polygon points="52,8 88,6 88,18 80,18 80,8" fill="rgba(255,255,255,0.06)" stroke="rgba(255,255,255,0.12)" stroke-width="0.5"/>
            <!-- NM -->
            <polygon points="88,72 116,72 112,98 88,98" fill="rgba(255,255,255,0.06)" stroke="rgba(255,255,255,0.12)" stroke-width="0.5"/>
            <!-- UT -->
            <polygon points="56,38 80,36 80,72 62,72 56,70" fill="rgba(255,255,255,0.06)" stroke="rgba(255,255,255,0.12)" stroke-width="0.5"/>

            <!-- HIGHLIGHTED STATES -->
            <!-- WA — Pacific NW -->
            <polygon points="10,6 52,8 44,32 24,34 10,28" fill="#16357A" stroke="#E8A81C" stroke-width="1.2" opacity="0.85"/>
            <text x="28" y="22" font-family="Arial,sans-serif" font-size="7" font-weight="700" fill="#E8A81C" text-anchor="middle">WA</text>

            <!-- OR — Pacific NW -->
            <polygon points="10,28 24,34 20,60 8,60 8,40" fill="#16357A" stroke="#E8A81C" stroke-width="1.2" opacity="0.85"/>
            <text x="15" y="48" font-family="Arial,sans-serif" font-size="7" font-weight="700" fill="#E8A81C" text-anchor="middle">OR</text>

            <!-- CA — primary -->
            <polygon points="8,60 20,60 30,58 34,62 36,70 26,80 20,90 14,100 6,110 4,100 4,70" fill="#D0202E" stroke="#E8A81C" stroke-width="1.5" opacity="0.92"/>
            <text x="19" y="84" font-family="Arial,sans-serif" font-size="9" font-weight="900" fill="#fff" text-anchor="middle">CA</text>
            <!-- CA star -->
            <text x="19" y="72" font-family="Arial,sans-serif" font-size="8" fill="#E8A81C" text-anchor="middle">★</text>

            <!-- NV -->
            <polygon points="30,58 56,52 62,72 36,70 34,62" fill="#1E3A7B" stroke="#E8A81C" stroke-width="1" opacity="0.8"/>
            <text x="47" y="64" font-family="Arial,sans-serif" font-size="7" font-weight="700" fill="#CBD5E1" text-anchor="middle">NV</text>

            <!-- AZ -->
            <polygon points="56,70 80,72 76,102 52,102 50,88 52,70" fill="#16357A" stroke="#E8A81C" stroke-width="1.2" opacity="0.85"/>
            <text x="65" y="89" font-family="Arial,sans-serif" font-size="8" font-weight="800" fill="#E8A81C" text-anchor="middle">AZ</text>

            <!-- TX -->
            <polygon points="112,70 140,68 148,80 148,112 128,124 110,116 110,98 112,98" fill="#16357A" stroke="#E8A81C" stroke-width="1.2" opacity="0.85"/>
            <text x="130" y="98" font-family="Arial,sans-serif" font-size="9" font-weight="900" fill="#E8A81C" text-anchor="middle">TX</text>

            <!-- Coverage labels -->
            <text x="88" y="130" font-family="Arial,sans-serif" font-size="7" font-weight="600" fill="rgba(232,168,28,0.8)" text-anchor="middle">15+ MARKETS COVERED</text>

            <!-- Legend -->
            <rect x="4" y="118" width="8" height="5" fill="#D0202E" rx="1"/>
            <text x="15" y="124" font-family="Arial,sans-serif" font-size="6" fill="#CBD5E1">Primary</text>
            <rect x="4" y="128" width="8" height="5" fill="#16357A" rx="1"/>
            <text x="15" y="134" font-family="Arial,sans-serif" font-size="6" fill="#CBD5E1">Coverage</text>
          </svg>
        </div>
        <div class="market-tags">
          <span class="market-tag">LA</span>
          <span class="market-tag">OC</span>
          <span class="market-tag">SoCal</span>
          <span class="market-tag">NorCal</span>
          <span class="market-tag">Bay Area</span>
          <span class="market-tag">SD</span>
          <span class="market-tag">IE</span>
          <span class="market-tag">AZ</span>
          <span class="market-tag">TX</span>
          <span class="market-tag">PNW</span>
          <span class="market-tag">SAC</span>
          <span class="market-tag">Ventura</span>
        </div>
      </div>

      <!-- NEWSLETTER CARD -->
      <div class="newsletter-card">
        <div class="nl-header">
          <div>
            <div style="font-family:'Archivo',sans-serif;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#D0202E;margin-bottom:3px;">Flagship Property</div>
            <div class="nl-title"><em>The Real Estate Insider</em></div>
            <div style="font-size:8.5px;color:#6B7280;margin-top:3px;font-weight:500;">Twice-weekly newsletter · 50,000 CRE professionals</div>
          </div>
          <div class="nl-badge">2× Week</div>
        </div>
        <p class="nl-desc">The premier CRE newsletter in California and the Western US, landing in the inboxes of brokers, developers, investors, and executives every Tuesday and Thursday. 25 years of trust — the list your competitors are trying to reach.</p>
        <div style="font-family:'Archivo',sans-serif;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6B7280;margin-bottom:4px;">Newsletter Advertising Options</div>
        <div class="nl-pricing">
          <div class="nl-price-item">
            <div class="nl-price-label">Banner &amp; Tile Ad</div>
            <div class="nl-price-val">$500<span>–$1,500<span style="display:block;font-size:7.5px;color:#9CA3AF;">/mo</span></span></div>
          </div>
          <div class="nl-price-item accent">
            <div class="nl-price-label">Fixed Advertorial</div>
            <div class="nl-price-val">$350<span style="font-size:8.5px;font-weight:500;color:#6B7280;">/mo</span></div>
          </div>
          <div class="nl-price-item" style="border-left-color:#D0202E;">
            <div class="nl-price-label">Site Banner &amp; Tile</div>
            <div class="nl-price-val">$500<span>–$1,500<span style="display:block;font-size:7.5px;color:#9CA3AF;">/mo</span></span></div>
          </div>
          <div class="nl-price-item" style="border-left-color:#0E2350;background:#EFF6FF;">
            <div class="nl-price-label">Home Page Video</div>
            <div class="nl-price-val">$500<span style="font-size:8.5px;font-weight:500;color:#6B7280;">/mo</span></div>
          </div>
        </div>
      </div>
    </div>

    <!-- PRODUCT ICON STRIP -->
    <div>
      <div class="product-strip-label" style="margin-bottom:8px;">What You Can Buy — Full Product Menu</div>
      <div class="product-strip">
        <!-- 1 Newsletter Ad -->
        <div class="product-tile pt-blue">
          <div class="pt-icon">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="10" rx="1.5" fill="#16357A"/><rect x="3" y="6" width="10" height="1.5" rx=".75" fill="#E8A81C"/><rect x="3" y="8.5" width="7" height="1" rx=".5" fill="rgba(255,255,255,.5)"/></svg>
          </div>
          <div class="pt-name">Newsletter Ad</div>
          <div class="pt-price">$500+</div>
          <div class="pt-note">Banner &amp; Tile<br>/month</div>
        </div>
        <!-- 2 Dedicated Eblast -->
        <div class="product-tile pt-red">
          <div class="pt-icon">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 4l6 4.5L14 4" stroke="#D0202E" stroke-width="1.5" stroke-linecap="round"/><rect x="1" y="3" width="14" height="10" rx="1.5" stroke="#D0202E" stroke-width="1.3" fill="none"/></svg>
          </div>
          <div class="pt-name">Dedicated Eblast</div>
          <div class="pt-price">$250+</div>
          <div class="pt-note">50K recipients<br>per send</div>
        </div>
        <!-- 3 Home Page Video -->
        <div class="product-tile pt-gold">
          <div class="pt-icon">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="10" height="10" rx="1.5" fill="#E8A81C" opacity=".85"/><polygon points="11,5 15,8 11,11" fill="#E8A81C"/></svg>
          </div>
          <div class="pt-name">Home Page Video</div>
          <div class="pt-price">$500</div>
          <div class="pt-note">RENTV.com<br>/month</div>
        </div>
        <!-- 4 Conference -->
        <div class="product-tile pt-navy">
          <div class="pt-icon">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2" y="5" width="12" height="8" rx="1" fill="#0E2350" opacity=".8"/><rect x="5" y="3" width="6" height="3" rx=".5" fill="#0E2350"/><circle cx="5.5" cy="9.5" r="1.5" fill="#E8A81C"/><circle cx="10.5" cy="9.5" r="1.5" fill="#E8A81C"/></svg>
          </div>
          <div class="pt-name">Conf. Sponsor</div>
          <div class="pt-price">$2,500</div>
          <div class="pt-note">State of Market<br>/event</div>
        </div>
        <!-- 5 Podcast -->
        <div class="product-tile pt-teal">
          <div class="pt-icon">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="6" r="3" fill="#0891B2" opacity=".8"/><path d="M4 9c0 2.2 1.8 4 4 4s4-1.8 4-4" stroke="#0891B2" stroke-width="1.5" stroke-linecap="round" fill="none"/><line x1="8" y1="13" x2="8" y2="15" stroke="#0891B2" stroke-width="1.5" stroke-linecap="round"/></svg>
          </div>
          <div class="pt-name">Podcast Slot</div>
          <div class="pt-price">4 spots</div>
          <div class="pt-note">CRE Talk · 30s<br>+ logo/link</div>
        </div>
        <!-- 6 REview Channel -->
        <div class="product-tile pt-green">
          <div class="pt-icon">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="4" width="14" height="8" rx="1.5" fill="#16A34A" opacity=".8"/><polygon points="6,6.5 11,8 6,9.5" fill="#fff"/></svg>
          </div>
          <div class="pt-name">REview Channel</div>
          <div class="pt-price">1 of 4</div>
          <div class="pt-note">Homepage screen<br>rentvreview.com</div>
        </div>
      </div>
    </div>

    <!-- EBLAST PRICING -->
    <div>
      <div class="eblast-row-label" style="margin-bottom:8px;">Dedicated Email Blast Packages — 50,000 NET Opt-In Recipients</div>
      <div class="eblast-row">
        <div class="eblast-card ec-blue">
          <div class="ec-name">Marketplace Eblast</div>
          <div class="ec-tiers">
            <div class="ec-tier">
              <div class="ec-qty">1 SEND</div>
              <div class="ec-price">$300</div>
            </div>
            <div class="ec-tier" style="border-left:1px solid #F4F6FB;border-right:1px solid #F4F6FB;">
              <div class="ec-qty">4 SENDS</div>
              <div class="ec-price">$1,100</div>
            </div>
            <div class="ec-tier">
              <div class="ec-qty">8 SENDS</div>
              <div class="ec-price">$2,000</div>
            </div>
          </div>
        </div>
        <div class="eblast-card ec-gold">
          <div class="ec-name">Property Spotlight Eblast</div>
          <div class="ec-tiers">
            <div class="ec-tier">
              <div class="ec-qty">1 SEND</div>
              <div class="ec-price">$250</div>
            </div>
            <div class="ec-tier" style="border-left:1px solid #F4F6FB;border-right:1px solid #F4F6FB;">
              <div class="ec-qty">4 SENDS</div>
              <div class="ec-price">$900</div>
            </div>
            <div class="ec-tier">
              <div class="ec-qty">9 SENDS</div>
              <div class="ec-price">$1,800</div>
            </div>
          </div>
        </div>
        <div class="eblast-card ec-red">
          <div class="ec-name">Video Promotion Eblast</div>
          <div class="ec-tiers">
            <div class="ec-tier">
              <div class="ec-qty">1 SEND</div>
              <div class="ec-price">$250</div>
            </div>
            <div class="ec-tier" style="border-left:1px solid #F4F6FB;border-right:1px solid #F4F6FB;">
              <div class="ec-qty">4 SENDS</div>
              <div class="ec-price">$900</div>
            </div>
            <div class="ec-tier">
              <div class="ec-qty">9 SENDS</div>
              <div class="ec-price">$1,800</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- CONFERENCE ROW -->
    <div class="conf-row">
      <div class="conf-highlight">
        <div class="conf-badge">Live Event Sponsorship</div>
        <div class="conf-name">State of the<br>Market Conference</div>
        <div style="font-size:8px;color:#94A3B8;margin:3px 0 6px;line-height:1.4;">Face-to-face reach with CRE decision-makers across California &amp; the Southwest</div>
        <div class="conf-price-big">$2,500<span>/event</span></div>
      </div>
      <div class="conf-upcoming">
        <div class="conf-upcoming-label">Upcoming Events · Book Now</div>
        <div class="conf-events">
          <div class="conf-event">
            <div class="ce-date">OCT 2026</div>
            <div class="ce-city">Arizona</div>
            <div class="ce-venue">Scottsdale Resort &amp; Spa</div>
          </div>
          <div class="conf-event">
            <div class="ce-date">JAN 2027</div>
            <div class="ce-city">San Diego</div>
            <div class="ce-venue">Westin Carlsbad</div>
          </div>
          <div class="conf-event">
            <div class="ce-date">MAR 2027</div>
            <div class="ce-city">Greater LA</div>
            <div class="ce-venue">Hilton LA / Culver City</div>
          </div>
          <div class="conf-event">
            <div class="ce-date">MAY 2027</div>
            <div class="ce-city">Inland Empire</div>
            <div class="ce-venue">Embassy Suites Ontario</div>
          </div>
        </div>
      </div>
    </div>

  </main>

  <!-- ══ FOOTER ══ -->
  <footer class="footer">
    <div class="footer-contact">
      <div class="contact-person">
        <div class="contact-name">Steve Bloom</div>
        <div class="contact-title">President &amp; CEO, RENTV.com, Inc.</div>
        <div class="contact-info">(310) 213-6409 · sbloom@rentv.com</div>
        <div class="contact-info">linkedin.com/company/rentv.com-inc</div>
      </div>
      <div class="contact-divider"></div>
      <div class="contact-person">
        <div class="contact-name">Allen Wolfsheimer</div>
        <div class="contact-title">Senior Vice President</div>
        <div class="contact-info">(310) 836-9238 · allenw@rentv.com</div>
        <div class="contact-info">5757 W. Century Blvd #700, LA 90045</div>
      </div>
    </div>
    <div class="footer-sites">
      <a-like>rentv.com</a-like>
      <a-like>rentvreview.com</a-like>
      <a-like>sublease.com</a-like>
      <div class="footer-address">Real Estate News &amp; Media · Est. 2001</div>
    </div>
  </footer>

</div>
</body>
</html>