Banner

Fast & Compassionate Veterinary Care

Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Anchorpoint Veterinary Solutions, PLLC</title>
  <meta name="description" content="Providing Quality Veterinary Relief & Consulting Services. More services coming soon." />
  <style>
    :root{
      --ink:#0f172a;
      --muted:#475569;
      --bg:#ffffff;
      --card:#f8fafc;
      --line:#e2e8f0;
      --accent:#0ea5e9;
      --accent2:#22c55e;
      --radius:18px;
      --shadow: 0 10px 30px rgba(2,6,23,.08);
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color:var(--ink);
      background:var(--bg);
      line-height:1.45;
    }
    a{color:inherit}
    .wrap{
      width:100%;
      max-width:none;
      margin:0;
      padding:0 22px; /* side padding like your screenshot */
    }
    .inner{
      max-width:1400px;
      margin:0 auto;
      padding:24px 0;
    }
    .nav{
      display:flex; align-items:center; justify-content:space-between;
      gap:16px; padding:10px 0 18px;
    }
    .brand{
      display:flex; align-items:center; gap:12px; text-decoration:none;
    }
    .logo{
      width:42px; height:42px; border-radius:12px;
      background:linear-gradient(135deg, var(--accent), #f59e0b);
      box-shadow: var(--shadow);
    }
    .brand b{font-size:16px}
    .brand span{display:block; font-size:12px; color:var(--muted)}
    .navlinks{display:flex; gap:14px; flex-wrap:wrap}
    .navlinks a{
      text-decoration:none; font-size:13px; color:var(--muted);
      padding:8px 10px; border-radius:10px;
    }
    .navlinks a:hover{background:var(--card); color:var(--ink)}

    .hero{
      display:grid;
      grid-template-columns: 1.2fr 1fr;
      gap:22px;
      align-items:stretch;
      padding:18px 0 10px;
    }
    .hero-card{
      background:var(--card);
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:26px;
      box-shadow: var(--shadow);
    }
    .kicker{
      font-size:12px;
      color:var(--muted);
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:10px;
    }
    h1{
      margin:0 0 12px;
      font-size:40px;
      letter-spacing:-.02em;
      line-height:1.1;
    }
    .sub{
      color:var(--muted);
      margin:0 0 18px;
      font-size:15px;
      max-width: 60ch;
    }
    .badges{
      display:flex; gap:10px; flex-wrap:wrap; margin:14px 0 18px;
    }
    .badge{
      font-size:12px; color:var(--ink);
      background:#fff; border:1px solid var(--line);
      padding:8px 12px; border-radius:999px;
      display:inline-flex; align-items:center; gap:8px;
    }

    .cta-row{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top:16px;
    }
    .btn{
      display:inline-flex; align-items:center; justify-content:center;
      gap:10px;
      padding:14px 16px;
      border-radius:14px;
      border:1px solid var(--line);
      background:#fff;
      text-decoration:none;
      font-weight:700;
      font-size:14px;
      cursor:pointer;
      transition: transform .04s ease, box-shadow .15s ease, background .15s ease;
      box-shadow: 0 6px 18px rgba(2,6,23,.06);
      min-height: 48px;
    }
    .btn:hover{transform: translateY(-1px)}
    .btn.primary{
      background:linear-gradient(135deg, var(--accent), var(--accent2));
      border:0;
      color:#fff;
    }
    .btn.ghost{
      background:#fff;
      color:var(--ink);
    }

    .note{
      margin-top:16px;
      background:#fff7ed;
      border:1px solid #fed7aa;
      border-radius:14px;
      padding:12px 14px;
      color:var(--muted);
      font-size:13px;
    }

    .hero-media{
      border-radius:var(--radius);
      overflow:hidden;
      border:1px solid var(--line);
      box-shadow: var(--shadow);
      background:#fff;
      display:flex;
      min-height: 420px;
    }
    .hero-media img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }

    .section{
      padding:18px 0;
    }
    .card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:18px;
      box-shadow: 0 10px 30px rgba(2,6,23,.05);
    }
    .two-col{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:16px;
    }
    .card h2{margin:0 0 8px; font-size:18px}
    .card p{margin:0; color:var(--muted); font-size:14px}
    ul{margin:10px 0 0; padding-left:18px; color:var(--muted); font-size:14px}
    .footer{
      margin-top:18px;
      padding:18px 0 28px;
      border-top:1px solid var(--line);
      color:var(--muted);
      font-size:12px;
    }

    @media (max-width: 980px){
      .hero{grid-template-columns:1fr}
      .hero-media{min-height: 280px}
      .two-col{grid-template-columns:1fr}
      h1{font-size:34px}
    }
  </style>
