← back to Rentv Bloom Flyers
public/concepts/concept-6-ceo-profile.html
750 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Steve Bloom — CEO Profile | RENTV.com, Inc.</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,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&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;
--paper: #FFFFFF;
--gray: #6B7280;
--panel: #F4F6FB;
--gold-light: #F5DFA0;
}
html, body {
width: 816px;
height: 1056px;
overflow: hidden;
background: var(--paper);
font-family: 'Inter', system-ui, sans-serif;
color: var(--ink);
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.page {
width: 816px;
height: 1056px;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
}
/* ── HEADER BAND ── */
.header {
background: var(--navy);
padding: 28px 52px 22px;
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
}
.header-left {
display: flex;
flex-direction: column;
gap: 2px;
}
.header-tagline {
font-family: 'Inter', sans-serif;
font-size: 9px;
font-weight: 400;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 4px;
}
.header-company {
font-family: 'Inter', sans-serif;
font-size: 10px;
font-weight: 400;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255,255,255,0.55);
margin-top: 6px;
}
/* ── GOLD HAIRLINE ── */
.hairline {
height: 1px;
background: linear-gradient(90deg, transparent 0%, var(--gold) 15%, var(--gold) 85%, transparent 100%);
flex-shrink: 0;
}
.hairline-thin {
height: 1px;
background: linear-gradient(90deg, transparent 0%, var(--gold-light) 20%, var(--gold-light) 80%, transparent 100%);
opacity: 0.5;
flex-shrink: 0;
}
/* ── HERO SECTION ── */
.hero {
padding: 36px 52px 28px;
display: flex;
align-items: flex-start;
gap: 36px;
flex-shrink: 0;
}
/* Portrait placeholder */
.portrait-wrap {
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.portrait-ring {
width: 130px;
height: 130px;
border-radius: 50%;
border: 2px solid var(--gold);
padding: 4px;
position: relative;
flex-shrink: 0;
}
.portrait-inner {
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--panel);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.portrait-label {
font-family: 'Inter', sans-serif;
font-size: 8px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--gray);
text-align: center;
}
/* Hero text */
.hero-text {
flex: 1;
padding-top: 6px;
}
.hero-eyebrow {
font-family: 'Inter', sans-serif;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 10px;
}
.hero-name {
font-family: 'Playfair Display', Georgia, serif;
font-size: 44px;
font-weight: 700;
line-height: 1.0;
color: var(--navy);
letter-spacing: -0.01em;
margin-bottom: 8px;
}
.hero-title {
font-family: 'Inter', sans-serif;
font-size: 12px;
font-weight: 400;
color: var(--gray);
letter-spacing: 0.02em;
line-height: 1.5;
margin-bottom: 14px;
}
.hero-title strong {
color: var(--blue);
font-weight: 600;
}
.hero-divider {
width: 40px;
height: 2px;
background: var(--gold);
margin-bottom: 14px;
}
.hero-bio {
font-family: 'Inter', sans-serif;
font-size: 11.5px;
font-weight: 300;
line-height: 1.65;
color: #2a2a2a;
max-width: 460px;
}
.hero-bio strong {
font-weight: 500;
color: var(--ink);
}
/* ── PULL QUOTE ── */
.pullquote-section {
margin: 0 52px;
padding: 20px 28px;
background: var(--navy);
border-left: 3px solid var(--gold);
position: relative;
flex-shrink: 0;
}
.pullquote-mark {
font-family: 'Playfair Display', Georgia, serif;
font-size: 52px;
font-weight: 700;
color: var(--gold);
line-height: 0.6;
position: absolute;
top: 14px;
left: 18px;
opacity: 0.6;
pointer-events: none;
}
.pullquote-text {
font-family: 'Playfair Display', Georgia, serif;
font-size: 15px;
font-weight: 400;
font-style: italic;
line-height: 1.55;
color: #FFFFFF;
padding-left: 30px;
}
.pullquote-attr {
font-family: 'Inter', sans-serif;
font-size: 9px;
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--gold);
margin-top: 10px;
padding-left: 30px;
}
/* ── WHAT RENTV OFFERS STRIP ── */
.offers-section {
padding: 22px 52px 0;
flex-shrink: 0;
}
.offers-heading {
font-family: 'Inter', sans-serif;
font-size: 9px;
font-weight: 600;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--blue);
margin-bottom: 14px;
}
.offers-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 8px;
}
.offer-chip {
background: var(--panel);
border: 1px solid rgba(22, 53, 122, 0.12);
border-top: 2px solid var(--gold);
border-radius: 3px;
padding: 10px 6px 9px;
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}
.offer-icon {
width: 22px;
height: 22px;
color: var(--blue);
flex-shrink: 0;
}
.offer-label {
font-family: 'Inter', sans-serif;
font-size: 8.5px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--navy);
text-align: center;
line-height: 1.3;
}
.offer-sub {
font-family: 'Inter', sans-serif;
font-size: 7.5px;
font-weight: 400;
color: var(--gray);
text-align: center;
line-height: 1.3;
}
/* ── CREDENTIALS ROW ── */
.credentials-row {
margin: 18px 52px 0;
display: flex;
align-items: center;
gap: 0;
flex-shrink: 0;
}
.cred-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 10px 12px;
border-right: 1px solid rgba(232, 168, 28, 0.3);
}
.cred-item:last-child {
border-right: none;
}
.cred-number {
font-family: 'Playfair Display', Georgia, serif;
font-size: 26px;
font-weight: 700;
color: var(--blue);
line-height: 1;
}
.cred-number sup {
font-size: 13px;
vertical-align: super;
}
.cred-label {
font-family: 'Inter', sans-serif;
font-size: 8.5px;
font-weight: 400;
color: var(--gray);
text-transform: uppercase;
letter-spacing: 0.1em;
margin-top: 3px;
line-height: 1.3;
}
/* ── FOOTER ── */
.footer {
margin-top: auto;
flex-shrink: 0;
}
.footer-inner {
background: var(--navy);
padding: 18px 52px 16px;
}
.footer-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
margin-bottom: 13px;
}
.footer-name-block {
display: flex;
flex-direction: column;
gap: 2px;
}
.footer-name {
font-family: 'Playfair Display', Georgia, serif;
font-size: 16px;
font-weight: 600;
color: #FFFFFF;
letter-spacing: 0.01em;
}
.footer-role {
font-family: 'Inter', sans-serif;
font-size: 9px;
font-weight: 400;
color: rgba(255,255,255,0.55);
letter-spacing: 0.1em;
text-transform: uppercase;
}
.footer-contacts {
display: flex;
flex-direction: column;
gap: 4px;
align-items: flex-end;
}
.footer-contact-line {
font-family: 'Inter', sans-serif;
font-size: 10px;
font-weight: 400;
color: rgba(255,255,255,0.8);
display: flex;
align-items: center;
gap: 6px;
}
.footer-contact-line .dot {
color: var(--gold);
font-size: 8px;
}
.contact-accent {
color: var(--gold);
font-weight: 500;
}
.footer-divider-line {
height: 1px;
background: rgba(232, 168, 28, 0.25);
margin-bottom: 10px;
}
.footer-bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-second-contact {
font-family: 'Inter', sans-serif;
font-size: 9px;
font-weight: 400;
color: rgba(255,255,255,0.45);
letter-spacing: 0.03em;
}
.footer-second-contact strong {
color: rgba(255,255,255,0.7);
font-weight: 500;
}
.footer-urls {
display: flex;
align-items: center;
gap: 12px;
}
.footer-url {
font-family: 'Inter', sans-serif;
font-size: 9px;
font-weight: 500;
color: var(--gold);
letter-spacing: 0.05em;
text-decoration: none;
}
.footer-url-sep {
color: rgba(255,255,255,0.2);
font-size: 8px;
}
.footer-address {
font-family: 'Inter', sans-serif;
font-size: 8.5px;
color: rgba(255,255,255,0.35);
margin-top: 6px;
text-align: right;
}
/* ── PRINT ── */
@media print {
html, body { width: 816px; height: 1056px; }
.page { page-break-after: avoid; }
}
</style>
</head>
<body>
<div class="page">
<!-- ══════════════════════════════════════════
HEADER
══════════════════════════════════════════ -->
<header class="header">
<div class="header-left">
<div class="header-tagline">Executive Profile</div>
<!-- RENTV Logo inline SVG -->
<svg width="148" height="46" viewBox="0 0 148 46" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="RENTV logo">
<!-- Gold ellipse ring -->
<ellipse cx="74" cy="23" rx="73" ry="22" stroke="#E8A81C" stroke-width="1.6" fill="none"/>
<!-- Blue wordmark -->
<text x="74" y="29" text-anchor="middle" font-family="'Arial Black', 'Helvetica Neue', sans-serif" font-weight="900" font-size="20" letter-spacing="3" fill="#E8F0FF">RENTV</text>
</svg>
<div class="header-company">Real Estate News & Media</div>
</div>
<!-- Right: 25 Years badge -->
<div style="display:flex;flex-direction:column;align-items:center;gap:2px;">
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="25 years badge">
<circle cx="36" cy="36" r="34" stroke="#E8A81C" stroke-width="1.2" fill="none"/>
<circle cx="36" cy="36" r="29" stroke="#E8A81C" stroke-width="0.5" fill="none" stroke-dasharray="3 3"/>
<text x="36" y="30" text-anchor="middle" font-family="'Playfair Display', Georgia, serif" font-weight="700" font-size="22" fill="#E8A81C">25</text>
<text x="36" y="41" text-anchor="middle" font-family="'Arial', sans-serif" font-weight="400" font-size="7.5" fill="rgba(255,255,255,0.7)" letter-spacing="1.5">YEARS</text>
<text x="36" y="51" text-anchor="middle" font-family="'Arial', sans-serif" font-weight="400" font-size="6" fill="rgba(255,255,255,0.45)" letter-spacing="0.8">IN BUSINESS</text>
</svg>
</div>
</header>
<div class="hairline"></div>
<!-- ══════════════════════════════════════════
HERO
══════════════════════════════════════════ -->
<section class="hero">
<!-- Portrait placeholder -->
<div class="portrait-wrap">
<div class="portrait-ring">
<div class="portrait-inner">
<!-- Tasteful avatar SVG placeholder -->
<svg width="100%" height="100%" viewBox="0 0 122 122" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Portrait placeholder">
<!-- Background -->
<circle cx="61" cy="61" r="61" fill="#E8EDF5"/>
<!-- Subtle grid lines -->
<line x1="0" y1="61" x2="122" y2="61" stroke="#D0D8E8" stroke-width="0.5" stroke-dasharray="4 4"/>
<line x1="61" y1="0" x2="61" y2="122" stroke="#D0D8E8" stroke-width="0.5" stroke-dasharray="4 4"/>
<!-- Head silhouette -->
<circle cx="61" cy="46" r="19" fill="#B8C4D8"/>
<!-- Shoulders silhouette -->
<path d="M20 105 Q22 78 61 74 Q100 78 102 105 Q82 118 61 120 Q40 118 20 105Z" fill="#B8C4D8"/>
<!-- Tie / suit detail -->
<path d="M54 80 L58 96 L61 90 L64 96 L68 80 Q65 76 61 75 Q57 76 54 80Z" fill="#8898B8"/>
<!-- Collar -->
<path d="M52 79 Q57 83 61 82 Q65 83 70 79 L68 75 Q65 78 61 77 Q57 78 54 75Z" fill="#D0D8E8"/>
<!-- Subtle label -->
<text x="61" y="58" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#8898B8" letter-spacing="0.5">PORTRAIT</text>
<text x="61" y="67" text-anchor="middle" font-family="sans-serif" font-size="7" fill="#8898B8" letter-spacing="0.5">PLACEHOLDER</text>
</svg>
</div>
</div>
<div class="portrait-label">Insert Photo</div>
</div>
<!-- Name + bio -->
<div class="hero-text">
<div class="hero-eyebrow">Founder & Chief Executive</div>
<div class="hero-name">Steve Bloom</div>
<div class="hero-title">
<strong>Founder, President & CEO</strong> — RENTV.com, Inc.<br>
Host, <em>Commercial Real Estate Talk</em>
</div>
<div class="hero-divider"></div>
<div class="hero-bio">
Steve Bloom has spent <strong>25 years</strong> building RENTV into the <strong>definitive commercial real estate media platform</strong> for the Western United States. What began as a news site has grown into a full-spectrum media company spanning daily digital news, a biweekly newsletter reaching <strong>50,000 CRE professionals</strong>, video production, sponsored conferences, and the commercial space marketplace at <strong>Sublease.com</strong>.
<br><br>
Before founding RENTV, Steve worked with <strong>Cushman & Wakefield</strong> and <strong>Cresa</strong>, building the industry relationships and market fluency that have made RENTV the trusted source brokers, developers, and capital allocators read first. He holds an <strong>MBA from USC Marshall School of Business</strong>.
</div>
</div>
</section>
<div class="hairline-thin" style="margin: 0 52px;"></div>
<!-- ══════════════════════════════════════════
PULL QUOTE
══════════════════════════════════════════ -->
<div class="pullquote-section">
<div class="pullquote-mark">“</div>
<div class="pullquote-text">
Our audience isn’t general consumers—it’s the exact decision-makers who buy, sell, lease, and finance commercial real estate across the West. Advertising with RENTV puts your brand in front of the people who close deals.
</div>
<div class="pullquote-attr">Steve Bloom — President & CEO, RENTV.com, Inc.</div>
</div>
<!-- ══════════════════════════════════════════
WHAT RENTV OFFERS
══════════════════════════════════════════ -->
<section class="offers-section">
<div class="offers-heading">What RENTV Offers</div>
<div class="offers-grid">
<!-- News -->
<div class="offer-chip">
<svg class="offer-icon" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2" y="4" width="18" height="14" rx="1.5" stroke="currentColor" stroke-width="1.4"/>
<line x1="5" y1="8" x2="17" y2="8" stroke="currentColor" stroke-width="1.2"/>
<line x1="5" y1="11" x2="13" y2="11" stroke="currentColor" stroke-width="1.2"/>
<line x1="5" y1="14" x2="10" y2="14" stroke="currentColor" stroke-width="1.2"/>
</svg>
<div class="offer-label">Daily<br>News</div>
<div class="offer-sub">rentv.com</div>
</div>
<!-- Newsletter -->
<div class="offer-chip">
<svg class="offer-icon" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2" y="5" width="18" height="13" rx="1.5" stroke="currentColor" stroke-width="1.4"/>
<polyline points="2,5 11,13 20,5" stroke="currentColor" stroke-width="1.4"/>
</svg>
<div class="offer-label">Newsletter</div>
<div class="offer-sub">50,000 net<br>2×/week</div>
</div>
<!-- E-Blasts -->
<div class="offer-chip">
<svg class="offer-icon" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 2 L20 11 L11 20 L2 11 Z" stroke="currentColor" stroke-width="1.4"/>
<line x1="2" y1="11" x2="11" y2="11" stroke="currentColor" stroke-width="1.4"/>
<line x1="11" y1="2" x2="11" y2="11" stroke="currentColor" stroke-width="1.4"/>
</svg>
<div class="offer-label">Dedicated<br>E-Blasts</div>
<div class="offer-sub">~50K recipients</div>
</div>
<!-- Conferences -->
<div class="offer-chip">
<svg class="offer-icon" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="3" width="16" height="16" rx="1.5" stroke="currentColor" stroke-width="1.4"/>
<line x1="3" y1="8" x2="19" y2="8" stroke="currentColor" stroke-width="1.2"/>
<line x1="8" y1="3" x2="8" y2="6" stroke="currentColor" stroke-width="1.4"/>
<line x1="14" y1="3" x2="14" y2="6" stroke="currentColor" stroke-width="1.4"/>
<rect x="6" y="11" width="4" height="4" rx="0.5" fill="currentColor" opacity="0.4"/>
</svg>
<div class="offer-label">Conferences</div>
<div class="offer-sub">State of<br>the Market</div>
</div>
<!-- Video -->
<div class="offer-chip">
<svg class="offer-icon" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2" y="5" width="13" height="12" rx="1.5" stroke="currentColor" stroke-width="1.4"/>
<path d="M15 9 L20 6 L20 16 L15 13 Z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/>
</svg>
<div class="offer-label">Video &<br>Podcast</div>
<div class="offer-sub">CRE Talk</div>
</div>
<!-- The REview -->
<div class="offer-chip">
<svg class="offer-icon" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="8.5" stroke="currentColor" stroke-width="1.4"/>
<polygon points="8.5,7.5 15.5,11 8.5,14.5" fill="currentColor" opacity="0.5"/>
</svg>
<div class="offer-label">The REview</div>
<div class="offer-sub">rentvreview.com</div>
</div>
<!-- Sublease.com -->
<div class="offer-chip">
<svg class="offer-icon" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="9" width="16" height="10" rx="1" stroke="currentColor" stroke-width="1.4"/>
<path d="M7 9 V6 A4 4 0 0 1 15 6 V9" stroke="currentColor" stroke-width="1.4"/>
<circle cx="11" cy="14" r="1.5" fill="currentColor" opacity="0.5"/>
</svg>
<div class="offer-label">Sublease<br>.com</div>
<div class="offer-sub">Space marketplace</div>
</div>
</div>
</section>
<!-- ══════════════════════════════════════════
CREDENTIALS ROW
══════════════════════════════════════════ -->
<div class="credentials-row">
<div class="cred-item">
<div class="cred-number">25<sup>+</sup></div>
<div class="cred-label">Years in<br>CRE Media</div>
</div>
<div class="cred-item">
<div class="cred-number">50K</div>
<div class="cred-label">Newsletter<br>Subscribers</div>
</div>
<div class="cred-item">
<div class="cred-number">9<sup>+</sup></div>
<div class="cred-label">Western US<br>Markets</div>
</div>
<div class="cred-item">
<div class="cred-number" style="font-size:18px;letter-spacing:-0.02em;">USC MBA</div>
<div class="cred-label">Marshall School<br>of Business</div>
</div>
<div class="cred-item" style="border-right:none;">
<div class="cred-number" style="font-size:14px;letter-spacing:-0.02em;color:var(--red);">C&W / Cresa</div>
<div class="cred-label">Prior Brokerage<br>Background</div>
</div>
</div>
<!-- ══════════════════════════════════════════
FOOTER
══════════════════════════════════════════ -->
<footer class="footer">
<div class="hairline" style="margin:18px 52px 0;"></div>
<div class="footer-inner">
<div class="footer-top">
<div class="footer-name-block">
<div class="footer-name">Steve Bloom</div>
<div class="footer-role">President & CEO • RENTV.com, Inc.</div>
</div>
<div class="footer-contacts">
<div class="footer-contact-line">
<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.5 7.8L7.8 7.3C7.6 7.2 7.4 7.3 7.3 7.5L6.8 8.3C5.2 7.5 3.5 5.8 2.7 4.2L3.5 3.7C3.7 3.6 3.8 3.4 3.7 3.2L3.2 1.5C3.1 1.3 2.9 1.1 2.7 1.1H1.3C1.1 1.1 0.9 1.3 1 1.5C1.3 6.3 4.7 9.7 9.5 10C9.7 10 9.9 9.8 9.9 9.6V8.2C9.9 8 9.7 7.8 9.5 7.8Z" fill="#E8A81C"/></svg>
<span class="contact-accent">(310) 213-6409</span>
</div>
<div class="footer-contact-line">
<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="2.5" width="9" height="6.5" rx="0.8" stroke="#E8A81C" stroke-width="1"/><polyline points="1,2.5 5.5,6.5 10,2.5" stroke="#E8A81C" stroke-width="1"/></svg>
<span class="contact-accent">sbloom@rentv.com</span>
</div>
<div class="footer-contact-line">
<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="9" height="9" rx="1.5" stroke="#E8A81C" stroke-width="1"/><rect x="2.5" y="4.5" width="1.5" height="4" fill="#E8A81C"/><circle cx="3.25" cy="3" r="0.9" fill="#E8A81C"/><rect x="5" y="4.5" width="1.5" height="4" fill="#E8A81C"/><path d="M5 5.5 Q5 4.5 6.5 4.5 Q8 4.5 8 5.5 L8 8.5 L6.5 8.5 L6.5 5.5" stroke="#E8A81C" stroke-width="0.8" fill="none"/></svg>
<span style="color:rgba(255,255,255,0.6);">linkedin.com/company/rentv.com-inc</span>
</div>
</div>
</div>
<div class="footer-divider-line"></div>
<div class="footer-bottom">
<div class="footer-second-contact">
<strong>Allen Wolfsheimer</strong> • Senior VP • (310) 836-9238 • allenw@rentv.com
</div>
<div style="display:flex;flex-direction:column;align-items:flex-end;gap:2px;">
<div class="footer-urls">
<span class="footer-url">rentv.com</span>
<span class="footer-url-sep">·</span>
<span class="footer-url">rentvreview.com</span>
<span class="footer-url-sep">·</span>
<span class="footer-url">sublease.com</span>
</div>
<div class="footer-address">5757 W. Century Blvd, Suite 700 • Los Angeles, CA 90045</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>