Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Our Locations - Denny Borges PA</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    /* Efecto flotante elegante */
    .hover-float {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .hover-float:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 18px rgba(0,0,0,0.12);
    }

    /* Ajuste de padding inferior global */
    #locations-main {
      padding-bottom: 1.25rem !important;
    }
    #locations-main > *:last-child {
      margin-bottom: 0 !important;
    }
  </style>
</head>
<body class="bg-slate-50 text-slate-800 font-sans text-[14px] md:text-[15px]">

  <main id="locations-main" class="max-w-7xl mx-auto px-4 pt-8 md:pt-10 pb-6 md:pb-8">

    
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5 md:gap-6">

      
      <div onclick="window.open('https://www.google.com/maps/dir/?api=1&destination=200+South+Andrews+Ave,+Suite+504,+Fort+Lauderdale,+FL+33301','_blank')" 
           class="cursor-pointer bg-white shadow-md border border-slate-200 rounded-xl p-5 hover-float flex flex-col justify-between">
        <img src="https://static.wixstatic.com/media/5bd9e0_d524baad0d084a7ab2ecd56c1a5239a0~mv2.jpg" 
             alt="Fort Lauderdale Office" class="w-full h-32 md:h-36 object-cover rounded-lg mb-3">
        <h2 class="text-md md:text-lg font-bold text-center text-[#0D2C3A]">Downtown Fort Lauderdale, FL</h2>
        <p class="text-xs md:text-sm text-slate-600 text-center mt-2">200 South Andrews Ave, Suite 504<br>Fort Lauderdale, FL 33301</p>
        <div class="flex justify-center mt-3">
          <a href="https://dennyborgespa.youcanbook.me" target="_blank" onclick="event.stopPropagation();"
             class="flex items-center gap-2 px-3 py-1 text-xs font-semibold bg-[#0D2C3A] text-white rounded-lg shadow hover:bg-[#123B4D] transition">
            🗓️ Book Appointment
          </a>
        </div>
      </div>

      
      <div onclick="window.open('https://www.google.com/maps/dir/?api=1&destination=7950+NW+53rd+Street,+Suite+337,+Miami,+FL+33166','_blank')" 
           class="cursor-pointer bg-white shadow-md border border-slate-200 rounded-xl p-5 hover-float flex flex-col justify-between">
        <img src="https://easyoffices.scdn8.secure.raxcdn.com/images/results/global-centre/US15279/1024/15279-1-1024x640.jpg" 
             alt="Doral Office" class="w-full h-32 md:h-36 object-cover rounded-lg mb-3">
        <h2 class="text-md md:text-lg font-bold text-center text-[#0D2C3A]">Doral Miami, FL</h2>
        <p class="text-xs md:text-sm text-slate-600 text-center mt-2">7950 NW 53rd Street, Suite 337<br>Miami, FL 33166</p>
        <div class="flex justify-center mt-3">
          <a href="https://dennyborgespa.youcanbook.me" target="_blank" onclick="event.stopPropagation();"
             class="flex items-center gap-2 px-3 py-1 text-xs font-semibold bg-[#0D2C3A] text-white rounded-lg shadow hover:bg-[#123B4D] transition">
            🗓️ Book Appointment
          </a>
        </div>
      </div>

      
      <div onclick="window.open('https://www.google.com/maps/dir/?api=1&destination=20200+West+Dixie+Highway,+Suite+902,+Aventura,+FL+33180','_blank')" 
           class="cursor-pointer bg-white shadow-md border border-slate-200 rounded-xl p-5 hover-float flex flex-col justify-between">
        <img src="https://www.newofficeamerica.com/images/offices/20200-west-dixie-highway-beacon-tower-suite-902-7713-0.jpg" 
             alt="Aventura Office" class="w-full h-32 md:h-36 object-cover rounded-lg mb-3">
        <h2 class="text-md md:text-lg font-bold text-center text-[#0D2C3A]">Aventura & North Miami</h2>
        <p class="text-xs md:text-sm text-slate-600 text-center mt-2">20200 West Dixie Highway, Suite 902<br>Aventura, FL 33180</p>
        <div class="flex justify-center mt-3">
          <a href="https://dennyborgespa.youcanbook.me" target="_blank" onclick="event.stopPropagation();"
             class="flex items-center gap-2 px-3 py-1 text-xs font-semibold bg-[#0D2C3A] text-white rounded-lg shadow hover:bg-[#123B4D] transition">
            🗓️ Book Appointment
          </a>
        </div>
      </div>

      
      <div onclick="window.open('https://www.google.com/maps/dir/?api=1&destination=4300+Biscayne+Blvd,+Suite+203,+Miami,+FL+33137','_blank')" 
           class="cursor-pointer bg-white shadow-md border border-slate-200 rounded-xl p-5 hover-float flex flex-col justify-between">
        <img src="https://images1.loopnet.com/i2/ZzfyzKcSmLdKUOB15YSncWyH82bNeQXctD0gbGE-K-I/112/image.jpg" 
             alt="Downtown Miami Office" class="w-full h-32 md:h-36 object-cover rounded-lg mb-3">
        <h2 class="text-md md:text-lg font-bold text-center text-[#0D2C3A]">Downtown Miami | Wynwood</h2>
        <p class="text-xs md:text-sm text-slate-600 text-center mt-2">4300 Biscayne Blvd, Suite 203<br>Miami, FL 33137</p>
        <div class="flex justify-center mt-3">
          <a href="https://dennyborgespa.youcanbook.me" target="_blank" onclick="event.stopPropagation();"
             class="flex items-center gap-2 px-3 py-1 text-xs font-semibold bg-[#0D2C3A] text-white rounded-lg shadow hover:bg-[#123B4D] transition">
            🗓️ Book Appointment
          </a>
        </div>
      </div>

    </div>

    
    <section class="mt-12 md:mt-14">
      <h2 class="text-lg md:text-xl font-bold text-center text-[#0D2C3A] mb-6">What Our Clients Say</h2>
      <div class="grid grid-cols-1 md:grid-cols-3 gap-5 md:gap-6">

        <div class="bg-white border border-slate-200 shadow-md rounded-lg p-5 hover-float">
          <p class="text-[13px] md:text-sm text-slate-600 italic">
            “The Doral office team was amazing! They explained the process clearly and I received updates every step of the way.”
          </p>
          <p class="mt-3 text-xs font-semibold text-[#0D2C3A]">— Maria R., Miami FL</p>
        </div>

        <div class="bg-white border border-slate-200 shadow-md rounded-lg p-5 hover-float">
          <p class="text-[13px] md:text-sm text-slate-600 italic">
            “I visited the Fort Lauderdale office and the staff treated me like family. Very professional and efficient.”
          </p>
          <p class="mt-3 text-xs font-semibold text-[#0D2C3A]">— James T., Fort Lauderdale FL</p>
        </div>

        <div class="bg-white border border-slate-200 shadow-md rounded-lg p-5 hover-float">
          <p class="text-[13px] md:text-sm text-slate-600 italic">
            “The Aventura office is so convenient and modern. I was able to book online and finish my paperwork quickly.”
          </p>
          <p class="mt-3 text-xs font-semibold text-[#0D2C3A]">— Stephanie L., Aventura FL</p>
        </div>

      </div>
    </section>

  </main>

</body>
</html>

Denny Borges PA