<!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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>