Meta Description" name="description" />
<!-- TFM Sidebar Listing Ad -->
<aside class="tfm-sidebar-ad" role="complementary" aria-label="Free marketing resource">
<a class="tfm-ad-media" href="/contact/?utm_source=sidebar&utm_medium=ad&utm_campaign=12-steps" aria-label="Get your marketing strategy consult">
<!-- Replace the image src with your asset (ideal: 600x400 or 1200x800) -->
<img src="https://totalframework.marketing/wp-content/uploads/2025/04/1-e1744141310373.png" alt="12 Steps to Marketing Success – Free resource" loading="lazy" width="1200" height="800">
<span class="tfm-ad-badge">Free</span>
</a>
<div class="tfm-ad-body">
<h3 class="tfm-ad-title">Get the 12-Step Marketing Checklist</h3>
<p class="tfm-ad-sub">Turn today’s reads into an action plan.</p>
<ul class="tfm-ad-points" aria-label="What you’ll get">
<li>Step-by-step checklist (printable)</li>
<li>Channel & budget planning prompts</li>
<li>KPIs and cadence template</li>
</ul>
<a class="tfm-ad-cta" href="/https://totalframework.marketing/12-steps-to-marketing-success-for-any-business//?utm_source=sidebar&utm_medium=ad&utm_campaign=12-steps" aria-label="Get the checklist">Get the Checklist</a>
<!-- Optional trust row -->
<div class="tfm-ad-trust" aria-label="Social proof">
<span class="tfm-stars" aria-hidden="true">★★★★★</span>
<span class="tfm-trust-text">Trusted by growth-minded teams</span>
</div>
</div>
</aside>
<style>
/* ===== TFM Sidebar Ad (scoped by unique class) ===== */
.tfm-sidebar-ad{
display:block;
border:1px solid rgba(0,0,0,.08);
border-radius:16px;
overflow:hidden;
background:#fff;
box-shadow:0 6px 18px rgba(0,0,0,.06);
font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.tfm-ad-media{
position:relative;
display:block;
line-height:0;
text-decoration:none;
}
.tfm-ad-media img{
width:100%;
height:auto;
display:block;
}
.tfm-ad-badge{
position:absolute;
left:12px;
top:12px;
background:#10b981; /* emerald */
color:#fff;
font-size:.75rem;
font-weight:700;
letter-spacing:.02em;
padding:.35rem .55rem;
border-radius:999px;
}
.tfm-ad-body{
padding:14px 16px 16px 16px;
}
.tfm-ad-title{
margin:4px 0 4px 0;
font-size:1.05rem;
line-height:1.3;
}
.tfm-ad-sub{
margin:0 0 8px 0;
color:#4b5563;
font-size:.9rem;
}
.tfm-ad-points{
margin:0 0 12px 18px;
padding:0;
color:#374151;
font-size:.9rem;
}
.tfm-ad-points li{
margin:4px 0;
}
.tfm-ad-cta{
display:inline-block;
width:100%;
text-align:center;
text-decoration:none;
background:#111827; /* near-black for contrast */
color:#fff;
font-weight:700;
border-radius:12px;
padding:10px 14px;
transition:transform .08s ease, box-shadow .15s ease, background .2s ease;
}
.tfm-ad-cta:hover{
transform:translateY(-1px);
box-shadow:0 10px 16px rgba(0,0,0,.10);
background:#0b1220;
}
.tfm-ad-trust{
display:flex;
align-items:center;
gap:8px;
margin-top:10px;
color:#6b7280;
font-size:.8rem;
}
.tfm-stars{letter-spacing:2px;}
/* Dark mode adjustment (respects prefers-color-scheme) */
@media (prefers-color-scheme: dark){
.tfm-sidebar-ad{ background:#0f172a; border-color:rgba(255,255,255,.08); box-shadow:0 6px 18px rgba(0,0,0,.25);}
.tfm-ad-title{ color:#e5e7eb;}
.tfm-ad-sub, .tfm-ad-points, .tfm-ad-trust{ color:#c7cbd3;}
.tfm-ad-cta{ background:#e5e7eb; color:#0f172a;}
.tfm-ad-cta:hover{ background:#fff; }
}
</style>
<!-- /TFM Sidebar Listing Ad -->
2
2
353KB
352KB
94.0ms
220.0ms
95.0ms