You are viewing a single comment's thread from:RE: Object Type - htmlView the full contextdw38h (51)in #waivio-object-type • yesterday Waivio object "test html 09101310" has been created
wiv01 added name(en-US):
test html 09101310
@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 /* 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=\#home\>Home</a></li>\n <li><a href=\#about\>About</a></li>\n <li><a href=\#services\>Services</a></li>\n <li><a href=\#team\>Team</a></li>\n <li><a href=\#testimonials\>Testimonials</a></li>\n <li><a href=\#contact\>Contact</a></li>\n <li><a href=\#book\>Book</a></li>\n </ul>\n </nav>\n <a class=\btn\ href=\#book\ aria-label=\Book an appointment\>Book Now</a>\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=\#book\>Book an Appointment</a>\n <a class=\btn btn-outline\ href=\#services\>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=\#book\>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 )\n <section id=\contact\ class=\section\>\n <div class=\container\>\n <h2>Contact Us</h2>\n <div class=\grid\ style=\grid-template-columns:1.1fr .9fr; align-items:start;\>\n <form action=\#\ method=\post\ aria-label=\Contact form\>\n <div class=\form-grid\>\n <input type=\text\ name=\name\ placeholder=\Your Name\ required aria-label=\Your Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input class=\wide\ type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <textarea class=\wide\ name=\message\ placeholder=\How can we help?\ required aria-label=\Message\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Send Message</button>\n </form>\n <aside>\n <div class=\card\ style=\margin-bottom:16px\>\n <h3 style=\margin-top:0\>Clinic Details</h3>\n <p class=\subtle\>Address</p>\n <p>123 Rustaveli Ave, Tbilisi</p>\n <p class=\subtle\>Phone</p>\n <p><a href=\tel:+995555123456\ style=\color:var(--dark); text-decoration:none\>+995 555 123 456</a></p>\n <p class=\subtle\>Email</p>\n <p><a href=\mailto:[email protected]\ style=\color:var(--dark); text-decoration:none\>[email protected]</a></p>\n </div>\n <div class=\card\>\n <h3 style=\margin-top:0\>Find Us</h3>\n <div style=\overflow:hidden; border-radius:12px; border:1px solid #e6f4ee\>\n <iframe title=\Google Map\ src=\https://maps.google.com/maps?q=tbilisi&t=&z=13&ie=UTF8&iwloc=&output=embed\ width=\100%\ height=\220\ style=\border:0\ loading=\lazy\></iframe>\n </div>\n </div>\n </aside>\n </div>\n </div>\n </section>\n\n (html comment removed: Book Appointment )\n <section id=\book\ class=\section about\>\n <div class=\container\>\n <h2>Book an Appointment</h2>\n <form action=\#\ method=\post\ aria-label=\Appointment form\ class=\card\ style=\padding:20px;\>\n <div class=\form-grid\>\n <input type=\text\ name=\fullname\ placeholder=\Full Name\ required aria-label=\Full Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <select name=\service\ required aria-label=\Service\>\n <option value=\\ disabled selected>Select a service</option>\n <option>Routine Check‑up</option>\n <option>Vaccinations</option>\n <option>Diagnostics</option>\n <option>Surgery</option>\n <option>Grooming</option>\n <option>Emergency</option>\n </select>\n <input type=\date\ name=\date\ required aria-label=\Preferred Date\ />\n <input type=\time\ name=\time\ aria-label=\Preferred Time\ />\n <textarea class=\wide\ name=\notes\ placeholder=\Tell us about your pet (name, age, breed) and the reason for visit\ aria-label=\Notes\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Request Booking</button>\n </form>\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@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 /* 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=\#home\>Home</a></li>\n <li><a href=\#about\>About</a></li>\n <li><a href=\#services\>Services</a></li>\n <li><a href=\#team\>Team</a></li>\n <li><a href=\#testimonials\>Testimonials</a></li>\n <li><a href=\#contact\>Contact</a></li>\n <li><a href=\#book\>Book</a></li>\n </ul>\n </nav>\n <a class=\btn\ href=\#book\ aria-label=\Book an appointment\>Book Now</a>\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=\#book\>Book an Appointment</a>\n <a class=\btn btn-outline\ href=\#services\>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=\#book\>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 )\n <section id=\contact\ class=\section\>\n <div class=\container\>\n <h2>Contact Us</h2>\n <div class=\grid\ style=\grid-template-columns:1.1fr .9fr; align-items:start;\>\n <form action=\#\ method=\post\ aria-label=\Contact form\>\n <div class=\form-grid\>\n <input type=\text\ name=\name\ placeholder=\Your Name\ required aria-label=\Your Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input class=\wide\ type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <textarea class=\wide\ name=\message\ placeholder=\How can we help?\ required aria-label=\Message\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Send Message</button>\n </form>\n <aside>\n <div class=\card\ style=\margin-bottom:16px\>\n <h3 style=\margin-top:0\>Clinic Details</h3>\n <p class=\subtle\>Address</p>\n <p>123 Rustaveli Ave, Tbilisi</p>\n <p class=\subtle\>Phone</p>\n <p><a href=\tel:+995555123456\ style=\color:var(--dark); text-decoration:none\>+995 555 123 456</a></p>\n <p class=\subtle\>Email</p>\n <p><a href=\mailto:[email protected]\ style=\color:var(--dark); text-decoration:none\>[email protected]</a></p>\n </div>\n <div class=\card\>\n <h3 style=\margin-top:0\>Find Us</h3>\n <div style=\overflow:hidden; border-radius:12px; border:1px solid #e6f4ee\>\n <iframe title=\Google Map\ src=\https://maps.google.com/maps?q=tbilisi&t=&z=13&ie=UTF8&iwloc=&output=embed\ width=\100%\ height=\220\ style=\border:0\ loading=\lazy\></iframe>\n </div>\n </div>\n </aside>\n </div>\n </div>\n </section>\n\n (html comment removed: Book Appointment )\n <section id=\book\ class=\section about\>\n <div class=\container\>\n <h2>Book an Appointment</h2>\n <form action=\#\ method=\post\ aria-label=\Appointment form\ class=\card\ style=\padding:20px;\>\n <div class=\form-grid\>\n <input type=\text\ name=\fullname\ placeholder=\Full Name\ required aria-label=\Full Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <select name=\service\ required aria-label=\Service\>\n <option value=\\ disabled selected>Select a service</option>\n <option>Routine Check‑up</option>\n <option>Vaccinations</option>\n <option>Diagnostics</option>\n <option>Surgery</option>\n <option>Grooming</option>\n <option>Emergency</option>\n </select>\n <input type=\date\ name=\date\ required aria-label=\Preferred Date\ />\n <input type=\time\ name=\time\ aria-label=\Preferred Time\ />\n <textarea class=\wide\ name=\notes\ placeholder=\Tell us about your pet (name, age, breed) and the reason for visit\ aria-label=\Notes\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Request Booking</button>\n </form>\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@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 /* 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=\#home\>Home</a></li>\n <li><a href=\#about\>About</a></li>\n <li><a href=\#services\>Services</a></li>\n <li><a href=\#team\>Team</a></li>\n <li><a href=\#testimonials\>Testimonials</a></li>\n <li><a href=\#contact\>Contact</a></li>\n <li><a href=\#book\>Book</a></li>\n </ul>\n </nav>\n <a class=\btn\ href=\#book\ aria-label=\Book an appointment\>Book Now</a>\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=\#book\>Book an Appointment</a>\n <a class=\btn btn-outline\ href=\#services\>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=\#book\>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 )\n <section id=\contact\ class=\section\>\n <div class=\container\>\n <h2>Contact Us</h2>\n <div class=\grid\ style=\grid-template-columns:1.1fr .9fr; align-items:start;\>\n <form action=\#\ method=\post\ aria-label=\Contact form\>\n <div class=\form-grid\>\n <input type=\text\ name=\name\ placeholder=\Your Name\ required aria-label=\Your Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input class=\wide\ type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <textarea class=\wide\ name=\message\ placeholder=\How can we help?\ required aria-label=\Message\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Send Message</button>\n </form>\n <aside>\n <div class=\card\ style=\margin-bottom:16px\>\n <h3 style=\margin-top:0\>Clinic Details</h3>\n <p class=\subtle\>Address</p>\n <p>123 Rustaveli Ave, Tbilisi</p>\n <p class=\subtle\>Phone</p>\n <p><a href=\tel:+995555123456\ style=\color:var(--dark); text-decoration:none\>+995 555 123 456</a></p>\n <p class=\subtle\>Email</p>\n <p><a href=\mailto:[email protected]\ style=\color:var(--dark); text-decoration:none\>[email protected]</a></p>\n </div>\n <div class=\card\>\n <h3 style=\margin-top:0\>Find Us</h3>\n <div style=\overflow:hidden; border-radius:12px; border:1px solid #e6f4ee\>\n <iframe title=\Google Map\ src=\https://maps.google.com/maps?q=tbilisi&t=&z=13&ie=UTF8&iwloc=&output=embed\ width=\100%\ height=\220\ style=\border:0\ loading=\lazy\></iframe>\n </div>\n </div>\n </aside>\n </div>\n </div>\n </section>\n\n (html comment removed: Book Appointment )\n <section id=\book\ class=\section about\>\n <div class=\container\>\n <h2>Book an Appointment</h2>\n <form action=\#\ method=\post\ aria-label=\Appointment form\ class=\card\ style=\padding:20px;\>\n <div class=\form-grid\>\n <input type=\text\ name=\fullname\ placeholder=\Full Name\ required aria-label=\Full Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <select name=\service\ required aria-label=\Service\>\n <option value=\\ disabled selected>Select a service</option>\n <option>Routine Check‑up</option>\n <option>Vaccinations</option>\n <option>Diagnostics</option>\n <option>Surgery</option>\n <option>Grooming</option>\n <option>Emergency</option>\n </select>\n <input type=\date\ name=\date\ required aria-label=\Preferred Date\ />\n <input type=\time\ name=\time\ aria-label=\Preferred Time\ />\n <textarea class=\wide\ name=\notes\ placeholder=\Tell us about your pet (name, age, breed) and the reason for visit\ aria-label=\Notes\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Request Booking</button>\n </form>\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@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 /* 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=\#home\>Home</a></li>\n <li><a href=\#about\>About</a></li>\n <li><a href=\#services\>Services</a></li>\n <li><a href=\#team\>Team</a></li>\n <li><a href=\#testimonials\>Testimonials</a></li>\n <li><a href=\#contact\>Contact</a></li>\n <li><a href=\#book\>Book</a></li>\n </ul>\n </nav>\n <a class=\btn\ href=\#book\ aria-label=\Book an appointment\>Book Now</a>\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=\#book\>Book an Appointment</a>\n <a class=\btn btn-outline\ href=\#services\>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=\#book\>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 )\n <section id=\contact\ class=\section\>\n <div class=\container\>\n <h2>Contact Us</h2>\n <div class=\grid\ style=\grid-template-columns:1.1fr .9fr; align-items:start;\>\n <form action=\#\ method=\post\ aria-label=\Contact form\>\n <div class=\form-grid\>\n <input type=\text\ name=\name\ placeholder=\Your Name\ required aria-label=\Your Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input class=\wide\ type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <textarea class=\wide\ name=\message\ placeholder=\How can we help?\ required aria-label=\Message\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Send Message</button>\n </form>\n <aside>\n <div class=\card\ style=\margin-bottom:16px\>\n <h3 style=\margin-top:0\>Clinic Details</h3>\n <p class=\subtle\>Address</p>\n <p>123 Rustaveli Ave, Tbilisi</p>\n <p class=\subtle\>Phone</p>\n <p><a href=\tel:+995555123456\ style=\color:var(--dark); text-decoration:none\>+995 555 123 456</a></p>\n <p class=\subtle\>Email</p>\n <p><a href=\mailto:[email protected]\ style=\color:var(--dark); text-decoration:none\>[email protected]</a></p>\n </div>\n <div class=\card\>\n <h3 style=\margin-top:0\>Find Us</h3>\n <div style=\overflow:hidden; border-radius:12px; border:1px solid #e6f4ee\>\n <iframe title=\Google Map\ src=\https://maps.google.com/maps?q=tbilisi&t=&z=13&ie=UTF8&iwloc=&output=embed\ width=\100%\ height=\220\ style=\border:0\ loading=\lazy\></iframe>\n </div>\n </div>\n </aside>\n </div>\n </div>\n </section>\n\n (html comment removed: Book Appointment )\n <section id=\book\ class=\section about\>\n <div class=\container\>\n <h2>Book an Appointment</h2>\n <form action=\#\ method=\post\ aria-label=\Appointment form\ class=\card\ style=\padding:20px;\>\n <div class=\form-grid\>\n <input type=\text\ name=\fullname\ placeholder=\Full Name\ required aria-label=\Full Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <select name=\service\ required aria-label=\Service\>\n <option value=\\ disabled selected>Select a service</option>\n <option>Routine Check‑up</option>\n <option>Vaccinations</option>\n <option>Diagnostics</option>\n <option>Surgery</option>\n <option>Grooming</option>\n <option>Emergency</option>\n </select>\n <input type=\date\ name=\date\ required aria-label=\Preferred Date\ />\n <input type=\time\ name=\time\ aria-label=\Preferred Time\ />\n <textarea class=\wide\ name=\notes\ placeholder=\Tell us about your pet (name, age, breed) and the reason for visit\ aria-label=\Notes\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Request Booking</button>\n </form>\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@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 /* 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=\#home\>Home</a></li>\n <li><a href=\#about\>About</a></li>\n <li><a href=\#services\>Services</a></li>\n <li><a href=\#team\>Team</a></li>\n <li><a href=\#testimonials\>Testimonials</a></li>\n <li><a href=\#contact\>Contact</a></li>\n <li><a href=\#book\>Book</a></li>\n </ul>\n </nav>\n <a class=\btn\ href=\#book\ aria-label=\Book an appointment\>Book Now</a>\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=\#book\>Book an Appointment</a>\n <a class=\btn btn-outline\ href=\#services\>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=\#book\>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: 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@wiv01 added htmlContent (English):
code:\n\n
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\n,hideSignIn:true,hideMenu:true@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@wiv01 added htmlContent (English):
code:\n\n
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 — 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\n,hideSignIn:true,hideMenu:true@wiv01 added htmlContent (English):
code:\n\n
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\n,hideSignIn:true,hideMenu:true@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.0\ />\n <title>Alice — CEO & Campaign Leader</title>\n <style>\n body margin:0;font-family:Arial, sans-serif;background:#ffe6f2;color:#4a0033;\n header background:#ffb6c1;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;\n header a.logo font-weight:bold;color:#4a0033;text-decoration:none;font-size:20px;\n nav a margin:0 10px;color:#4a0033;text-decoration:none;font-weight:bold;\n nav a:hover text-decoration:underline;\n section max-width:900px;margin:auto;padding:40px 20px;\n h1,h2 color:#b30059;\n .btn display:inline-block;padding:10px 20px;margin:5px;background:#ff69b4;color:white;text-decoration:none;border-radius:8px;\n .btn.alt background:white;color:#b30059;border:2px solid #ff69b4;\n .campaign background:white;padding:20px;margin:10px 0;border-radius:10px;border:1px solid #ffb6c1;\n footer text-align:center;padding:20px;background:#ffb6c1;\n iframe width:100%;height:300px;border:none;border-radius:10px;\n form input, form textarea width:100%;padding:10px;margin:5px 0;border:1px solid #ffb6c1;border-radius:6px;\n form button background:#ff69b4;color:white;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;\n </style>\n</head>\n<body>\n <header>\n <a href=\#home\ class=\logo\>Alice</a>\n <nav>\n <a href=\#home\>Home</a>\n <a href=\#about\>About</a>\n <a href=\#campaigns\>Campaigns</a>\n <a href=\https://www.waivio.com/object/ajo-test-page-06121045/page\ target=\_blank\>Page</a>\n <a href=\https://wiv.socialgifts.pp.ua\ target=\_blank\>Newsfeed</a>\n <a href=\#contact\>Contact</a>\n </nav>\n </header>\n\n <section id=\home\>\n <h1>Alice — CEO & Campaign Leader</h1>\n <p>I’m Alice, a CEO who designs and delivers high-impact, multi-channel campaigns. I lead cross-functional teams from strategy to execution — turning brand vision into measurable growth.</p>\n <a class=\btn\ href=\https://www.waivio.com/object/ajo-test-page-06121045/page\ target=\_blank\>View Page</a>\n <a class=\btn alt\ href=\https://wiv.socialgifts.pp.ua\ target=\_blank\>Newsfeed</a>\n </section>\n\n <section id=\about\>\n <h2>About</h2>\n <p>With a background in brand, growth, and product marketing, I’ve orchestrated campaigns that scale globally and resonate locally. My leadership style is decisive yet collaborative — aligning stakeholders, simplifying complexity, and shipping with quality and speed.</p>\n </section>\n\n <section id=\campaigns\>\n <h2>Featured Campaigns</h2>\n <div class=\campaign\>\n <h3>Global Awareness Drive (2023 — Present)</h3>\n <p>Led multi-market campaigns across social, search, and OOH to grow reach by 240% while keeping CAC steady.</p>\n </div>\n <div class=\campaign\>\n <h3>Product Launch Sprint (2024)</h3>\n <p>Delivered a 10-week GTM sprint from zero to launch, coordinating brand, dev, PR, and paid media workstreams.</p>\n </div>\n <div class=\campaign\>\n <h3>Community Impact Program (2022 — 2024)</h3>\n <p>Built a community-led advocacy engine featuring micro-grants and UGC that doubled retention in core regions.</p>\n </div>\n </section>\n\n <section>\n <h2>Newsfeed Preview</h2>\n <p>If the preview does not load, <a href=\https://wiv.socialgifts.pp.ua\ target=\_blank\>open the newsfeed here</a>.</p>\n <iframe src=\https://wiv.socialgifts.pp.ua\></iframe>\n </section>\n\n <section id=\contact\>\n <h2>Contact</h2>\n <form onsubmit=\alert('Thanks! Your message has been noted.');return false;\>\n <input type=\text\ placeholder=\Your name\ required>\n <input type=\email\ placeholder=\Email\ required>\n <input type=\text\ placeholder=\Subject\>\n <textarea rows=\5\ placeholder=\Message\ required></textarea>\n <button type=\submit\>Send</button>\n </form>\n </section>\n\n <footer>\n © 2025 Alice — All rights reserved | <a href=\https://www.waivio.com/object/ajo-test-page-06121045/page\ target=\_blank\>Page</a> · <a href=\https://wiv.socialgifts.pp.ua\ target=\_blank\>Newsfeed</a>\n </footer>\n</body>\n</html>\n\n\n,hideSignIn:true,hideMenu:true@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 /* 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=\#home\>Home</a></li>\n <li><a href=\#about\>About</a></li>\n <li><a href=\#services\>Services</a></li>\n <li><a href=\#team\>Team</a></li>\n <li><a href=\#testimonials\>Testimonials</a></li>\n <li><a href=\#contact\>Contact</a></li>\n <li><a href=\#book\>Book</a></li>\n </ul>\n </nav>\n <a class=\btn\ href=\#book\ aria-label=\Book an appointment\>Book Now</a>\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=\#book\>Book an Appointment</a>\n <a class=\btn btn-outline\ href=\#services\>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=\#book\>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 )\n <section id=\contact\ class=\section\>\n <div class=\container\>\n <h2>Contact Us</h2>\n <div class=\grid\ style=\grid-template-columns:1.1fr .9fr; align-items:start;\>\n <form action=\#\ method=\post\ aria-label=\Contact form\>\n <div class=\form-grid\>\n <input type=\text\ name=\name\ placeholder=\Your Name\ required aria-label=\Your Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input class=\wide\ type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <textarea class=\wide\ name=\message\ placeholder=\How can we help?\ required aria-label=\Message\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Send Message</button>\n </form>\n <aside>\n <div class=\card\ style=\margin-bottom:16px\>\n <h3 style=\margin-top:0\>Clinic Details</h3>\n <p class=\subtle\>Address</p>\n <p>123 Rustaveli Ave, Tbilisi</p>\n <p class=\subtle\>Phone</p>\n <p><a href=\tel:+995555123456\ style=\color:var(--dark); text-decoration:none\>+995 555 123 456</a></p>\n <p class=\subtle\>Email</p>\n <p><a href=\mailto:[email protected]\ style=\color:var(--dark); text-decoration:none\>[email protected]</a></p>\n </div>\n <div class=\card\>\n <h3 style=\margin-top:0\>Find Us</h3>\n <div style=\overflow:hidden; border-radius:12px; border:1px solid #e6f4ee\>\n <iframe title=\Google Map\ src=\https://maps.google.com/maps?q=tbilisi&t=&z=13&ie=UTF8&iwloc=&output=embed\ width=\100%\ height=\220\ style=\border:0\ loading=\lazy\></iframe>\n </div>\n </div>\n </aside>\n </div>\n </div>\n </section>\n\n (html comment removed: Book Appointment )\n <section id=\book\ class=\section about\>\n <div class=\container\>\n <h2>Book an Appointment</h2>\n <form action=\#\ method=\post\ aria-label=\Appointment form\ class=\card\ style=\padding:20px;\>\n <div class=\form-grid\>\n <input type=\text\ name=\fullname\ placeholder=\Full Name\ required aria-label=\Full Name\ />\n <input type=\tel\ name=\phone\ placeholder=\Phone\ required aria-label=\Phone\ />\n <input type=\email\ name=\email\ placeholder=\Email\ aria-label=\Email\ />\n <select name=\service\ required aria-label=\Service\>\n <option value=\\ disabled selected>Select a service</option>\n <option>Routine Check‑up</option>\n <option>Vaccinations</option>\n <option>Diagnostics</option>\n <option>Surgery</option>\n <option>Grooming</option>\n <option>Emergency</option>\n </select>\n <input type=\date\ name=\date\ required aria-label=\Preferred Date\ />\n <input type=\time\ name=\time\ aria-label=\Preferred Time\ />\n <textarea class=\wide\ name=\notes\ placeholder=\Tell us about your pet (name, age, breed) and the reason for visit\ aria-label=\Notes\></textarea>\n </div>\n <button class=\btn\ type=\submit\>Request Booking</button>\n </form>\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@wiv01 added htmlContent (English):
code:\n\n
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\n,hideSignIn:true,hideMenu:true