</head>

<body>
  <div class="wrap">
    <div class="inner">

      
      <div class="nav">
        <a class="brand" href="#top" aria-label="Anchorpoint Veterinary Solutions">
          <div class="logo" aria-hidden="true"></div>
          <div>
            <b>Anchorpoint Veterinary Solutions, PLLC</b>
            <span>Veterinary Relief & Consulting</span>
          </div>
        </a>

        <div class="navlinks">
          <a href="#services">Services</a>
          <a href="#status">Status</a>
          <a href="#contact">Contact</a>
        </div>
      </div>

      
      <div id="top" class="hero">
        <div class="hero-card">
          <div class="kicker">Help at your convenience</div>

          <h1>Providing Quality Veterinary Relief &amp; Consulting Services</h1>

          <p class="sub">
            
          </p>

          <div class="badges">
            <div class="badge">✅ Relief veterinary support</div>
            <div class="badge">✅ Consulting &amp; guidance</div>
            <div class="badge">✅ Professional, responsive</div>
            <div class="badge">⏳ More services coming soon</div>
          </div>

          <div class="cta-row">
            
            <a class="btn primary" href="#contact">
              📩 Contact / Request Info
            </a>
            <a class="btn ghost" href="#status">
              🏷️ Current Service Status
            </a>
          </div>

          <div class="note" id="status">
            <b>
          </div>
        </div>

        <div class="hero-media" aria-label="Veterinary telemedicine image">
          
          <img src="https://cdn.durable.co/blocks/37vPdudheLyb46rx5KlTOZYw07zZV0s5SxbBt0QyPV4iUxkhpuXFr1lRjw9ozfsW.jpg" alt="Veterinarian with happy client and doodle dog in a clinic setting" />
        </div>
      </div>

      
      <div id="services" class="section">
        <div class="two-col">
          <div class="card">
            <h2>

      
      <div id="contact" class="section">
        <div class="card">
          <h2>Contact</h2>
          <p>
            Want to connect or request information? Email is the best way for now.
            (Update this section with your preferred contact details.)
          </p>
          <ul>
            <li><b>Email:</b> DrW@anchorpoint.vet</li>
            <li><b>Phone/Text:</b> (239) 493-180</li>
            <li><b>Website:</b> anchorpoint.vet</li>
          </ul>
        </div>
      </div>

      
      <div class="footer">
        <div>
          © <span id="year"></span> Anchorpoint Veterinary Solutions, PLLC • All rights reserved
        </div>
      </div>

    </div>
  </div>

  <script>
    document.getElementById("year").textContent = new Date().getFullYear();
  </script>
</body>
</html>

Anchorpoint Veterinary Solutions

Fast & Compassionate Veterinary Care

Providing Quality Veterinary Relief & Consulting Services

Contact

Want to connect or request information? Email is the best way for now. (Update this section with your preferred contact details.)

Email: [email protected]

Phone/Text: (239) 493-180

Website: anchorpoint.vet

© Anchorpoint Veterinary Solutions, PLLC • All rights reserved

Contact

Get Fast, Friendly Help from the Comfort of Your Home

Fast & Compassionate Veterinary Care

Providing Quality Veterinary Relief & Consulting Services

Contact Want to connect or request information? Email is the best way for now. (Update this section with your preferred contact details.) Email: [email protected] Phone/Text: (239) 493-180 Website: anchorpoint.vet © Anchorpoint Veterinary Solutions, PLLC • All rights reserved

Contact

Get Fast, Friendly Help from the Comfort of Your Home

Contact

Want to connect or request information? Email is the best way for now. (Update this section with your preferred contact details.)

Email: [email protected]

Phone/Text: (239) 493-180

Website: anchorpoint.vet

© Anchorpoint Veterinary Solutions, PLLC • All rights reserved