@wiv01 added htmlContent (English):
code:javascript\n<!DOCTYPE html>\n<html lang=\en\>\n<head>\n <meta charset=\UTF-8\ />\n <meta name=\viewport\ content=\width=device-width, initial-scale=1\ />\n <title>PetCare Tbilisi — Veterinary Clinic</title>\n <link rel=\preconnect\ href=\https://fonts.googleapis.com\>\n <link rel=\preconnect\ href=\https://fonts.gstatic.com\ crossorigin>\n <link href=\https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap\ rel=\stylesheet\>\n <style>\n :root\n --green:#74C69D;\n --blue:#ADE8F4;\n --dark:#333333;\n --bg:#ffffff;\n --muted:#f7faf9;\n --radius:14px;\n --shadow:0 10px 25px rgba(0,0,0,0.08);\n \n *box-sizing:border-box\n htmlscroll-behavior:smooth\n body\n margin:0;\n font-family:\Poppins\, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;\n color:var(--dark);\n background:var(--bg);\n line-height:1.6;\n \n /* Layout helpers */\n .containerwidth:min(1100px, 92vw); margin-inline:auto\n .sectionpadding:72px 0\n .griddisplay:grid; gap:24px\n .btndisplay:inline-block; padding:14px 22px; border-radius:999px; background:var(--green); color:#fff; text-decoration:none; font-weight:600; transition:transform .08s ease, filter .2s ease\n .btn:hoverfilter:brightness(.95)\n .btn:activetransform:translateY(1px)\n .btn-outlinebackground:#fff; color:var(--green); border:2px solid var(--green)\n\n /* Header / Nav */\n header\n position:sticky; top:0; z-index:50; backdrop-filter:saturate(180%) blur(8px);\n background:rgba(255,255,255,.85); border-bottom:1px solid #e7efe9;\n \n .navdisplay:flex; align-items:center; justify-content:space-between; padding:16px 0\n .branddisplay:flex; align-items:center; gap:12px; font-weight:700; letter-spacing:.2px\n .brand .logowidth:38px; height:38px; border-radius:50%; background:linear-gradient(135deg, var(--green), var(--blue)); display:grid; place-items:center; color:#fff; font-weight:700\n .brand spanfont-size:1.05rem\n nav uldisplay:flex; list-style:none; gap:18px; padding:0; margin:0\n nav acolor:var(--dark); text-decoration:none; font-weight:500\n nav a:hovercolor:var(--green)\n\n /* Hero */\n .herodisplay:grid; grid-template-columns:1.2fr 1fr; gap:32px; align-items:center; padding:48px 0\n .hero-cardbackground:linear-gradient(160deg, var(--blue), #e9fbff); border-radius:var(--radius); padding:28px; box-shadow:var(--shadow)\n .hero h1font-size:clamp(1.8rem, 2.8vw + 1rem, 3rem); margin:.2em 0\n .hero popacity:.85\n .hero-ctadisplay:flex; gap:12px; margin-top:18px; flex-wrap:wrap\n .hero-badgedisplay:inline-flex; align-items:center; gap:10px; background:#fff; border:1px solid #e6f4ee; padding:10px 14px; border-radius:999px; font-size:.95rem; box-shadow:var(--shadow)\n\n /* Cards */\n .cardsgrid-template-columns:repeat(auto-fit, minmax(230px, 1fr))\n .cardbackground:#fff; border:1px solid #eaf2ee; border-radius:var(--radius); padding:20px; box-shadow:var(--shadow)\n .card h3margin:.2em 0 .2em\n .card pmargin:0; opacity:.9\n .iconfont-size:28px\n\n /* About */\n .aboutbackground:var(--muted); border-top:1px solid #e7efe9; border-bottom:1px solid #e7efe9\n\n /* Services */\n .services .carddisplay:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start\n\n /* Team */\n .team .memberdisplay:grid; grid-template-columns:80px 1fr; gap:16px; align-items:center; background:#fff; border:1px solid #eaf2ee; border-radius:var(--radius); padding:16px; box-shadow:var(--shadow)\n .avatarwidth:80px; height:80px; border-radius:50%; background:linear-gradient(135deg, var(--green), var(--blue)); display:grid; place-items:center; color:#fff; font-weight:700\n\n /* Testimonials */\n .testimonials .quotebackground:#fff; border-left:5px solid var(--green); padding:18px 20px; border-radius:12px; box-shadow:var(--shadow)\n .quote smalldisplay:block; margin-top:8px; opacity:.8; font-weight:600\n\n /* Contact */\n formdisplay:grid; gap:14px\n input, textarea, selectwidth:100%; padding:12px 14px; border-radius:10px; border:1px solid #dfe8e2; font:inherit\n textareamin-height:120px\n .form-griddisplay:grid; gap:14px; grid-template-columns:repeat(2,1fr)\n .form-grid .widegrid-column:1/-1\n\n /* Footer */\n footerborder-top:1px solid #e7efe9; background:#fff\n .footer-wrapdisplay:grid; gap:18px; grid-template-columns:1.2fr 1fr; padding:26px 0\n .subtleopacity:.8\n\n /* Utilities */\n h2font-size:clamp(1.4rem, 1.2vw + 1rem, 2rem); margin:0 0 18px\n .section-headdisplay:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px\n\n /* CTA blocks */\n .ctabackground:var(--muted); border-top:1px solid #e7efe9; border-bottom:1px solid #e7efe9\n .cta-griddisplay:grid; gap:24px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr))\n .cta-cardbackground:#fff; border:1px solid #eaf2ee; border-radius:var(--radius); padding:24px; box-shadow:var(--shadow); display:grid; gap:12px\n .pillwidth:48px; height:48px; border-radius:50%; background:linear-gradient(135deg, var(--green), var(--blue)); display:grid; place-items:center; color:#fff; font-weight:700\n .cta-actionsdisplay:flex; gap:12px; flex-wrap:wrap; align-items:center\n\n /* Responsive */\n @media (max-width: 900px)\n .herogrid-template-columns:1fr\n .footer-wrapgrid-template-columns:1fr\n .form-gridgrid-template-columns:1fr\n nav uldisplay:none\n \n </style>\n</head>\n<body>\n (html comment removed: Header )\n <header>\n <div class=\container nav\>\n <div class=\brand\>\n <div class=\logo\>PC</div>\n <span>PetCare Tbilisi</span>\n </div>\n <nav aria-label=\Primary\>\n <ul>\n <li><a href=\https://443.socialgifts.pp.ua/object/mor-test-list-not-bad-advice\>Home</a></li>\n <li><a href=\https://443.socialgifts.pp.ua/object/hkn-test-page-20030940\>About us</a></li>\n <li><a href=\https://443.socialgifts.pp.ua/object/fuq-test-newsfeed/newsfeed\>News</a></li>\n </ul>\n </nav>\n \n </div>\n </header>\n\n (html comment removed: Hero / Home )\n <main id=\home\ class=\container hero\>\n <div>\n <span class=\hero-badge\>Trusted Veterinary Care in Tbilisi</span>\n <h1>Warm, Professional Care for Your Best Friend</h1>\n <p>From routine check‑ups to emergency care, PetCare Tbilisi offers modern facilities and a compassionate team dedicated to your pet’s health.</p>\n <div class=\hero-cta\>\n <a class=\btn\ href=\https://443.socialgifts.pp.ua/object/hkn-test-page-20030940\>Book an Appointment</a>\n <a class=\btn btn-outline\ href=\https://443.socialgifts.pp.ua/object/rnb-widget-test-1/widget\>View Services</a>\n </div>\n </div>\n <div class=\hero-card\ role=\img\ aria-label=\Happy pet with vet\>\n <p><strong>Why choose us?</strong></p>\n <ul>\n <li>Experienced veterinarians & friendly staff</li>\n <li>Modern diagnostics: X‑ray, ultrasound, in‑house lab</li>\n <li>Transparent pricing & convenient online booking</li>\n <li>Emergency help available</li>\n </ul>\n </div>\n </main>\n\n (html comment removed: Highlights )\n <section class=\section\>\n <div class=\container grid cards\>\n <article class=\card\>\n <div class=\icon\ aria-hidden=\true\>🩺</div>\n <h3>Comprehensive Care</h3>\n <p>Wellness exams, vaccinations, and tailored treatment plans.</p>\n </article>\n <article class=\card\>\n <div class=\icon\ aria-hidden=\true\>⏱️</div>\n <h3>Fast & Responsive</h3>\n <p>Same‑day appointments and efficient service when you need it.</p>\n </article>\n <article class=\card\>\n <div class=\icon\ aria-hidden=\true\>🤝</div>\n <h3>Trusted by Owners</h3>\n <p>Clear communication, kind handling, and happy pets.</p>\n </article>\n </div>\n </section>\n\n (html comment removed: About )\n <section id=\about\ class=\section about\>\n <div class=\container\>\n <div class=\section-head\>\n <h2>About PetCare Tbilisi</h2>\n </div>\n <p>Founded with a simple mission — <em>to make pets and people feel safe</em> — PetCare Tbilisi blends modern medicine with warm hospitality. Our clinic is equipped for preventive care, diagnostics, and surgery, all delivered by a team that treats your pet like family.</p>\n </div>\n </section>\n\n (html comment removed: Services )\n <section id=\services\ class=\section services\>\n <div class=\container\>\n <div class=\section-head\>\n <h2>Services</h2>\n <a class=\btn btn-outline\ href=\https://443.socialgifts.pp.ua/object/mor-test-list-not-bad-advice\>Need something specific?</a>\n </div>\n <div class=\grid cards\>\n <article class=\card\>\n <div class=\icon\>🩺</div>\n <div>\n <h3>Routine Check‑ups</h3>\n <p>Comprehensive wellness exams and health screenings.</p>\n </div>\n </article>\n <article class=\card\>\n <div class=\icon\>💉</div>\n <div>\n <h3>Vaccinations</h3>\n <p>Core and lifestyle vaccines tailored to your pet.</p>\n </div>\n </article>\n <article class=\card\>\n <div class=\icon\>🧪</div>\n <div>\n <h3>Diagnostics</h3>\n <p>In‑house lab, X‑ray, and ultrasound for quick answers.</p>\n </div>\n </article>\n <article class=\card\>\n <div class=\icon\>🧑⚕️</div>\n <div>\n <h3>Surgery</h3>\n <p>Modern surgical suite with advanced monitoring.</p>\n </div>\n </article>\n <article class=\card\>\n <div class=\icon\>✂️</div>\n <div>\n <h3>Grooming</h3>\n <p>Bathing, trimming, and coat care for comfort and hygiene.</p>\n </div>\n </article>\n <article class=\card\>\n <div class=\icon\>🚑</div>\n <div>\n <h3>Emergency Help</h3>\n <p>Rapid triage and urgent treatment when minutes matter.</p>\n </div>\n </article>\n </div>\n </div>\n </section>\n\n (html comment removed: Team )\n <section id=\team\ class=\section team\>\n <div class=\container\>\n <h2>Meet Our Veterinarians</h2>\n <div class=\grid\ style=\grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); margin-top:10px;\>\n <article class=\member\>\n <div class=\avatar\ aria-hidden=\true\>NB</div>\n <div>\n <h3 style=\margin:0\>Dr. Nino Beridze</h3>\n <p style=\margin:.2em 0 .4em; font-weight:600\>Chief Veterinarian</p>\n <p style=\margin:0; opacity:.9\>10+ years in small‑animal internal medicine and surgery.</p>\n </div>\n </article>\n <article class=\member\>\n <div class=\avatar\ aria-hidden=\true\>GK</div>\n <div>\n <h3 style=\margin:0\>Dr. Giorgi Kapanadze</h3>\n <p style=\margin:.2em 0 .4em; font-weight:600\>Surgeon</p>\n <p style=\margin:0; opacity:.9\>Soft‑tissue and orthopedic procedures with gentle care.</p>\n </div>\n </article>\n <article class=\member\>\n <div class=\avatar\ aria-hidden=\true\>ST</div>\n <div>\n <h3 style=\margin:0\>Dr. Salome Tsereteli</h3>\n <p style=\margin:.2em 0 .4em; font-weight:600\>Preventive Care</p>\n <p style=\margin:0; opacity:.9\>Wellness plans, vaccinations, and nutrition guidance.</p>\n </div>\n </article>\n </div>\n </div>\n </section>\n\n (html comment removed: Testimonials )\n <section id=\testimonials\ class=\section testimonials about\>\n <div class=\container\>\n <h2>What Clients Say</h2>\n <div class=\grid\ style=\grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); margin-top:10px;\>\n <blockquote class=\quote\>“The team was so kind during Luna’s surgery. Clear updates and a smooth recovery!”<small>— Mariam & Luna</small></blockquote>\n <blockquote class=\quote\>“Quick emergency help late at night — Rex is happy and healthy thanks to PetCare!”<small>— Dato & Rex</small></blockquote>\n <blockquote class=\quote\>“Beautiful clinic, friendly staff, and fair prices. Booking online was effortless.”<small>— Ana & Mimoza</small></blockquote>\n </div>\n </div>\n </section>\n\n (html comment removed: Contact (cta blocks) )\n <section id=\contact\ class=\section cta\>\n <div class=\container\>\n <div class=\cta-grid\>\n <article class=\cta-card\>\n <div class=\pill\ aria-hidden=\true\>💬</div>\n <h2 style=\margin:6px 0 4px\>Have a question?</h2>\n <p>Chat with our team for quick answers about services, prices, or your pet’s needs.</p>\n <ul>\n <li>Typical reply: within a few hours</li>\n <li>Share photos or videos of symptoms</li>\n </ul>\n <div class=\cta-actions\>\n <a class=\btn\ href=\https://waiviodev.com/@wiv01/threads\>Contact Us</a>\n <small>or call <a href=\tel:+995555123456\ style=\color:var(--dark); text-decoration:none\>+995 555 123 456</a></small>\n </div>\n </article>\n <article class=\cta-card\>\n <div class=\pill\ aria-hidden=\true\>📍</div>\n <h3 style=\margin:6px 0 4px\>Visit the clinic</h3>\n <p>123 Rustaveli Ave, Tbilisi · Mon–Sat 09:00–20:00 · Sun 10:00–16:00</p>\n <a class=\btn btn-outline\ href=\https://maps.google.com/maps?q=tbilisi&t=&z=13&ie=UTF8&iwloc=&output=embed\>Open in Maps</a>\n </article>\n </div>\n </div>\n </section>\n\n (html comment removed: Book (cta block) )\n <section id=\book\ class=\section cta\>\n <div class=\container\>\n <div class=\cta-grid\>\n <article class=\cta-card\>\n <div class=\pill\ aria-hidden=\true\>🗓️</div>\n <h2 style=\margin:6px 0 4px\>Book an Appointment</h2>\n <p>Choose your service and preferred time. We’ll confirm by phone or email.</p>\n <ul>\n <li>Routine care, vaccines, diagnostics, surgery, grooming</li>\n <li>Same‑day slots often available</li>\n </ul>\n <div class=\cta-actions\>\n <a class=\btn\ href=\https://443.socialgifts.pp.ua/object/hkn-test-page-20030940\>Book Online</a>\n <small>No payment required to reserve.</small>\n </div>\n </article>\n </div>\n </div>\n </section>\n\n (html comment removed: Footer )\n <footer>\n <div class=\container footer-wrap\>\n <div>\n <div class=\brand\ style=\margin-bottom:8px\>\n <div class=\logo\>PC</div>\n <span>PetCare Tbilisi</span>\n </div>\n <p class=\subtle\>© <span id=\y\>2025</span> PetCare Tbilisi. All rights reserved.</p>\n </div>\n <div>\n <p class=\subtle\>Hours</p>\n <p>Mon–Sat: 09:00–20:00 · Sun: 10:00–16:00</p>\n <p class=\subtle\>Emergency</p>\n <p>Call <a href=\tel:+995555123456\ style=\color:var(--dark); text-decoration:none\>+995 555 123 456</a></p>\n </div>\n </div>\n </footer>\n</body>\n</html>\n\n\n,hideSignIn:true,hideMenu:true
You are viewing a single comment's thread from: