<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>KennelsIndia - A Heartfelt Transition</title>
<meta name="description" content="KennelsIndia is transitioning from pet listings to a responsible, community-first hub for free adoptions, rehoming, lost & found, care guides, and anti-puppy-mill advocacy. In loving memory of Remo (Pug)." />
<meta property="og:title" content="KennelsIndia - A Heartfelt Transition" />
<meta property="og:description" content="From listings to love: a new, responsible chapter for pet lovers. In loving memory of Remo (Pug)." />
<meta property="og:type" content="website" />
<meta name="theme-color" content="#f6efe8" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>🐾</text></svg>">
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root{
--bg:#f6efe8; /* warm parchment */
--paper:#fffaf5; /* soft paper */
--ink:#1f2a37; /* deep slate */
--muted:#6b7280; /* slate */
--brand:#f59e0b; /* amber */
--brand-2:#10b981; /* emerald */
--rose:#f43f5e; /* rose */
--shadow:0 8px 28px rgba(17,24,39,.10);
--radius:20px;
}
/* ===== HEADER ===== */
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
position: sticky;
top: 0;
z-index: 100;
}
.logo {
font-size: 20px;
font-weight: bold;
color: #333;
}
.menu-button {
background: #ff6600;
color: #fff;
border: none;
padding: 8px 16px;
border-radius: 12px;
font-size: 16px;
cursor: pointer;
white-space: nowrap;
transition: background 0.2s ease-in-out;
}
.menu-button:hover {
background: #e65c00;
}
/* Mobile adjustments for header */
@media (max-width: 600px) {
header {
flex-direction: column;
align-items: flex-start;
}
.menu-button {
font-size: 14px;
margin-top: 8px;
align-self: flex-end;
}
}
/* ===== REMO SECTION ===== */
.remo-section {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 40px 20px;
max-width: 900px;
margin: auto;
}
.remo-section img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
}
.remo-text h3 {
margin: 0 0 8px;
color: #333;
}
.remo-text p {
margin: 0;
color: #555;
line-height: 1.6;
}
/* Mobile layout for Remo section */
@media (max-width: 600px) {
.remo-section {
flex-direction: column;
align-items: center;
text-align: center;
}
.remo-section img {
margin-bottom: 12px;
}
}
.announcement-box {
display: flex;
gap: 8px;
background: #0a0a23; /* same as your dark bg */
color: #fff;
padding: 6px 12px;
border-radius: 25px;
flex-wrap: wrap; /* allows wrapping in mobile */
}
.announcement-box span {
white-space: nowrap; /* prevents awkward line breaks */
}
/* Mobile view */
@media (max-width: 600px) {
.announcement-box {
flex-direction: column; /* stack them */
align-items: flex-start; /* left align */
}
}
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0; background:var(--bg);
color:var(--ink); font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
line-height:1.6;
letter-spacing:.2px;
}
.container{width:min(1120px, 92vw); margin-inline:auto}
header{
position:sticky; top:0; z-index:20; backdrop-filter:saturate(120%) blur(6px);
background:color-mix(in srgb, var(--bg) 85%, white 15%);
border-bottom:1px solid rgba(0,0,0,.05);
}
.bar{display:flex; align-items:center; justify-content:space-between; padding:14px 6px}
.logo{display:flex; align-items:center; gap:12px; font-weight:800; font-family:Nunito, Inter, sans-serif; letter-spacing:.3px}
.logo-badge{
width:42px; height:42px; border-radius:14px; display:grid; place-items:center; box-shadow:var(--shadow);
background: radial-gradient(120% 120% at 30% 20%, #fff 0%, #fff6e6 60%, #ffe7ba 100%);
border:1px solid rgba(0,0,0,.05);
}
.logo-name{font-size:1.2rem}
.tag{font-size:.84rem; color:var(--muted)}
.btn{appearance:none; border:0; background:var(--ink); color:#fff; padding:10px 16px; border-radius:14px; font-weight:600; cursor:pointer; box-shadow:var(--shadow); transition:transform .05s ease}
.btn:active{transform:translateY(1px)}
/* Hero */
.hero{position:relative; padding:60px 0 32px; overflow:hidden}
.hero .bg-shapes{position:absolute; inset:-10% -10% auto -10%; height:420px; z-index:-1; pointer-events:none}
.blob{position:absolute; filter:blur(40px); opacity:.45}
.blob.a{width:420px; height:420px; background:linear-gradient(120deg, #ffd68a, #ffb5a7); left:-6%; top:-6%; border-radius:50%}
.blob.b{width:360px; height:360px; background:linear-gradient(120deg, #a7f3d0, #86efac); right:-8%; top:-10%; border-radius:50%}
.hero-card{background:var(--paper); border-radius:var(--radius); box-shadow:var(--shadow); padding:36px; border:1px solid rgba(0,0,0,.05)}
.eyebrow{display:inline-flex; align-items:center; gap:8px; background:#111827; color:#fff; padding:6px 10px; border-radius:999px; font-size:.78rem; font-weight:600}
.eyebrow i{font-style:normal; opacity:.85}
h1{font-family:Nunito, Inter, sans-serif; font-size: clamp(1.8rem, 2.4vw + 1.2rem, 3.2rem); line-height:1.15; margin:14px 0 10px}
.sub{font-size:1.05rem; color:#374151; margin:0 0 18px}
.badges{display:flex; flex-wrap:wrap; gap:10px; margin:18px 0}
.badge{display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px dashed rgba(0,0,0,.12); padding:8px 12px; border-radius:12px; font-size:.92rem}
.pill{display:inline-flex; gap:10px; align-items:center}
/* Dedication */
.dedication{margin:22px 0 0; padding:16px; border-radius:16px; background:linear-gradient(180deg, #fff8ee, #fff); border:1px solid #ffe9c8}
.dedication strong{font-weight:800}
/* Values */
.section{padding:28px 0}
.section h2{font-family:Nunito, Inter, sans-serif; font-size:1.6rem; margin:0 0 10px}
.grid{display:grid; gap:16px}
@media (min-width:840px){.grid.cols-3{grid-template-columns:repeat(3, 1fr)}}
.card{background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:18px; padding:18px 18px 16px; box-shadow:var(--shadow)}
.card h3{margin:6px 0 6px; font-size:1.05rem}
.card p{margin:0; color:#374151; font-size:.98rem}
.icon{width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background: #fef3c7}
.icon svg{width:20px; height:20px}
/* New Direction */
.arr{display:flex; align-items:center; gap:10px; font-weight:700}
.arr svg{width:18px;height:18px}
.cards{display:grid; gap:14px}
@media (min-width:860px){.cards{grid-template-columns:repeat(3, 1fr)}}
.feature{padding:16px; border-radius:16px; background:linear-gradient(180deg, #ffffff, #fffdf8); border:1px solid rgba(0,0,0,.08); box-shadow:var(--shadow)}
.feature h3{margin:8px 0 6px; font-size:1.02rem}
/* CTA */
.cta{margin:18px 0 0; padding:18px; border:2px dashed #fcd34d; border-radius:16px; background:#fff}
.cta p{margin:8px 0}
.cta .btn{background:var(--brand);}
footer{margin:22px 0 30px; color:var(--muted); font-size:.92rem}
.foot-grid{display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between}
a{color:#0f766e; text-decoration:none}
a:hover{text-decoration:underline}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-P996W7GG5V"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-P996W7GG5V');
</script>
</head>
<body>
<header>
<div class="container bar">
<div class="logo" aria-label="KennelsIndia logo">
<div class="logo-badge" aria-hidden="true">🐾</div>
<div>
<div class="logo-name">KennelsIndia</div>
<div class="tag">From listings to love - a responsible new chapter</div>
</div>
</div>
<div>
<button class="menu-button" onclick="document.getElementById('next').scrollIntoView({behavior: 'smooth'});">
What's Next
</button>
</div>
</div>
</header>
<main>
<section class="hero">
<div class="bg-shapes">
<div class="blob a"></div>
<div class="blob b"></div>
</div>
<div class="container hero-card">
<span class="eyebrow" aria-label="Announcement"><span>Announcement</span> </span>
<h1>A Note to the KennelsIndia Family</h1>
<p class="sub">For more than a decade, KennelsIndia has been a trusted space where pet lovers could connect, share, and find their companions. What started as a simple idea - to bring pets and people together - became a community that touched thousands of lives.</p>
<div class="badges" role="list" aria-label="Highlights">
<div class="badge" role="listitem">🗓️ 10+ years serving pet lovers</div>
<div class="badge" role="listitem">🛡️ Strict verification & safety checks</div>
<div class="badge" role="listitem">🚫 Zero tolerance for puppy mills</div>
<div class="badge" role="listitem">💯 100% free for posters & adopters</div>
</div>
<div class="dedication">
<div style="display:flex; align-items:center; gap:14px;">
<img src="remo.jpg" alt="Remo"
style="width:64px; height:64px; border-radius:50%; object-fit:cover; box-shadow:0 4px 12px rgba(0,0,0,.15);" />
<div>
<p><strong>In loving memory of Remo (Pug)</strong> - the dog who loved every pet and human he met. Remo inspired us to believe that every true pet lover deserves a companion like him. <strong>KennelsIndia was born in his memory</strong> to spread that love and connection.</p>
</div>
</div>
<p style="margin:.6rem 0 0">Throughout this journey, <strong>we never charged a single paise</strong> - not from those who posted their pets, nor from those who welcomed them into their homes. It was a gift to the community.</p>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2>What We Stood For</h2>
<div class="grid cols-3" role="list">
<article class="card" role="listitem">
<div class="pill">
<div class="icon" aria-hidden="true">🔐</div>
<h3>Real People, Real Posts</h3>
</div>
<p>We approved posts only after <strong>mobile validation</strong>, original <strong>photo date checks</strong>, and manual review-no shortcuts.</p>
</article>
<article class="card" role="listitem">
<div class="pill">
<div class="icon" aria-hidden="true">🕵️</div>
<h3>Anti-Puppy-Mill Action</h3>
</div>
<p>We actively monitored listings, sent our known people to verify on-ground, and <strong>blocked</strong> anyone who treated pets as commodities.</p>
</article>
<article class="card" role="listitem">
<div class="pill">
<div class="icon" aria-hidden="true">🤝</div>
<h3>Community Over Commerce</h3>
</div>
<p>We kept the platform <strong>100% free</strong> for posters and adopters-because love shouldn't have a price tag.</p>
</article>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2>Why We're Changing</h2>
<p style="margin:0 0 10px">
From the beginning, KennelsIndia was created as a <strong>free platform</strong> where people could share pets, rehome them with love, and connect responsibly.
Over time, however, we noticed that some users started misusing it for <strong>commercial selling</strong>, which was never our purpose.
To protect pets and stay true to our values, we are closing the chapter of pet sale-style postings and focusing only on genuine adoptions, care, and awareness.
</p>
</div>
</section>
<section id="next" class="section">
<div class="container">
<div class="arr" aria-label="Next direction">
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M5 12h14M13 5l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span>What's Next for KennelsIndia</span>
</div>
<p class="sub">This is not the end-it's the beginning of a more responsible, ethical, and helpful chapter for pet lovers.</p>
<div class="cards" role="list">
<article class="feature" role="listitem">
<h3>Free Adoptions & Rehoming (No Sales)</h3>
<p>Only genuine <strong>free adoptions</strong> and rehoming posts, with the same strict verification to safeguard pets and families.</p>
</article>
<article class="feature" role="listitem">
<h3>Lost & Found</h3>
<p>A dedicated space to <strong>report missing pets</strong> or <strong>help reunited</strong> found animals with their families.</p>
</article>
<article class="feature" role="listitem">
<h3>Care Guides & Awareness</h3>
<p>Vet-reviewed articles on health, nutrition, training, and <strong>why puppy mills harm pets</strong>-to promote responsible ownership.</p>
</article>
<article class="feature" role="listitem">
<h3>Trusted Services Directory</h3>
<p>Find verified <strong>vets, trainers, groomers, and boarding</strong> near you with transparent reviews and ethics badges.</p>
</article>
<article class="feature" role="listitem">
<h3>Community & Stories</h3>
<p>Celebrate adoption success, share tips, and showcase the joy pets bring-because <strong>stories change minds</strong>.</p>
</article>
<article class="feature" role="listitem">
<h3>Volunteer & Partner</h3>
<p>Join hands as a <strong>volunteer, NGO partner, or vet advisor</strong> to keep this mission strong and transparent.</p>
</article>
</div>
<div class="cta">
<h3 style="margin:0">A Gentle Reminder for Pet Lovers</h3>
<p>Please take care of your pets with <strong>nutritious food</strong>, keep up with <strong>regular vaccinations</strong>, and never miss routine <strong>vet check-ups</strong>. </p>
<p style="margin:.4rem 0 0">Healthy pets bring healthier, happier homes ❤️</p>
</div>
</div>
</section>
</main>
<footer>
<div class="container foot-grid">
<div>© <span id="y"></span> KennelsIndia • In loving memory of Remo 🐶</div>
<div>
<span class="tag">Made with love for pets and pet lovers</span>
</div>
</div>
</footer>
<script>
document.getElementById('y').textContent = new Date().getFullYear();
</script>
</body>
</html>