Archive

Home / Practice
Dolphin/Shelling Cruise

This 3 hour Private tour for up to 6 guests will take you through the calm waters...
Sunset Tours

Unwind as the day fades on a peaceful 90 minute sunset cruise through the calm...
<style>
  .tte-global-footer {
    --tte-footer-bg: #226875;
    --tte-footer-border: rgba(255, 255, 255, 0.08);
    --tte-footer-text: rgba(255, 255, 255, 0.92);
    --tte-footer-soft: rgba(255, 255, 255, 0.82);
    --tte-footer-circle: rgba(255, 255, 255, 0.12);

    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: var(--tte-footer-bg);
    color: var(--tte-footer-text);
    font-family: Arial, Helvetica, sans-serif;
  }

  .tte-global-footer * {
    box-sizing: border-box;
  }

  .tte-footer-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 66px 28px 58px;
    display: grid;
    grid-template-columns: 1.2fr 0.85fr 1fr;
    gap: 72px;
    align-items: start;
  }

  .tte-footer-heading {
    margin: 0 0 16px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    line-height: 1.25;
    font-weight: 400;
  }

  .tte-footer-copy {
    margin: 0;
    max-width: 390px;
    color: var(--tte-footer-soft);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.55;
  }

  .tte-footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .tte-footer-list li {
    margin: 0 0 10px;
    color: var(--tte-footer-soft);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.35;
  }

  .tte-footer-contact-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 12px;
  }

  .tte-footer-contact-icon {
    width: 18px;
    flex: 0 0 18px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
  }

  .tte-footer-contact-link {
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    text-decoration: none !important;
  }

  .tte-footer-contact-link:hover {
    text-decoration: underline !important;
  }

  .tte-footer-socials {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 24px;
  }

  .tte-footer-social {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: var(--tte-footer-circle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, background 0.2s ease;
  }

  .tte-footer-social:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.2);
  }

  .tte-footer-social svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    display: block;
  }

  .tte-footer-bottom {
    border-top: 1px solid var(--tte-footer-border);
    padding: 25px 24px 27px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
  }

  @media (max-width: 980px) {
    .tte-footer-inner {
      grid-template-columns: 1fr;
      gap: 38px;
      padding-top: 54px;
      padding-bottom: 48px;
    }

    .tte-footer-copy {
      max-width: 100%;
    }
  }

  @media (max-width: 560px) {
    .tte-footer-inner {
      padding-left: 20px;
      padding-right: 20px;
    }

    .tte-footer-heading {
      font-size: 21px;
    }

    .tte-footer-copy,
    .tte-footer-list li,
    .tte-footer-contact-link {
      font-size: 15px;
    }

    .tte-footer-bottom {
      padding-left: 20px;
      padding-right: 20px;
      font-size: 13px;
    }
  }
</style>

<footer class="tte-global-footer">
  <div class="tte-footer-inner">
    <div class="tte-footer-column">
      <h3 class="tte-footer-heading">Tide &amp; True Excursions</h3>
      <p class="tte-footer-copy">
        Private dolphin, shelling and sunset boat tours along Southwest Florida's most beautiful coast.
      </p>
    </div>

    <div class="tte-footer-column">
      <h3 class="tte-footer-heading">Service Areas</h3>
      <ul class="tte-footer-list">
        <li>Bonita Springs</li>
        <li>Naples</li>
        <li>Fort Myers Beach</li>
        <li>Ft Myers</li>
        <li>Marco Island</li>
      </ul>
    </div>

    <div class="tte-footer-column">
      <h3 class="tte-footer-heading">Get In Touch</h3>

      <div class="tte-footer-contact-row">
        <span class="tte-footer-contact-icon"></span>
        <a class="tte-footer-contact-link" href="tel:+12395712815">
          239-571-2815
        </a>
      </div>

      <div class="tte-footer-contact-row">
        <span class="tte-footer-contact-icon"></span>
        <a class="tte-footer-contact-link" href="mailto:tammy@tideandtrueexcursions.com">
          tammy@tideandtrueexcursions.com
        </a>
      </div>

      <div class="tte-footer-socials">
        <a
          class="tte-footer-social"
          href="https://www.facebook.com/tideandtrueexcursions/"
          target="_blank"
          rel="noopener noreferrer"
          aria-label="Tide and True Excursions on Facebook"
        >
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M13.5 22v-8h2.75l.41-3H13.5V9.08c0-.87.24-1.46 1.49-1.46H16.8V4.94c-.31-.04-1.38-.14-2.63-.14-2.6 0-4.38 1.59-4.38 4.51V11H6.85v3h2.94v8h3.71Z"/>
          </svg>
        </a>

        <a
          class="tte-footer-social"
          href="https://www.instagram.com/tideandtrueexcursions/"
          target="_blank"
          rel="noopener noreferrer"
          aria-label="Tide and True Excursions on Instagram"
        >
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9a5.5 5.5 0 0 1-5.5 5.5h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2Zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9a3.5 3.5 0 0 0 3.5-3.5v-9A3.5 3.5 0 0 0 16.5 4h-9Zm10.25 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z"/>
          </svg>
        </a>
      </div>
    </div>
  </div>

  <div class="tte-footer-bottom">
    © 2026 Tide &amp; True Excursions. All rights reserved.
  </div>
</footer>