<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fiber Sales — Meeting Deck April 16-22, 2026</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Poppins', sans-serif;
background-color: #f0f2f5;
color: #2d3436;
line-height: 1.6;
}
.container {
max-width: 920px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
.header {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
color: white;
padding: 60px 20px;
text-align: center;
margin-bottom: 0;
border-radius: 0;
}
.header .agency {
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
color: #e94560;
margin-bottom: 12px;
font-weight: 600;
}
.header h1 {
font-size: 48px;
font-weight: 700;
margin-bottom: 8px;
line-height: 1.2;
}
.header .date-range {
font-size: 16px;
opacity: 0.9;
font-weight: 400;
}
/* Sections */
.section {
background: white;
border-radius: 12px;
padding: 36px;
margin-bottom: 28px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.section-title {
font-size: 24px;
font-weight: 700;
color: #1a1a2e;
margin-bottom: 28px;
padding-bottom: 16px;
border-bottom: 2px solid #e94560;
}
/* Stats Grid */
.stat-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 16px;
margin-bottom: 32px;
}
.stat-card {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
text-align: center;
}
.stat-label {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #888;
margin-bottom: 8px;
font-weight: 600;
}
.stat-value {
font-size: 28px;
font-weight: 700;
color: #1a1a2e;
}
.stat-subtext {
font-size: 12px;
color: #888;
margin-top: 4px;
}
/* Tables */
.table-wrapper {
overflow-x: auto;
margin-top: 24px;
}
table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
table thead {
background: #1a1a2e;
color: white;
}
table thead th {
padding: 16px;
text-align: left;
font-weight: 600;
letter-spacing: 0.3px;
}
table tbody td {
padding: 14px 16px;
border-bottom: 1px solid #eee;
}
table tbody tr:nth-child(even) {
background: #fafafa;
}
table tbody tr:hover {
background: #f5f5f5;
}
table .total-row {
background: #f0f4ff;
font-weight: 700;
}
table .total-row td {
border-bottom: 2px solid #0f3460;
padding: 16px;
}
/* Platform Badges */
.badge {
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.3px;
}
.badge.google {
background: #e8f0fe;
color: #1a73e8;
}
.badge.meta {
background: #e7f0fd;
color: #1877f2;
}
/* Campaign List */
.campaign-item {
padding: 20px;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
}
.campaign-item:last-child {
border-bottom: none;
}
.campaign-name {
font-weight: 600;
color: #1a1a2e;
margin-bottom: 4px;
}
.campaign-metrics {
font-size: 13px;
color: #666;
}
.campaign-performance {
text-align: right;
}
/* Image Gallery */
.image-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-bottom: 24px;
}
.gallery-item {
border-radius: 8px;
overflow: hidden;
border: 1px solid #eee;
}
.gallery-item img {
width: 100%;
height: auto;
display: block;
}
.gallery-caption {
padding: 12px;
background: #f8f9fa;
font-size: 12px;
color: #666;
font-weight: 500;
text-align: center;
}
/* Footer */
.footer {
text-align: center;
padding: 40px 20px;
color: #999;
font-size: 12px;
border-top: 1px solid #eee;
margin-top: 40px;
}
.footer a {
color: #e94560;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.stat-grid {
grid-template-columns: repeat(2, 1fr);
}
.image-gallery {
grid-template-columns: 1fr;
}
.header h1 {
font-size: 32px;
}
table {
font-size: 12px;
}
table thead th,
table tbody td {
padding: 10px 12px;
}
}
</style>
</head>
<body>
<div class="container">
<!-- Header -->
<div class="header">
<div class="agency">MELLEKA MARKETING</div>
<h1>Fiber Sales</h1>
<div class="date-range">April 16 - 22, 2026</div>
</div>
<!-- Google Ads Section -->
<div class="section">
<div class="section-title">Google Ads Performance</div>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-label">Total Spend</div>
<div class="stat-value">$1,448</div>
<div class="stat-subtext">5 Active Campaigns</div>
</div>
<div class="stat-card">
<div class="stat-label">Clicks</div>
<div class="stat-value">425</div>
<div class="stat-subtext">Avg CPC: $3.41</div>
</div>
<div class="stat-card">
<div class="stat-label">Impressions</div>
<div class="stat-value">6,847</div>
<div class="stat-subtext">CTR: 6.2%</div>
</div>
<div class="stat-card">
<div class="stat-label">Conversions</div>
<div class="stat-value">86</div>
<div class="stat-subtext">Avg CPA: $16.84</div>
</div>
</div>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Campaign</th>
<th>Spend</th>
<th>Clicks</th>
<th>Impr.</th>
<th>Conv.</th>
<th>CPA</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="badge google">Google</span> AIA | PMax #2</td>
<td>$574.69</td>
<td>168</td>
<td>2,709</td>
<td>40</td>
<td>$14.37</td>
</tr>
<tr>
<td><span class="badge google">Google</span> AIA | Search #1</td>
<td>$398.17</td>
<td>118</td>
<td>1,896</td>
<td>24</td>
<td>$16.59</td>
</tr>
<tr>
<td><span class="badge google">Google</span> AT&T Internet Air</td>
<td>$307.32</td>
<td>91</td>
<td>1,463</td>
<td>15</td>
<td>$20.49</td>
</tr>
<tr>
<td><span class="badge google">Google</span> Smart Home</td>
<td>$113.05</td>
<td>33</td>
<td>532</td>
<td>5</td>
<td>$22.61</td>
</tr>
<tr>
<td><span class="badge google">Google</span> Cell Phone Promo</td>
<td>$55.16</td>
<td>15</td>
<td>247</td>
<td>2</td>
<td>$27.58</td>
</tr>
<tr class="total-row">
<td><strong>TOTAL</strong></td>
<td><strong>$1,448.39</strong></td>
<td><strong>425</strong></td>
<td><strong>6,847</strong></td>
<td><strong>86</strong></td>
<td><strong>$16.84</strong></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Meta Ads Section -->
<div class="section">
<div class="section-title">Meta Ads Performance</div>
<div class="stat-grid">
<div class="stat-card">
<div class="stat-label">Total Spend</div>
<div class="stat-value">$4,682</div>
<div class="stat-subtext">3 Active Campaigns</div>
</div>
<div class="stat-card">
<div class="stat-label">Clicks</div>
<div class="stat-value">2,130</div>
<div class="stat-subtext">Avg CPC: $2.20</div>
</div>
<div class="stat-card">
<div class="stat-label">Impressions</div>
<div class="stat-value">35,427</div>
<div class="stat-subtext">CTR: 6.0%</div>
</div>
<div class="stat-card">
<div class="stat-label">Leads</div>
<div class="stat-value">163</div>
<div class="stat-subtext">Avg CPL: $28.73</div>
</div>
</div>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Campaign</th>
<th>Status</th>
<th>Spend</th>
<th>Clicks</th>
<th>Impr.</th>
<th>Leads</th>
<th>CPL</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="badge meta">Meta</span> INTERNET AIR BUSINESS - Dynamic</td>
<td>Active</td>
<td>$2,956.55</td>
<td>1,345</td>
<td>22,408</td>
<td>105</td>
<td>$28.16</td>
</tr>
<tr>
<td><span class="badge meta">Meta</span> CELL PHONE PROMO</td>
<td>Active</td>
<td>$1,725.05</td>
<td>785</td>
<td>13,019</td>
<td>58</td>
<td>$29.74</td>
</tr>
<tr>
<td><span class="badge meta">Meta</span> Smart Home</td>
<td>Active</td>
<td>$1.00</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>—</td>
</tr>
<tr class="total-row">
<td><strong>TOTAL</strong></td>
<td></td>
<td><strong>$4,682.60</strong></td>
<td><strong>2,130</strong></td>
<td><strong>35,427</strong></td>
<td><strong>163</strong></td>
<td><strong>$28.73</strong></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Bulk SMS Section -->
<div class="section">
<div class="section-title">Bulk SMS Campaign</div>
<div class="image-gallery">
<div class="gallery-item">
<img src="https://nhebotmrnxixvcvtspet.supabase.co/storage/v1/object/public/team-uploads/lexie/a5eca499-34ab-4039-ab88-aa17bc0a6de8/697cd807-ef2b-4e51-9b78-ec8f7fc915ee.png" alt="Bulk SMS Message">
<div class="gallery-caption">SMS Message Content</div>
</div>
<div class="gallery-item">
<img src="https://nhebotmrnxixvcvtspet.supabase.co/storage/v1/object/public/team-uploads/lexie/a5eca499-34ab-4039-ab88-aa17bc0a6de8/c242cbce-139b-430b-a652-f4741930fccb.png" alt="Bulk SMS Stats">
<div class="gallery-caption">Delivery Performance</div>
</div>
</div>
</div>
<!-- Dynamic SMS Drip Workflow Section -->
<div class="section">
<div class="section-title">Dynamic SMS Drip Workflow</div>
<div class="image-gallery">
<div class="gallery-item">
<img src="https://nhebotmrnxixvcvtspet.supabase.co/storage/v1/object/public/team-uploads/lexie/a5eca499-34ab-4039-ab88-aa17bc0a6de8/8b02672a-c42f-4678-9a52-3e107a50afc8.png" alt="Dynamic SMS Drip Workflow">
<div class="gallery-caption">Workflow Configuration</div>
</div>
<div class="gallery-item">
<img src="https://nhebotmrnxixvcvtspet.supabase.co/storage/v1/object/public/team-uploads/lexie/a5eca499-34ab-4039-ab88-aa17bc0a6de8/98634f6a-0a9f-4b6d-a9c7-8f9d738a7bed.png" alt="Total Enrolled">
<div class="gallery-caption">Total Enrolled</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer">
Generated by <a href="https://melleka.com">Melleka Marketing</a>
</div>
</div>
</body>
</html>