Build Morning Newsletter

Saved today's newsletter selection into the log.

Subject Line

Start Strong Today | Free Tip + Click Jacks

Preview Text

One free morning angle, one pay-as-you-go featured service, proof on the board and a bottom offer ready to go.

Free Tip Source

Click Jacks

Heading: Yidi Yang v Mai Hontama
Selection: Yidi Yang
Event: 04:00 Yidi Yang v Mai Hontama
Sport: Tennis
Odds: 2.66
Link: https://clickjacks.com/

Secondary Promo

Click Jacks

Price: £2.50 per tip
Link: https://clickjacks.com/

Proof Block

Corner Football Tips

+15.50pts
90 DAY PERFORMANCE
Useful for adding football-led variety into the newsletter engine.
Link: https://members.betfan.com/hustlehouse/tipsterplanet/

Bottom Offer

Racing Punter 101

Price: £32.40
CTA: Unlock Now
Link: https://members.betfan.com/hustlehouse/systems/

Save Today\'s Selection To Log Rebuild Preview

Generated HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Start Strong Today | Free Tip + Click Jacks</title>
<style>
body { margin:0; padding:0; background:#05060b; font-family:Arial, Helvetica, sans-serif; }
table { border-collapse:collapse; }
img { display:block; border:0; max-width:100%; height:auto; }
.wrapper { width:100%; background:#05060b; }
.main { width:100%; max-width:760px; margin:0 auto; background:#0b0e17; border:1px solid #1d2438; }
.hero-copy { background:linear-gradient(135deg,#07111f,#16355f); padding:40px 34px; text-align:center; }
.hero-kicker { color:#ffd24a; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:1.5px; margin:0 0 8px 0; }
.hero-title { color:#fff; font-size:40px; font-weight:900; text-transform:uppercase; margin:0; line-height:1.08; }
.hero-sub { color:#dbe7ff; font-size:18px; margin-top:12px; line-height:1.7; }
.content { padding:32px; }
.headline { color:#fff; font-size:30px; font-weight:900; margin-bottom:15px; text-transform:uppercase; line-height:1.2; }
.copy { color:#d5ddf3; font-size:16px; line-height:28px; margin-bottom:15px; }
.kicker { color:#ffd24a; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:1.4px; margin-bottom:8px; }
.free-tip-box { border:2px solid #ffd24a; border-radius:20px; margin:28px 0; overflow:hidden; background:#0f131d; }
.free-tip-head { background:linear-gradient(90deg,#ffd24a,#ff9f1a); padding:14px 16px; text-align:center; font-weight:900; text-transform:uppercase; color:#111; font-size:14px; letter-spacing:1px; }
.free-tip-body { padding:28px; text-align:center; }
.tip-event { color:#ffffff; font-size:17px; font-weight:700; margin-bottom:8px; }
.selection { color:#fff; font-size:34px; font-weight:900; line-height:1.15; margin-bottom:10px; }
.meta { color:#ffd24a; font-weight:900; margin:12px 0 14px 0; font-size:17px; line-height:1.6; }
.tip-service-line { color:#91a3d3; font-size:14px; margin-top:8px; }
.btn { display:inline-block; background:#00d4ff; color:#000 !important; text-decoration:none; padding:16px 28px; border-radius:40px; font-weight:900; margin-top:12px; font-size:15px; }
.proof-box { border:2px solid #ffd24a; border-radius:20px; margin:30px 0; background:#120f05; padding:28px; text-align:center; }
.proof-service { font-size:32px; font-weight:900; color:#fff; line-height:1.1; margin-bottom:10px; }
.profit { font-size:50px; font-weight:900; color:#ffd24a; line-height:1.1; }
.sell-box { border:2px solid #00d4ff; border-radius:20px; margin-top:30px; overflow:hidden; background:#0a1620; }
.sell-head { background:#00d4ff; color:#000; text-align:center; font-weight:900; padding:14px; text-transform:uppercase; font-size:14px; letter-spacing:1px; }
.sell-body { padding:30px; text-align:center; }
.service { font-size:34px; font-weight:900; color:#fff; margin-bottom:10px; line-height:1.1; }
.price { font-size:44px; font-weight:900; color:#00d4ff; margin:15px 0; line-height:1.1; }
.offer-box { border:2px solid #ff4db8; border-radius:20px; margin-top:30px; overflow:hidden; background:#190b16; }
.offer-head { background:#ff4db8; color:#000; text-align:center; font-weight:900; padding:14px; text-transform:uppercase; font-size:14px; letter-spacing:1px; }
.offer-body { padding:28px; text-align:center; }
.mini-grid { width:100%; margin-top:14px; }
.mini-grid td { width:50%; vertical-align:top; padding:8px; }
.stat-box { border:1px solid #28314a; background:#0b101b; border-radius:14px; padding:14px; text-align:center; }
.stat-title { font-size:11px; color:#95a5d4; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px; }
.stat-value { font-size:18px; color:#fff; font-weight:900; line-height:1.4; }
.footer { text-align:center; padding:20px; color:#7e88b3; font-size:12px; border-top:1px solid #1d2438; background:#06080e; }
.footer a { color:#00d4ff; }
.preheader { display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0; overflow:hidden; mso-hide:all; }
@media only screen and (max-width: 640px) {
    .main { width:100% !important; }
    .content { padding:22px !important; }
    .hero-copy { padding:28px 22px !important; }
    .hero-title { font-size:30px !important; }
    .headline { font-size:24px !important; }
    .selection { font-size:28px !important; }
    .service { font-size:28px !important; }
    .proof-service { font-size:28px !important; }
    .price { font-size:36px !important; }
    .mini-grid td { display:block; width:100% !important; }
}
</style>
</head>
<body>
<div class="preheader">One free morning angle, one pay-as-you-go featured service, proof on the board and a bottom offer ready to go.</div>
<center class="wrapper">
<table width="100%" class="wrapper" role="presentation">
<tr>
<td align="center">
<table class="main" role="presentation">
<tr>
<td><img src="https://members.betfan.com/hustlehouse/betfan/images/bf.png" alt="BetFan"></td>
</tr>

<tr>
<td class="hero-copy">
<div class="hero-kicker">Your early betting briefing</div>
<h1 class="hero-title">Today Starts With An Edge.</h1>
<p class="hero-sub">No fluff. No dead time. Just one live angle and a direct route into today&#039;s opportunities.</p>
</td>
</tr>

<tr>
<td class="content">
<div class="kicker">Morning briefing</div>
<h2 class="headline">Start the day with a proper edge</h2>
<p class="copy">Most people drift into the day with no plan, no structure and no real edge. You do not have to.</p>
<p class="copy">Today&#039;s free morning angle comes from Click Jacks, and underneath it we are putting the spotlight on Click Jacks as a featured pay-as-you-go service built for immediate access.</p>

<table width="100%" class="free-tip-box" role="presentation">
<tr>
<td class="free-tip-head">Today's Free Tip</td>
</tr>
<tr>
<td class="free-tip-body">
<div class="tip-event">Yidi Yang v Mai Hontama</div>
<div class="selection">Yidi Yang</div>
<div class="meta">TENNIS • 2.66 • From Click Jacks</div>
<p class="copy">We are opening with Yidi Yang from Click Jacks at 2.66. It is a simple tennis position and exactly the sort of useful early foothold that gets the day moving.</p>
<div class="tip-service-line">Released from Click Jacks</div>

<table class="mini-grid" role="presentation">
<tr>
<td>
<div class="stat-box">
<div class="stat-title">Sport</div>
<div class="stat-value">Tennis</div>
</div>
</td>
<td>
<div class="stat-box">
<div class="stat-title">Current Quoted Odds</div>
<div class="stat-value">2.66</div>
</div>
</td>
</tr>
</table>

<a href="https://clickjacks.com/" class="btn">View Click Jacks</a>
</td>
</tr>
</table>

<p class="copy">That is your free start. Now here is where the day opens up properly.</p>

<table width="100%" class="sell-box" role="presentation">
<tr>
<td class="sell-head">Featured Service Today</td>
</tr>
<tr>
<td class="sell-body">
<div class="service">Click Jacks</div>
<p class="copy">If you want a service that lets you pay for today, access today, and move today, Click Jacks does exactly that.</p>
<p class="copy">For £2.50 per tip, customers can buy today&#039;s tip, get it instantly and step straight into the day without the usual nonsense.</p>
<div class="price">£2.50 per tip</div>
<p class="copy">Buy today, get it immediately, and stay in control.</p>
<a href="https://clickjacks.com/" class="btn">Get Today's Tips</a>
</td>
</tr>
</table>

<div class="proof-box">
<div class="proof-service">Corner Football Tips</div>
<div class="profit">+15.50pts</div>
<p class="copy" style="font-weight:900; margin-top:10px;">90 DAY PERFORMANCE</p>
<p class="copy">Useful for adding football-led variety into the newsletter engine.</p>
<a href="https://members.betfan.com/hustlehouse/tipsterplanet/" class="btn">View Proof</a>
</div>

<table width="100%" class="offer-box" role="presentation">
<tr>
<td class="offer-head">Featured Product</td>
</tr>
<tr>
<td class="offer-body">
<div class="service" style="font-size:28px;">Racing Punter 101</div>
<p class="copy">A sharper framework for punters who want structure and clarity</p>
<p class="copy">A structured system designed to filter weak bets, tighten decision-making and help serious punters operate more professionally.</p>
<div class="price" style="color:#ff4db8;">£32.40</div>
<p class="copy">Instant access after payment. One payment, yours to keep.</p>
<a href="https://members.betfan.com/hustlehouse/systems/" class="btn" style="background:#ff4db8;color:#000 !important;">Unlock Now</a>
</td>
</tr>
</table>

<p class="copy" style="margin-top:28px;">The free angle gets you in. The service does the selling. The proof does the convincing. The rest is your move.</p>
</td>
</tr>

<tr>
<td class="footer">
© 2026 BetFan<br>
[COMPANY_FULL_ADDRESS]<br><br>
To unsubscribe, <a href="[UNSUBSCRIBE_URL]">click here</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>

Build Morning Newsletter

Generated HTML

Rendered Preview