Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Documents – Denny Borges PA</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    body { font-family: 'Inter', sans-serif; }
    .btn-gradient {
      background: linear-gradient(135deg, #0D2C3A, #1E4D6B);
      color: #fff;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .btn-gradient:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .card {
      border-radius: 1rem;
      background: #fff;
      border: 1px solid #e5e7eb;
      padding: 1.2rem;
      transition: transform 0.2s, box-shadow 0.2s;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .card:hover {
      transform: translateY(-4px);
      box-shadow: 0 6px 16px rgba(0,0,0,0.08);
    }
    .card h2 {
      font-size: 1.15rem;
      font-weight: 700;
      color: #0D2C3A;
      margin-bottom: .5rem;
    }
    .card p {
      font-size: .9rem;
      color: #4b5563;
      line-height: 1.45;
    }
  </style>
</head>
<body class="bg-gradient-to-br from-slate-50 to-slate-100 text-slate-800">

  <main class="max-w-7xl mx-auto px-4 py-12">

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

      
      <div class="card">
        <img src="https://www.usbirthcertificates.com/user/sites/www.usbirthcertificates.com/pages/articles/what-is-a-birth-certificate/certificate-live-birth-vital-record.jpg" alt="Birth Certificate" class="rounded-lg w-full h-32 object-cover mb-4">
        <h2>Birth Certificate</h2>
        <p>An official certified copy of your Birth Certificate, valid for immigration processes, school enrollment, social security benefits, passports, and other legal or personal identification purposes.</p>
        <button onclick="openPayment('https://secure.lawpay.com/pages/dennyborgespa/birth-certificate-1')" class="mt-4 btn-gradient px-4 py-2 rounded-lg text-sm font-semibold text-center w-full">
          Order Now
        </button>
      </div>

      
      <div class="card">
        <img src="https://cdn.sanity.io/images/zzw4zduo/production/73847723d7bb541c7e6bade9b44171ba09b2ffaf-3400x2257.jpg?rect=1,0,3399,2257&w=1500&h=996&auto=format" alt="Death Certificate" class="rounded-lg w-full h-32 object-cover mb-4">
        <h2>Death Certificate</h2>
        <p>Certified Death Certificate required for probate cases, insurance claims, estate settlement, pensions, and legal verifications regarding a loved one’s passing.</p>
        <button onclick="openPayment('https://secure.lawpay.com/pages/dennyborgespa/death-certificate-2')" class="mt-4 btn-gradient px-4 py-2 rounded-lg text-sm font-semibold text-center w-full">
          Order Now
        </button>
      </div>

      
      <div class="card">
        <img src="https://swordbooks.com/cdn/shop/products/BCE114-800.jpg?v=1607572588" alt="Marriage Certificate" class="rounded-lg w-full h-32 object-cover mb-4">
        <h2>Marriage Certificate</h2>
        <p>Certified proof of marriage required for immigration cases, spousal benefits, adoption, name changes, legal documentation, and personal records.</p>
        <button onclick="openPayment('https://secure.lawpay.com/pages/dennyborgespa/marriage-certificate-3')" class="mt-4 btn-gradient px-4 py-2 rounded-lg text-sm font-semibold text-center w-full">
          Order Now
        </button>
      </div>

      
      <div class="card">
        <img src="https://images.template.net/476557/Divorce-Certificate-Template-edit-online.png" alt="Divorce Certificate" class="rounded-lg w-full h-32 object-cover mb-4">
        <h2>Divorce Certificate</h2>
        <p>Official Divorce Certificate needed for remarriage applications, property settlements, legal name changes, and to update records with government agencies.</p>
        <button onclick="openPayment('https://secure.lawpay.com/pages/dennyborgespa/divorce-certificate-4')" class="mt-4 btn-gradient px-4 py-2 rounded-lg text-sm font-semibold text-center w-full">
          Order Now
        </button>
      </div>

      
      <div class="card">
        <img src="https://www.soup.io/wp-content/uploads/2022/08/Certified-Translation-What-Does-It-Mean.png" alt="Certified Translations" class="rounded-lg w-full h-32 object-cover mb-4">
        <h2>Certified Translations</h2>
        <p>Professional certified translations (English ⇄ Spanish) accepted by USCIS, courts, universities, and government agencies for immigration, contracts, and official purposes.</p>
        <button onclick="openPayment('https://secure.lawpay.com/pages/dennyborgespa/translation-5')" class="mt-4 btn-gradient px-4 py-2 rounded-lg text-sm font-semibold text-center w-full">
          Request Translation
        </button>
      </div>

      
      <div class="card">
        <img src="https://onestoplegaldocumentservices.com/wp-content/uploads/2024/08/Apostille-Legalization.jpg" alt="Apostille & Legalization" class="rounded-lg w-full h-32 object-cover mb-4">
        <h2>Apostille & Legalization</h2>
        <p>Authenticate documents for international use with Apostille certification or consular legalization. Required for foreign governments, study abroad, and international business.</p>
        <button onclick="openPayment('https://secure.lawpay.com/pages/dennyborgespa/apostille-6')" class="mt-4 btn-gradient px-4 py-2 rounded-lg text-sm font-semibold text-center w-full">
          Request Apostille
        </button>
      </div>

      
      <div class="card">
        <img src="https://blog.enotaryoncall.com/wp-content/uploads/2023/03/overcome-the-challenges-you-face-while-choosing-remote-online-notarization.jpg" alt="Remote Online Notary" class="rounded-lg w-full h-32 object-cover mb-4">
        <h2>Remote Online Notary</h2>
        <p>Get your documents notarized online through a secure video platform. Fast, legal, and valid nationwide. Perfect for urgent cases, travel restrictions, or convenience.</p>
        <button onclick="openPayment('https://secure.lawpay.com/pages/dennyborgespa/notary-7')" class="mt-4 btn-gradient px-4 py-2 rounded-lg text-sm font-semibold text-center w-full">
          Book Online Notary
        </button>
      </div>

      
      <div class="card">
        <img src="https://dph.sbcounty.gov/wp-content/uploads/sites/7/2017/03/certifiedCopy.png" alt="Certified Copies" class="rounded-lg w-full h-32 object-cover mb-4">
        <h2>Certified Copies</h2>
        <p>Request certified copies of legal documents such as court orders, property deeds, contracts, and vital records for use in official proceedings.</p>
        <button onclick="openPayment('https://secure.lawpay.com/pages/dennyborgespa/copies-8')" class="mt-4 btn-gradient px-4 py-2 rounded-lg text-sm font-semibold text-center w-full">
          Request Copies
        </button>
      </div>

    </div>

    
    <div class="flex justify-left mt-12">
      <button onclick="openPayment('https://secure.lawpay.com/pages/dennyborgespa/operating-90')" 
         class="btn-gradient px-8 py-3 rounded-full shadow-md font-semibold text-sm">
        💳 Make a General Payment
      </button>
    </div>
  </main>

  
  <script>
    function openPayment(url) {
      const width = 550;
      const height = 700;
      const left = (window.innerWidth - width) / 2;
      const top = (window.innerHeight - height) / 2;

      const paymentWindow = window.open(
        url,
        'LawPayWindow',
        `width=${width},height=${height},top=${top},left=${left},resizable=no,scrollbars=yes,status=no`
      );

      const checkInterval = setInterval(() => {
        if (paymentWindow.closed) {
          clearInterval(checkInterval);
          window.location.href = '/'; // vuelve al Home
        }
      }, 500);
    }
  </script>

</body>
</html>

Denny Borges PA