<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>CaptainsTravel.Agency | Michael Cormier, Travel Advisor</title>
<meta name="description" content="Michael Cormier plans cruises, resorts, and custom vacations with CaptainsTravel.Agency. Call 902-322-2168 or email Michael@CaptainsTravel.Agency." />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Source+Sans+3:wght@400;500;600;700&display=swap" rel="stylesheet" />
<style>
:root {
--navy: #1b3a4a;
--navy-deep: #122833;
--sky: #8ec8d4;
--sky-soft: #c5e4ea;
--gold: #d4a017;
--cream: #f6f1e6;
--ink: #16303c;
--muted: #4d6670;
--white: #fff;
--shadow: 0 16px 40px rgba(18, 40, 51, .14);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: "Source Sans 3", system-ui, sans-serif;
color: var(--ink);
background: var(--cream);
line-height: 1.65;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.wrap { width: min(1100px, calc(100% - 36px)); margin-inline: auto; }
header {
position: sticky; top: 0; z-index: 30;
background: var(--navy-deep);
color: var(--white);
}
.nav {
display: flex; align-items: center; justify-content: space-between;
gap: 16px; padding: 14px 0;
}
.brand { display: flex; align-items: center; gap: 10px; }
.ship-mark {
width: 36px; height: 36px; border-radius: 50%;
background: var(--sky); display: grid; place-items: center;
font-size: 1.1rem;
}
.logo { line-height: 1.1; }
.logo strong {
display: block;
font-family: "Libre Baskerville", Georgia, serif;
letter-spacing: .04em;
font-size: 1.02rem;
}
.logo strong span { color: var(--gold); }
.logo small { color: var(--sky-soft); font-size: .72rem; }
nav { display: flex; gap: 20px; flex-wrap: wrap; }
nav a { font-size: .94rem; color: #d7e8ee; }
nav a:hover { color: var(--gold); }
.btn {
display: inline-flex; align-items: center; justify-content: center;
background: var(--gold); color: var(--navy-deep);
font-weight: 700; border: 0; cursor: pointer;
padding: 12px 18px; border-radius: 999px;
}
.btn.ghost {
background: transparent; color: var(--white);
border: 1px solid rgba(255,255,255,.35);
}
.btn.navy { background: var(--navy); color: var(--white); }
.hero {
min-height: 88vh;
background:
linear-gradient(180deg, rgba(27,58,74,.28) 0%, rgba(18,40,51,.78) 100%),
url("https://images.unsplash.com/photo-1548574505-5e239809ee19?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat;
color: var(--white);
display: grid; place-items: center;
}
.hero-grid {
display: grid; grid-template-columns: 1.15fr .85fr;
gap: 32px; align-items: center; padding: 72px 0 80px;
}
.kicker {
color: var(--gold); font-weight: 700;
letter-spacing: .12em; text-transform: uppercase; font-size: .75rem;
}
.hero h1 {
font-family: "Libre Baskerville", Georgia, serif;
font-size: clamp(2rem, 5vw, 3.6rem);
line-height: 1.12; margin: 10px 0 16px;
}
.hero p { max-width: 540px; font-size: 1.12rem; color: #e7f3f6; }
.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.card {
background: var(--white); color: var(--ink);
border-radius: 18px; padding: 22px; box-shadow: var(--shadow);
}
label { display: block; font-size: .82rem; font-weight: 700; margin: 10px 0 6px; }
input, select, textarea {
width: 100%; padding: 11px 12px; border-radius: 10px;
border: 1px solid #c9d5d8; font: inherit; background: #fff;
}
section { padding: 76px 0; }
h2 {
font-family: "Libre Baskerville", Georgia, serif;
font-size: clamp(1.7rem, 3vw, 2.4rem);
margin: 8px 0 18px;
}
.grid-3, .grid-2 { display: grid; gap: 18px; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-2 { grid-template-columns: 1.1fr .9fr; }
.dest, .pkg {
background: #fff; border-radius: 18px; overflow: hidden; box-shadow: var(--shadow);
}
.dest img, .pkg img { height: 188px; width: 100%; object-fit: cover; }
.dest div, .pkg div { padding: 18px; }
.wave-band {
height: 28px;
background:
radial-gradient(circle at 10px 28px, transparent 10px, var(--navy) 11px) 0 0 / 20px 28px;
}
.about { background: #fff; }
.quotes { display: grid; gap: 14px; }
blockquote {
background: var(--cream); padding: 18px; border-radius: 16px;
border-left: 4px solid var(--gold);
}
.contact-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.contact-box { background: var(--navy); color: #e8f3f6; border-radius: 18px; padding: 24px; }
.contact-box a { color: var(--gold); font-weight: 700; }
footer {
background: var(--navy-deep); color: #c9dce2; padding: 36px 0 22px;
}
.foot { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.ok { color: var(--navy); font-weight: 700; display: none; margin-top: 10px; }
@media (max-width: 880px) {
.hero-grid, .grid-3, .grid-2, .contact-row { grid-template-columns: 1fr; }
nav { display: none; }
}
</style>
</head>
<body>
<header>
<div class="wrap nav">
<a class="brand" href="#">
<span class="ship-mark" aria-hidden="true">🚢</span>
<span class="logo">
<strong>CAPTAINS<span>TRAVEL</span></strong>
<small>.AGENCY · Michael Cormier</small>
</span>
</a>
<nav>
<a href="#cruises">Cruises</a>
<a href="#trips">Trips</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
<a class="btn" href="#plan">Plan a voyage</a>
</div>
</header>
<section class="hero" id="plan">
<div class="wrap hero-grid">
<div>
<p class="kicker">Travel advisor · Cruises first</p>
<h1>A captain’s eye for the right ship, itinerary, and cabin.</h1>
<p>Michael Cormier plans cruises, resorts, and custom vacations. Thirty-five years of cruising, plus a career at sea, goes into every recommendation.</p>
<div class="hero-actions">
<a class="btn" href="tel:+19023222168">Call 902-322-2168</a>
<a class="btn ghost" href="mailto:Michael@CaptainsTravel.Agency">Email Michael</a>
</div>
</div>
<form class="card" id="inquiry">
<h3>Request a cruise or trip plan</h3>
<label>Name</label>
<input name="name" required placeholder="Your name" />
<label>Email</label>
<input type="email" name="email" required placeholder="you@email.com" />
<label>What are you planning?</label>
<select name="type">
<option>Cruise</option>
<option>Resort / hotel stay</option>
<option>Land + cruise</option>
<option>Not sure yet</option>
</select>
<label>Dates, ports, or notes</label>
<textarea name="notes" rows="3" placeholder="Alaska in July, balcony cabin, 2 guests"></textarea>
<button class="btn navy" style="width:100%; margin-top:14px" type="submit">Send to Michael</button>
<p class="ok" id="ok">Opening your email so the request goes to Michael@CaptainsTravel.Agency.</p>
</form>
</div>
</section>
<div class="wave-band"></div>
<section id="cruises">
<div class="wrap">
<p class="kicker">Cruise focus</p>
<h2>Popular voyage styles</h2>
<div class="grid-3">
<article class="dest">
<img src="https://images.unsplash.com/photo-1599640842225-85d111c60e6b?auto=format&fit=crop&w=900&q=80" alt="Caribbean cruise" />
<div>
<h3>Caribbean & Bahamas</h3>
<p>Warm-water weeks, island days, and ships that fit how you like to travel.</p>
</div>
</article>
<article class="dest">
<img src="https://images.unsplash.com/photo-1531176321917-4b2b3b0e3b0a?auto=format&fit=crop&w=900&q=80" alt="Alaska cruise" />
<div>
<h3>Alaska & scenic coasts</h3>
<p>Glacier routes, balcony cabins, and timing that actually matches the season.</p>
</div>
</article>
<article class="dest">
<img src="https://images.unsplash.com/photo-1516483638261-f4dbaf036963?auto=format&fit=crop&w=900&q=80" alt="Mediterranean cruise" />
<div>
<h3>Mediterranean & Europe</h3>
<p>Port-heavy itineraries with time ashore that is worth getting off the ship for.</p>
</div>
</article>
</div>
</div>
</section>
<section id="trips">
<div class="wrap">
<p class="kicker">Also planned</p>
<h2>Not only cruises</h2>
<div class="grid-3">
<article class="pkg">
<img src="https://images.unsplash.com/photo-1571896349842-33c89424de2d?auto=format&fit=crop&w=900&q=80" alt="Resort" />
<div>
<h3>Resorts & hotels</h3>
<p>Beach weeks and city stays when a ship is not the right fit.</p>
</div>
</article>
<article class="pkg">
<img src="https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=900&q=80" alt="Couples trip" />
<div>
<h3>Couples & anniversaries</h3>
<p>Quiet cabins, nicer dining, and itineraries that do not feel packed.</p>
</div>
</article>
<article class="pkg">
<img src="https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=900&q=80" alt="Family vacation" />
<div>
<h3>Families & groups</h3>
<p>Connecting rooms, group dining, and one advisor for the whole booking.</p>
</div>
</article>
</div>
</div>
</section>
<section class="about" id="about">
<div class="wrap grid-2">
<div>
<p class="kicker">Your advisor</p>
<h2>Michael Cormier</h2>
<p>Travel Advisor with CaptainsTravel.Agency, hosted by Atlas Coast Travel Group.</p>
<p style="margin-top:12px">Cruising has been a personal passion for more than 35 years. Before advising travelers, Michael served in the Royal Canadian Navy, worked as a ferry captain and master mariner, and later as a port executive. That background is useful when the question is which ship, which cabin, and whether a port day is worth it.</p>
<p style="margin-top:12px">He also books hotels, resorts, and other vacation travel when a cruise is not the whole trip.</p>
</div>
<div class="quotes">
<blockquote>Independent advice, not a call-center script. You work directly with Michael from the first question to embarkation day.</blockquote>
<blockquote>Ready to book through Atlas Coast? Use Michael’s planner page: <a href="https://myatlasgo.com/michael-cormier" style="color:var(--navy);font-weight:700">myatlasgo.com/michael-cormier</a></blockquote>
</div>
</div>
</section>
<section id="contact">
<div class="wrap">
<p class="kicker">Get in touch</p>
<h2>Start the conversation</h2>
<div class="contact-row">
<div class="contact-box">
<h3>CaptainsTravel.Agency</h3>
<p style="margin:10px 0">Michael Cormier, Travel Advisor</p>
<p>Phone: <a href="tel:+19023222168">902-322-2168</a></p>
<p>Email: <a href="mailto:Michael@CaptainsTravel.Agency">Michael@CaptainsTravel.Agency</a></p>
<p style="margin-top:12px">Atlas Coast Travel Group</p>
</div>
<div class="card">
<p>Prefer to browse first? Michael’s booking page is on Atlas Coast:</p>
<p style="margin:14px 0 18px"><a class="btn navy" href="https://myatlasgo.com/michael-cormier">Open MyAtlas page</a></p>
<p>Replace stock photos with your own cruise shots whenever you have them.</p>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap foot">
<div>
<strong>CaptainsTravel.Agency</strong>
<p>Michael Cormier · Travel Advisor · Atlas Coast Travel Group</p>
</div>
<p>© <span id="y"></span> CaptainsTravel.Agency · 902-322-2168</p>
</div>
</footer>
<script>
document.getElementById("y").textContent = new Date().getFullYear();
document.getElementById("inquiry").addEventListener("submit", function (e) {
e.preventDefault();
const data = Object.fromEntries(new FormData(this));
const body = encodeURIComponent(
`Name: ${data.name}\nEmail: ${data.email}\nType: ${data.type}\nNotes: ${data.notes}`
);
window.location.href =
"mailto:Michael@CaptainsTravel.Agency?subject=" +
encodeURIComponent("Trip request from " + data.name) +
"&body=" + body;
document.getElementById("ok").style.display = "block";
});
</script>
</body>
</html>