<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Captain Mike – Sailing & Power Boating Lessons</title>
<style>
body {
font-family: 'Segoe UI', Arial, sans-serif;
background: #e6f2ff;
color: #222;
margin: 0;
padding: 0;
}
header {
background: #003366;
color: #fff;
padding: 2rem 1rem 1rem;
text-align: center;
}
nav {
margin-top: 1rem;
}
nav a {
color: #fff;
text-decoration: none;
margin: 0 1rem;
font-weight: bold;
}
.hero {
background: url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat;
color: #fff;
padding: 4rem 1rem;
text-align: center;
}
.hero h2 {
background: rgba(0, 51, 102, 0.7);
display: inline-block;
padding: 1rem 2rem;
border-radius: 10px;
}
main {
max-width: 900px;
margin: 2rem auto;
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
padding: 2rem;
}
section {
margin-bottom: 2rem;
}
h2 {
color: #003366;
}
.cta {
background: #0074cc;
color: #fff;
padding: 1.5rem;
text-align: center;
border-radius: 8px;
font-size: 1.2rem;
margin-top: 2rem;
}
footer {
background: #003366;
color: #fff;
text-align: center;
padding: 1rem;
font-size: 0.95rem;
}
@media (max-width: 600px) {
main { padding: 1rem; }
.hero { padding: 2rem 1rem; }
}
</style>
</head>
<body>

<header>
<h1>Captain Mike</h1>
<p>Private Sailing & Power Boating Lessons – Lake Grapevine & Beyond</p>
<nav>
<a href="#about">About</a>
<a href="#lessons">Lessons</a>
<a href="#contact">Contact</a>
</nav>
</header>

<div class="hero">
<h2>30 Years of Experience on North Texas Waters & Beyond</h2>
<p>Learn to sail or powerboat with a trusted, local captain.</p>
</div>

<main>
<section id="about">
<h2>About Captain Mike</h2>
<p>
With nearly 30 years of experience navigating the lakes of North Texas and waters far beyond, I offer hands-on, personalized instruction for all skill levels.
Whether you’re new to boating or looking to sharpen your skills, my approach is patient, practical, and always focused on your safety and confidence on the water.
</p>
</section>

<section id="lessons">
<h2>Private Lessons & Experiences</h2>
<ul>
<li>One-on-one or small group lessons</li>
<li>Learn on your own boat or aboard my well-equipped sailing vessel</li>
<li>Flexible scheduling – weekdays or weekends</li>
<li>All ages and experience levels welcome</li>
<li>Focus on safety, navigation, docking, and advanced techniques</li>
</ul>
<p>
Based on Lake Grapevine, I also offer instruction and charters on other North Texas lakes by request.
</p>
</section>

<section id="contact">
<h2>Contact & Booking</h2>
<p>Ready to get started or have questions? Reach out today!</p>
<p>Email: <a href="mailto:captainmike@example.com">captainmike@example.com</a></p>
<p>Phone: (555) 123-4567</p>
<div class="cta">
Set sail with Captain Mike – Book your private lesson today!
</div>
</section>
</main>

</body>
</html>