<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>Indiana Alcohol Awareness Course</title>
<style>
:root{
--bg:#f7fbff; --card:#ffffff; --accent:#0b69ff; --muted:#6b7280;
--radius:12px; --pad:18px;
}
body{
font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
background:linear-gradient(180deg, #f0f6ff 0%, var(--bg) 100%);
color:#111827; margin:0; padding:36px; display:flex; justify-content:center;
}
.card{
background:var(--card); border-radius:var(--radius); box-shadow:0 8px 30px rgba(11,41,89,0.07);
max-width:780px; width:100%; padding:calc(var(--pad) * 1.25);
}
header h1{ margin:0 0 6px 0; font-size:1.6rem; }
header p.lead{ margin:0 0 18px 0; color:var(--muted); }
.badge{ display:inline-block; background:#fff7ed; color:#b45309; border-radius:999px; padding:6px 10px; font-weight:600; font-size:0.85rem; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.02); }
.description{ line-height:1.6; margin:14px 0 20px 0; color:#0f172a; }
.note{ color:#9ca3af; font-size:0.95rem; margin-bottom:18px; }
.cta{
display:flex; gap:12px; align-items:center;
}
.btn{
background:var(--accent); color:white; padding:12px 18px; border-radius:10px; text-decoration:none; font-weight:600;
box-shadow:0 6px 18px rgba(11,105,255,0.12);
}
.btn.secondary{ background:transparent; color:var(--accent); border:2px solid rgba(11,105,255,0.12); box-shadow:none; }
footer{ margin-top:18px; color:var(--muted); font-size:0.9rem; }
@media (max-width:520px){ body{ padding:20px } .card{ padding:16px } }
</style>
</head>
<body>
<main class="card" role="main" aria-labelledby="course-title">
<header>
<h1 id="course-title">Alcohol Awareness Course in Indiana</h1>
<p class="lead">Engaging, online learning to build awareness and safer habits.</p>
</header>
<section class="content" aria-describedby="course-desc">
<p id="course-desc" class="description">
Make smarter, safer choices with our Indiana Alcohol Awareness Course, designed to educate,
empower, and inspire responsible decisions. This engaging online program helps you understand
the effects of alcohol on your body, mind, and behavior while promoting healthy lifestyle habits.
Whether you’re a student, employee, or simply looking to grow personally, this course provides
valuable insights into safe consumption, risk reduction, and responsible social behavior.
</p>
<div class="cta" role="region" aria-label="Call to action">
<a class="btn" href="https://onlinecourseforcourt.com/indiana/product/alcohol-awareness-course/" role="button" aria-pressed="false">Enroll Now</a>
<a class="btn secondary" href="https://onlinecourseforcourt.com/indiana" role="button" aria-pressed="false">Learn More</a>
</div>
<footer>
<p>Interactive lessons, relatable examples, and easy-to-follow modules. Take the first step toward a safer, more informed future.</p>
</footer>
</section>
</main>
</body>
</html>
