<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Florida Theft Awareness Class — Start Fresh</title>
<style>
:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;}
body{margin:0;background:#f6fbff;color:#0b2545;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.card{max-width:740px;background:white;border-radius:12px;box-shadow:0 10px 30px rgba(11,37,69,0.08);padding:32px}
h1{font-size:1.6rem;margin:0 0 12px}
p{line-height:1.5;margin:0 0 18px;font-size:1.03rem}
.cta{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:600}
.primary{background:#0077e6;color:white}
.secondary{background:transparent;border:2px solid #0077e6;color:#0077e6;margin-left:12px}
.meta{font-size:0.9rem;color:#385577;margin-top:10px}
@media (max-width:560px){.card{padding:20px}h1{font-size:1.3rem}}
</style>
</head>
<body>
<article class="card" role="article" aria-labelledby="promo-title">
<h1 id="promo-title">Theft Awareness Class in Florida</h1>
<p>Ever wondered how one smart decision can completely change your direction? Our <strong><a href="https://onlinecourseforcourt.com/florida/product/theft-awareness-program/" target="_blank">
Theft Awareness Class in Florida
</a> </strong> gives you the tools, insight, and clarity to move forward with confidence, right from the comfort of home. It’s quick, convenient, and designed to help you understand consequences while building better choices for the future.</p>
<p class="meta">Ready to take control of your next chapter?</p>
<div>
<a class="cta primary" href=https://onlinecourseforcourt.com/florida role="button">Join the class today</a>
</div>
</article>
<script>
// smooth scroll for demo links
document.querySelectorAll('a[href^="#"]').forEach(a=>{
a.addEventListener('click', e=>{
e.preventDefault();
const id = a.getAttribute('href').slice(1);
alert(id === 'enroll' ? 'Enrollment flow would open here.' : 'More info would open here.');
});
});
</script>
</body>
</html>
