Embed

<div class="dt-maps">

  
  <section class="dt-hero">
    <h1>Pattaya Dive Site Maps</h1>

    <p class="dt-lead">
      I’ve created these dive maps to help divers plan safer, smoother dives and better understand
      the layout of each dive site. I’ll keep adding more maps as new sites and updates become available.
    </p>

    <div class="dt-note">
      <strong>Want these maps for your logbook?</strong><br>
      Contact me by email or WhatsApp and I’ll send you the high-resolution / logbook-friendly versions.
      <div class="dt-contact">
        <a class="dt-btn" href="mailto:dennisjansenpattaya@gmail.com">
          📧 Email me
        </a>
        <a class="dt-btn dt-btn-ghost"
           href="https://wa.me/66610794788"
           target="_blank" rel="noopener">
          💬 WhatsApp +66 61 079 4788
        </a>
      </div>
    </div>

    <div class="dt-license">
      <strong>Usage Notice:</strong><br>
      These maps are for <strong>personal / normal use only</strong>. Please <strong>do not sell</strong> or use them commercially.<br>
      If you need a clearer version for your logbook, please contact me and I’ll send it to you.
    </div>

    <div class="dt-tip">
      <strong>Tip:</strong> To see details, use your browser zoom (Ctrl + / Cmd +) or pinch-to-zoom on mobile.
    </div>
  </section>

  
  <section class="dt-gallery" aria-label="Dive map gallery">

    
    <article class="dt-card">
      <img
        src="https://iili.io/f0Osbnf.png"
        alt="Dive map Koh Sak West"
        loading="lazy">
      <div class="dt-card-text">
        <div class="dt-card-title">Koh Sak West</div>
        <div class="dt-card-meta">Max depth ~18m • Open Water / Trydivers</div>
      </div>
    </article>

    
    <article class="dt-card">
      <img
        src="https://iili.io/f0OQ7e9.png"
        alt="Dive map Koh Krok"
        loading="lazy">
      <div class="dt-card-text">
        <div class="dt-card-title">Koh Krok</div>
        <div class="dt-card-meta">Max depth ~18m • Open Water Divers</div>
      </div>
    </article>

    
    <article class="dt-card">
      <img
        src="https://iili.io/fR4rRRa.png"
        alt="Dive map Koh Sak East"
        loading="lazy">
      <div class="dt-card-text">
        <div class="dt-card-title">Koh Sak East</div>
        <div class="dt-card-meta">Max depth ~16m • Open Water / Trydivers</div>
      </div>
    </article>

    
    <article class="dt-card">
      <img
        src="https://iili.io/f0OZi8B.png"
        alt="Dive map South Point"
        loading="lazy">
      <div class="dt-card-text">
        <div class="dt-card-title">South Point</div>
        <div class="dt-card-meta">Max depth ~18m • Open Water / Courses</div>
      </div>
    </article>

    

  </section>

</div>

<style>
  .dt-maps{
    max-width:1100px;
    margin:0 auto;
    padding:20px;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    box-sizing:border-box;
  }

  .dt-hero h1{
    font-size:30px;
    margin:0 0 10px 0;
  }

  .dt-lead{
    line-height:1.6;
    opacity:.9;
    margin:0 0 10px 0;
  }

  .dt-note{
    margin:16px 0;
    padding:14px;
    border-radius:14px;
    background:#f3f3f3;
  }

  .dt-contact{
    margin-top:10px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
  }

  .dt-btn{
    padding:10px 14px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,.2);
    text-decoration:none;
    font-weight:600;
    color:#000;
    background:#fff;
    display:inline-flex;
    align-items:center;
    gap:8px;
  }

  .dt-btn-ghost{
    background:transparent;
  }

  .dt-license{
    font-size:13px;
    padding:12px;
    background:#fafafa;
    border-left:4px solid #999;
    border-radius:10px;
    margin:12px 0 12px 0;
    line-height:1.5;
  }

  .dt-tip{
    font-size:13px;
    padding:12px;
    background:rgba(0,0,0,.03);
    border:1px solid rgba(0,0,0,.10);
    border-radius:10px;
    margin:0 0 20px 0;
    line-height:1.5;
  }

  .dt-gallery{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:14px;
  }

  .dt-card{
    border-radius:16px;
    overflow:hidden;
    border:1px solid rgba(0,0,0,.12);
    background:#fff;
  }

  .dt-card img{
    width:100%;
    height:auto;          /* show full map without cropping */
    display:block;
    background:rgba(0,0,0,.03);
  }

  .dt-card-text{
    padding:12px;
  }

  .dt-card-title{
    font-weight:800;
  }

  .dt-card-meta{
    font-size:13px;
    opacity:.75;
    margin-top:4px;
  }
</style>

Dream Team Divers

Dream Team Divers is a boutique dive team led by an experienced PADI Instructor, offering personalized scuba adventures, specialty training, and eco-focused dive trips across Southeast Asia. Whether y