<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Fractional CMO & Strategic Marketing Advisor</title>
<style>
/* Reset & Base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; background: #f9f9f9; }
a { color: #007BFF; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { width: 90%; max-width: 1000px; margin: 0 auto; padding: 2rem 0; }
/* Hero */
#hero { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 4rem 0; background: #fff; }
#hero h1 { font-size: 2.5rem; margin-bottom: 1rem; }
#hero p { font-size: 1.125rem; margin-bottom: 2rem; max-width: 600px; }
.btn-primary { background: #007BFF; color: #fff; padding: 0.75rem 1.5rem; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem; }
.btn-primary:hover { background: #0056b3; }
/* Sections */
section { margin: 4rem 0; }
section h2 { font-size: 2rem; margin-bottom: 1rem; }
.grid { display: grid; gap: 2rem; }
/* Services */
#services .grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.card { background: #fff; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.card img { width: 80px; height: 80px; margin-bottom: 1rem; }
.card h3 { font-size: 1.25rem; margin-bottom: 0.75rem; }
/* Experience */
#experience ul { list-style: none; }
#experience li { margin-bottom: 1rem; }
#experience li span { font-weight: bold; }
/* Contact Form */
#contact { background: #fff; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
#contact form { display: grid; gap: 1rem; }
#contact label { font-weight: bold; }
#contact input, #contact textarea { width: 100%; padding: 0.75rem; border: 1px solid #ccc; border-radius: 4px; }
#contact button { margin-top: 1rem; }
/* Footer */
footer { text-align: center; padding: 1rem 0; font-size: 0.875rem; color: #777; }
</style>
</head>
<body>
<!-- Hero -->
<section id="hero">
<div class="container">
<h1>Strategic Marketing Leadership for Healthcare Brands</h1>
<p>Fractional CMO & Strategic Marketing Advisor specializing in D2C, B2B, and B2B2C go-to-market strategies for healthcare companies.</p>
<button class="btn-primary" onclick="document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });">Get in Touch</button>
</div>
</section>
<!-- Services -->
<section id="services">
<div class="container">
<h2>Services</h2>
<div class="grid">
<div class="card">
<img src="https://via.placeholder.com/80" alt="Go-to-Market Icon" />
<h3>Go-to-Market Strategy</h3>
<p>Develop comprehensive GTM plans tailored for healthcare products across channels.</p>
</div>
<div class="card">
<img src="https://via.placeholder.com/80" alt="Brand Positioning Icon" />
<h3>Brand Positioning</h3>
<p>Craft positioning and messaging frameworks that resonate with target audiences.</p>
</div>
<div class="card">
<img src="https://via.placeholder.com/80" alt="Demand Generation Icon" />
<h3>Demand Generation</h3>
<p>Design and execute campaigns to drive leads and customer acquisition cost-effectively.</p>
</div>
<div class="card">
<img src="https://via.placeholder.com/80" alt="Growth Optimization Icon" />
<h3>Growth Optimization</h3>
<p>Implement data-driven optimization across funnel stages for sustained growth.</p>
</div>
</div>
</div>
</section>
<!-- Experience -->
<section id="experience">
<div class="container">
<h2>Experience</h2>
<ul>
<li><span>Acme Health:</span> Fractional CMO driving 40% YoY growth in patient enrollments.</li>
<li><span>WellCare Labs:</span> Led B2B partnerships generating \$2M in annual revenue.</li>
<li><span>PharmaCorp:</span> Developed D2C launch strategy resulting in 50k early adopters.</li>
<!-- Add more clients/projects here -->
</ul>
</div>
</section>
<!-- Contact -->
<section id="contact">
<div class="container">
<h2>Contact</h2>
<form action="#" method="post">
<label for="name">Name</label>
<input type="text" id="name" name="name" required />
<label for="email">Email</label>
<input type="email" id="email" name="email" required />
<label for="company">Company</label>
<input type="text" id="company" name="company" required />
<label for="message">Message</label>
<textarea id="message" name="message" rows="5"></textarea>
<button type="submit" class="btn-primary">Submit</button>
</form>
</div>
</section>
<!-- Footer -->
<footer>
© 2025 Your Name – Fractional CMO & Strategic Advisor
</footer>
<script>
// Placeholder for potential JS enhancements (form handling, modal, analytics)
</script>
</body>
</html>