WSA DIGITAL AGENCY

WSA Digital Agency ·
View company page →

<!DOCTYPE html>

<head>

<title>Indian Academy of Horticultural Sciences — IAHS</title>

<style>

:root{

–green-deep:#0B3A2C;

–green-mid:#123F30;

–green-panel:#0F352A;

–green-line:#2E6B52;

–gold:#C39A46;

–gold-light:#E7CD8B;

–cream:#F7F2E7;

–paper:#FCFAF4;

–ink:#1C1B17;

–ink-soft:#5B584E;

–rule: rgba(28,27,23,0.10);

–shadow: 0 20px 50px -25px rgba(11,58,44,0.35);

}

*{box-sizing:border-box; margin:0; padding:0;}

html{scroll-behavior:smooth;}

body{

font-family:’Inter’, system-ui, sans-serif;

color:var(–ink);

background:var(–paper);

-webkit-font-smoothing:antialiased;

overflow-x:hidden;

}

img{max-width:100%; display:block;}

a{color:inherit; text-decoration:none;}

ul{list-style:none;}

.wrap{max-width:1200px; margin:0 auto; padding:0 32px;}

h1,h2,h3,h4{font-family:’Fraunces’, serif; font-weight:600; letter-spacing:-0.01em; color:var(–ink);}

.eyebrow{

font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; font-weight:600;

color:var(–gold); display:flex; align-items:center; gap:10px; margin-bottom:14px;

}

.eyebrow::before{content:””; width:26px; height:1px; background:var(–gold);}

section{position:relative;}

.reveal{opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1);}

.reveal.in{opacity:1; transform:translateY(0);}

/* ===== HEADER ===== */

header{

position:fixed; top:0; left:0; right:0; z-index:1000;

background:rgba(11,58,44,0.0);

transition:background .4s ease, box-shadow .4s ease, padding .35s ease;

padding:22px 0;

}

header.scrolled{

background:rgba(11,58,44,0.96);

backdrop-filter:blur(10px);

box-shadow:0 10px 30px -18px rgba(0,0,0,.5);

padding:12px 0;

}

.header-inner{display:flex; align-items:center; justify-content:space-between; gap:24px;}

.brand{display:flex; align-items:center; gap:14px;}

.brand-mark{width:46px; height:46px; flex-shrink:0;}

.brand-text .name{

font-family:’Fraunces’, serif; font-weight:700; font-size:17px; color:#fff; line-height:1.15; letter-spacing:.01em;

}

.brand-text .sub{font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(–gold-light); font-weight:600;}

nav{display:flex; align-items:center; gap:34px;}

nav a.navlink{

font-size:13.5px; color:rgba(255,255,255,.82); font-weight:500; position:relative; padding:4px 0;

}

nav a.navlink::after{

content:””; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:var(–gold-light);

transition:width .3s ease;

}

nav a.navlink:hover{color:#fff;}

nav a.navlink:hover::after{width:100%;}

.header-actions{display:flex; align-items:center; gap:14px;}

.btn{

display:inline-flex; align-items:center; justify-content:center; gap:8px;

padding:11px 22px; font-size:13px; font-weight:600; letter-spacing:.02em; border-radius:2px;

cursor:pointer; border:1px solid transparent; transition:all .3s ease; white-space:nowrap;

}

.btn-gold{background:var(–gold); color:var(–green-deep); border-color:var(–gold);}

.btn-gold:hover{background:var(–gold-light); border-color:var(–gold-light); transform:translateY(-1px);}

.btn-outline{background:transparent; color:#fff; border-color:rgba(255,255,255,.4);}

.btn-outline:hover{border-color:var(–gold-light); color:var(–gold-light);}

.btn-dark{background:var(–green-deep); color:#fff; border-color:var(–green-deep);}

.btn-dark:hover{background:var(–green-mid); transform:translateY(-1px);}

.menu-toggle{display:none; width:26px; height:20px; position:relative; cursor:pointer; background:none; border:none;}

.menu-toggle span{position:absolute; left:0; right:0; height:2px; background:#fff; transition:.3s;}

.menu-toggle span:nth-child(1){top:0;}

.menu-toggle span:nth-child(2){top:9px;}

.menu-toggle span:nth-child(3){top:18px;}

/* ===== HERO ===== */

.hero{

min-height:100vh; display:flex; align-items:center;

background:

radial-gradient(1100px 640px at 82% -10%, rgba(195,154,70,0.14), transparent 60%),

radial-gradient(900px 600px at -5% 110%, rgba(46,107,82,0.35), transparent 60%),

linear-gradient(160deg, #0A2E23 0%, #0B3A2C 46%, #0E4634 100%);

position:relative; overflow:hidden; padding:150px 0 90px;

}

.hero::before{

content:””; position:absolute; inset:0; opacity:.05; pointer-events:none;

background-image:

linear-gradient(rgba(255,255,255,.5) 1px, transparent 1px),

linear-gradient(90deg, rgba(255,255,255,.5) 1px, transparent 1px);

background-size:64px 64px;

}

.hero-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; position:relative; z-index:2;}

.hero-eyebrow{

font-size:12.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:600; color:var(–gold-light);

display:flex; align-items:center; gap:10px; margin-bottom:22px;

}

.hero-eyebrow::before{content:””; width:30px; height:1px; background:var(–gold-light);}

.hero h1{

color:#fff; font-size:clamp(34px,4.6vw,58px); line-height:1.08; font-weight:600; max-width:15ch;

}

.hero h1 em{font-style:italic; color:var(–gold-light); font-weight:500;}

.hero p.lede{

color:rgba(255,255,255,.78); font-size:16.5px; line-height:1.75; margin-top:22px; max-width:52ch;

}

.hero-ctas{display:flex; gap:16px; margin-top:38px; flex-wrap:wrap;}

.hero-stats{display:flex; gap:0; margin-top:56px; border-top:1px solid rgba(255,255,255,.15); padding-top:26px;}

.stat{flex:1; padding-right:24px; border-right:1px solid rgba(255,255,255,.12);}

.stat:last-child{border-right:none;}

.stat .num{font-family:’Fraunces’, serif; font-size:28px; color:var(–gold-light); font-weight:600;}

.stat .label{font-size:11.5px; color:rgba(255,255,255,.62); letter-spacing:.04em; margin-top:4px;}

/* seal */

.seal-wrap{display:flex; align-items:center; justify-content:center; position:relative;}

.seal{width:min(360px,88%); animation:seal-breathe 7s ease-in-out infinite;}

.seal .ring-rotate{transform-origin:200px 200px; animation:spin 34s linear infinite;}

@keyframes spin{to{transform:rotate(360deg);}}

@keyframes seal-breathe{0%,100%{filter:drop-shadow(0 0 0 rgba(231,205,139,0));} 50%{filter:drop-shadow(0 0 24px rgba(231,205,139,0.25));}}

@media (prefers-reduced-motion: reduce){

.seal, .seal .ring-rotate, .reveal{animation:none !important; transition:none !important;}

}

/* ===== SECTION HEADS ===== */

.section-head{max-width:640px; margin-bottom:56px;}

.section-head h2{font-size:clamp(26px,3vw,38px); line-height:1.15;}

.section-head p{color:var(–ink-soft); font-size:15.5px; line-height:1.7; margin-top:16px;}

.section-pad{padding:110px 0;}

/* ===== ABOUT / STRIP ===== */

.about{background:var(–paper);}

.about-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:start;}

.about-lines{border-left:2px solid var(–gold); padding-left:26px; margin-top:26px;}

.about-lines li{font-size:14.5px; color:var(–ink-soft); padding:10px 0; border-bottom:1px solid var(–rule);}

.about-lines li b{color:var(–ink); font-weight:600;}

.about-lines li:last-child{border-bottom:none;}

.about-copy p{color:var(–ink-soft); font-size:15.5px; line-height:1.8; margin-bottom:18px;}

.about-copy p b{color:var(–ink);}

/* ===== FEATURES / OFFERINGS ===== */

.offer{background:var(–cream);}

.offer-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(–rule); border:1px solid var(–rule);}

.offer-card{

background:var(–paper); padding:38px 32px; transition:background .35s ease, transform .35s ease;

position:relative;

}

.offer-card:hover{background:#fff; transform:translateY(-4px); box-shadow:var(–shadow); z-index:2;}

.offer-icon{width:46px; height:46px; margin-bottom:22px;}

.offer-card h3{font-size:18.5px; margin-bottom:10px; font-weight:600;}

.offer-card p{font-size:14px; color:var(–ink-soft); line-height:1.65;}

.offer-card .tag{

display:inline-block; margin-top:16px; font-size:11px; letter-spacing:.08em; text-transform:uppercase;

color:var(–gold); font-weight:600; border-top:1px solid var(–rule); padding-top:14px; width:100%;

}

/* ===== MEMBERSHIP ===== */

.membership{background:linear-gradient(180deg, var(–green-deep), var(–green-panel)); color:#fff;}

.membership .section-head p{color:rgba(255,255,255,.72);}

.membership .eyebrow{color:var(–gold-light);}

.membership .section-head h2{color:#fff;}

.tier-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}

.tier{

background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.14); padding:36px 30px;

border-radius:2px; transition:border-color .3s ease, background .3s ease, transform .3s ease;

}

.tier:hover{border-color:var(–gold-light); background:rgba(255,255,255,.07); transform:translateY(-4px);}

.tier.featured{border-color:var(–gold); background:rgba(195,154,70,.09);}

.tier .tier-label{font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(–gold-light); font-weight:600;}

.tier h3{color:#fff; font-size:24px; margin:12px 0 16px;}

.tier ul li{font-size:13.5px; color:rgba(255,255,255,.72); padding:7px 0; display:flex; gap:10px; align-items:flex-start;}

.tier ul li::before{content:”—”; color:var(–gold-light); flex-shrink:0;}

.tier .btn{width:100%; margin-top:24px;}

/* ===== CONGRESS TIMELINE ===== */

.congress{background:var(–paper);}

.timeline{position:relative; padding-left:2px;}

.timeline::before{content:””; position:absolute; left:70px; top:8px; bottom:8px; width:1px; background:var(–rule);}

.t-row{display:grid; grid-template-columns:70px 1fr; gap:28px; padding:22px 0; border-bottom:1px solid var(–rule); align-items:start;}

.t-row:last-child{border-bottom:none;}

.t-year{font-family:’Fraunces’, serif; font-weight:600; font-size:16px; color:var(–gold); position:relative;}

.t-year::after{content:””; position:absolute; right:-32px; top:6px; width:9px; height:9px; border-radius:50%; background:var(–gold); border:3px solid var(–paper); box-shadow:0 0 0 1px var(–rule);}

.t-body h4{font-size:16px; margin-bottom:4px;}

.t-body p{font-size:13.5px; color:var(–ink-soft);}

/* ===== GOVERNANCE / QUOTE ===== */

.governance{background:var(–cream);}

.gov-grid{display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center;}

blockquote{

font-family:’Fraunces’, serif; font-size:clamp(20px,2.4vw,27px); line-height:1.5; font-weight:500;

color:var(–ink); font-style:italic;

}

blockquote cite{

display:block; font-family:’Inter’; font-style:normal; font-size:13px; color:var(–ink-soft);

margin-top:22px; font-weight:600; letter-spacing:.02em;

}

.council-list{display:grid; grid-template-columns:1fr 1fr; gap:16px;}

.council-item{border:1px solid var(–rule); padding:20px; background:var(–paper);}

.council-item .role{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(–gold); font-weight:700;}

.council-item .desc{font-size:13px; color:var(–ink-soft); margin-top:8px; line-height:1.6;}

/* ===== NEWS / JOURNAL ===== */

.journal{background:var(–paper);}

.journal-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:center;}

.journal-card{

background:linear-gradient(160deg, var(–green-deep), var(–green-mid)); color:#fff; padding:48px 40px;

position:relative; overflow:hidden;

}

.journal-card::before{

content:””; position:absolute; inset:0; border:1px solid rgba(231,205,139,.35); margin:14px; pointer-events:none;

}

.journal-card .eyebrow{color:var(–gold-light);}

.journal-card h3{color:#fff; font-size:26px; margin-bottom:14px;}

.journal-card p{color:rgba(255,255,255,.75); font-size:14.5px; line-height:1.7;}

.journal-meta{display:flex; gap:34px; margin-top:26px;}

.journal-meta div .n{font-family:’Fraunces’; font-size:22px; color:var(–gold-light); font-weight:600;}

.journal-meta div .l{font-size:11px; color:rgba(255,255,255,.6); letter-spacing:.04em;}

/* ===== CTA STRIP ===== */

.cta-strip{

background:var(–green-deep); padding:70px 0; text-align:center; position:relative; overflow:hidden;

}

.cta-strip h2{color:#fff; font-size:clamp(24px,3vw,34px); max-width:16ch; margin:0 auto 20px;}

.cta-strip p{color:rgba(255,255,255,.72); max-width:50ch; margin:0 auto 32px; font-size:15px;}

.cta-row{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}

/* ===== FOOTER ===== */

footer{background:#082720; color:rgba(255,255,255,.7); padding:80px 0 0;}

.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:50px; padding-bottom:60px; border-bottom:1px solid rgba(255,255,255,.1);}

.footer-brand .brand-text .name{color:#fff;}

.footer-brand p{font-size:13.5px; line-height:1.75; margin-top:18px; color:rgba(255,255,255,.6); max-width:34ch;}

.footer-col h5{font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(–gold-light); font-weight:700; margin-bottom:20px;}

.footer-col ul li{margin-bottom:12px;}

.footer-col ul li a{font-size:13.5px; color:rgba(255,255,255,.68); transition:color .25s;}

.footer-col ul li a:hover{color:var(–gold-light);}

.footer-bottom{

display:flex; justify-content:space-between; align-items:center; padding:26px 0; font-size:12.5px;

color:rgba(255,255,255,.45); flex-wrap:wrap; gap:12px;

}

.footer-bottom a{color:rgba(255,255,255,.6);}

/* ===== MODAL (member login) ===== */

.modal-overlay{

position:fixed; inset:0; background:rgba(8,25,19,.72); backdrop-filter:blur(4px);

display:flex; align-items:center; justify-content:center; z-index:2000; opacity:0; pointer-events:none;

transition:opacity .3s ease;

}

.modal-overlay.active{opacity:1; pointer-events:auto;}

.modal{

background:var(–paper); width:min(420px,92vw); padding:44px 38px; position:relative;

border-top:3px solid var(–gold); transform:translateY(16px); transition:transform .3s ease;

box-shadow:0 40px 80px -20px rgba(0,0,0,.5);

}

.modal-overlay.active .modal{transform:translateY(0);}

.modal-close{position:absolute; top:16px; right:18px; background:none; border:none; font-size:20px; cursor:pointer; color:var(–ink-soft);}

.modal h3{font-size:22px; margin-bottom:6px;}

.modal p.sub{font-size:13.5px; color:var(–ink-soft); margin-bottom:26px;}

.field{margin-bottom:18px;}

.field label{font-size:12px; font-weight:600; letter-spacing:.03em; display:block; margin-bottom:7px; color:var(–ink);}

.field input{

width:100%; padding:12px 14px; border:1px solid var(–rule); font-size:14px; background:#fff;

font-family:’Inter’; transition:border-color .25s;

}

.field input:focus{outline:none; border-color:var(–gold);}

.modal .btn{width:100%; margin-top:6px;}

.modal .foot-note{font-size:12px; color:var(–ink-soft); text-align:center; margin-top:18px;}

/* ===== RESPONSIVE ===== */

@media (max-width:980px){

.hero-grid{grid-template-columns:1fr; gap:44px;}

.seal-wrap{order:-1;}

.seal{width:220px;}

.about-grid, .gov-grid, .journal-grid{grid-template-columns:1fr; gap:40px;}

.offer-grid{grid-template-columns:1fr 1fr;}

.tier-grid{grid-template-columns:1fr;}

.council-list{grid-template-columns:1fr;}

nav, .header-actions .btn-outline{display:none;}

.menu-toggle{display:block;}

}

@media (max-width:600px){

.wrap{padding:0 20px;}

.offer-grid{grid-template-columns:1fr;}

.hero-stats{flex-wrap:wrap;}

.stat{flex:1 1 45%; border-right:none; padding-right:0; margin-bottom:16px;}

.footer-grid{grid-template-columns:1fr 1fr; gap:34px;}

}

</style>

</head>

<body>

<!– ============ HEADER ============ –>

</svg>

<div class=”sub”>Est. 1942 · New Delhi</div>

</div>

</a>

<nav>

<a class=”navlink” href=”#about”>About</a>

<a class=”navlink” href=”#offerings”>Academy</a>

<a class=”navlink” href=”#membership”>Membership</a>

<a class=”navlink” href=”#congress”>Congress</a>

<a class=”navlink” href=”#council”>Council</a>

<a class=”navlink” href=”#journal”>Journal</a>

<a class=”navlink” href=”#contact”>Contact</a>

</nav>

<a href=”#membership” class=”btn btn-outline”>Become a Fellow</a>

<button class=”btn btn-gold” id=”loginBtn”>Member Login</button>

</div>

</header>

<!– ============ HERO ============ –>

<div>

<div class=”hero-eyebrow”>The National Academy of Horticultural Science</div>

<h1>A Society of Scientists,<br><em>Not Just of Science.</em></h1>

The Indian Academy of Horticultural Sciences is the country’s premier fellowship of horticultural

researchers, educators and policy-makers — founded in 1942, formally registered in 1951, and renamed

to its present standing in 2019. We exist to convene the discipline, not just to study it.

</p>

<a href=”#membership” class=”btn btn-gold”>Apply for Fellowship</a>

<a href=”#offerings” class=”btn btn-outline”>Explore the Academy</a>

</div>

<div class=”stat”><div class=”num” data-count=”1942″>0</div><div class=”label”>Year Founded</div></div>

<div class=”stat”><div class=”num” data-count=”11″>0</div><div class=”label”>Horticulture Congresses</div></div>

<div class=”stat”><div class=”num” data-count=”83″>0</div><div class=”label”>Years of Continuous Publication</div></div>

<div class=”stat”><div class=”num” data-count=”1″>0</div><div class=”label”>National Journal of Record</div></div>

</div>

</g>

<text x=”200″ y=”215″ text-anchor=”middle” font-family=”Inter, sans-serif” font-size=”11″ letter-spacing=”2″ fill=”#E7CD8B”>EST. 1942 · NEW DELHI</text>

<text x=”200″ y=”238″ text-anchor=”middle” font-family=”Inter, sans-serif” font-size=”9.5″ letter-spacing=”1.5″ fill=”rgba(247,242,231,0.55)”>REGISTERED SOCIETY · No. 607/1951-52</text>

<textPath href=”#ringtext” startOffset=”2%”>INDIAN ACADEMY OF HORTICULTURAL SCIENCES</textPath>

</text>

</g>

</svg>

</div>

</section>

<!– ============ ABOUT ============ –>

<h2>An institution before it is a discipline.</h2>

<li><b>1942</b> — Formed as the Society of Indian Horticultural Science, Lyallpur.</li>

<li><b>1951</b> — Registered under the Societies Registration Act, 1860.</li>

<li><b>1943</b> — Indian Journal of Horticulture begins publication.</li>

<li><b>2019</b> — Renamed the Indian Academy of Horticultural Sciences.</li>

<li><b>Today</b> — Headquartered at NASC Complex, Pusa Campus, New Delhi.</li>

</ul>

</div>

<p>

<b>The Academy is, first, a fellowship.</b> Long before it is a repository of horticultural technique,

IAHS is a body of people — scientists, vice-chancellors, directors and researchers — organised under

a constitution, governed by an elected Executive Council, and accountable to a General Body that has

met without interruption since the 1950s.

</p>

<p>

That governance is the point. Where a research institute answers to a mandate, a learned academy answers

to its own Fellows. We set standards for the discipline in India: who is recognised for distinguished

service, what work is published under the Academy’s name, and how the profession convenes.

</p>

<p>

Horticultural science is the subject the Academy studies. <b>Membership, standing and governance are the

reason the Academy exists.</b>

</p>

</div>

</section>

<!– ============ OFFERINGS ============ –>

<div class=”eyebrow”>What the Academy Does</div>

<h2>Six functions of a national learned society.</h2>

<p>Each is a standing responsibility of the Academy, carried out year-round by its Council and committees — not a one-time initiative.</p>

</div>

<h3>Fellowship & Membership</h3>

<p>Life, Annual, Corporate and Student categories — the Academy’s core standing body of record.</p>

<span class=”tag”>Governed by constitution</span>

</div>

<h3>Executive Council</h3>

<p>An elected President, Vice-Presidents, Secretary and Treasurer accountable to the General Body.</p>

<span class=”tag”>Elected, not appointed</span>

</div>

<h3>Indian Journal of Horticulture</h3>

<p>Continuously published since 1943 — the Academy’s journal of scientific record.</p>

<span class=”tag”>Since 1943</span>

</div>

<h3>Indian Horticulture Congress</h3>

<p>A biennial national congress convening the discipline’s institutions, states and scientists.</p>

<span class=”tag”>Biennial · since 2004</span>

</div>

<h3>Awards & Recognition</h3>

<p>Fellowships and honours conferred by peers, for distinguished service to horticultural science.</p>

<span class=”tag”>Peer-conferred</span>

</div>

<h3>International Standing</h3>

<p>Overseas Fellows and correspondence with sister academies across the horticultural sciences.</p>

<span class=”tag”>Cross-border fellowship</span>

</div>

</section>

<!– ============ MEMBERSHIP ============ –>

<div class=”eyebrow”>Join the Academy</div>

<h2>Standing is earned, and it is recorded.</h2>

<p>Every category below carries voting rights in the General Body and access to the Member Portal — the Academy’s records go back to its first registration in 1951.</p>

</div>

<div class=”tier-label”>Category I</div>

<h3>Annual Member</h3>

<ul>

<li>Indian Journal of Horticulture, quarterly</li>

<li>Voting rights at the General Body</li>

<li>Congress registration at member rates</li>

<li>Access to the Member Portal</li>

</ul>

<button class=”btn btn-outline” style=”border-color:rgba(255,255,255,.4)”>Apply Now</button>

</div>

<div class=”tier-label”>Category II</div>

<h3>Life Fellow</h3>

<ul>

<li>Permanent standing — no renewal required</li>

<li>Eligibility for Council nomination</li>

<li>Priority publication consideration</li>

<li>Listed in the Academy’s Fellowship Register</li>

</ul>

<button class=”btn btn-gold”>Apply Now</button>

</div>

<div class=”tier-label”>Category III</div>

<h3>Student Member</h3>

<ul>

<li>Concessional Congress registration</li>

<li>Journal access, digital edition</li>

<li>Mentorship at Annual Sessions</li>

<li>Pathway to full Fellowship</li>

</ul>

<button class=”btn btn-outline” style=”border-color:rgba(255,255,255,.4)”>Apply Now</button>

</div>

</section>

<!– ============ CONGRESS TIMELINE ============ –>

<div class=”eyebrow”>Indian Horticulture Congress</div>

<h2>A biennial national gathering, since 2004.</h2>

<p>Each Congress is convened in a different state, in partnership with its host university — the Academy’s clearest expression of a nationwide society, rather than a single institute.</p>

</div>

<div class=”t-body”><h4>First Congress — New Delhi</h4><p>Improving production, productivity, quality and trade of horticulture crops.</p></div>

</div>

<div class=”t-body”><h4>Third Congress — Bhubaneswar</h4><p>New R&D initiatives in horticulture for accelerated growth and prosperity.</p></div>

</div>

<div class=”t-body”><h4>Tenth Congress</h4><p>Unleashing horticultural potential for a self-reliant India.</p></div>

</div>

<div class=”t-body”><h4>Eleventh Congress — Bengaluru</h4><p>Horticulture for inclusive, equitable and sustainable growth.</p></div>

</div>

</section>

<!– ============ GOVERNANCE / QUOTE ============ –>

<div class=”eyebrow”>Governance</div>

“A society is measured less by the papers it publishes than by the standards it keeps, and the fellows

it chooses to answer to.”

<cite>— From the Academy’s Constitution, adopted 1951</cite>

</blockquote>

</div>

<div class=”council-item”><div class=”role”>President</div><div class=”desc”>Elected head of the Executive Council and the Academy’s chief representative.</div></div>

<div class=”council-item”><div class=”role”>Vice-Presidents</div><div class=”desc”>Regional representation across India’s horticultural universities.</div></div>

<div class=”council-item”><div class=”role”>Secretary</div><div class=”desc”>Custodian of the General Body’s proceedings and Society records.</div></div>

<div class=”council-item”><div class=”role”>Treasurer</div><div class=”desc”>Accountable for Academy funds, membership dues and grants.</div></div>

</div>

</section>

<!– ============ JOURNAL ============ –>

<div class=”eyebrow”>Journal of Record</div>

<h3>Indian Journal of Horticulture</h3>

<p>Published continuously since 1943, the Journal predates the Academy’s own current name — it has outlasted three headquarters and one partition.</p>

<div><div class=”n”>1943</div><div class=”l”>FIRST ISSUE</div></div>

<div><div class=”n”>Quarterly</div><div class=”l”>FREQUENCY</div></div>

<div><div class=”n”>83+</div><div class=”l”>VOLUMES</div></div>

</div>

<div class=”eyebrow”>Why It Matters</div>

<h2 style=”font-size:clamp(24px,2.8vw,32px); margin-bottom:18px;”>The Society published before it had a permanent office.</h2>

In 1943, a year after its founding, the fledgling Horticultural Society of India began the Indian

Journal of Horticulture — a scientific record kept before the Society had a registration certificate,

a Delhi office, or even its present name.

</p>

That sequence — society first, publication next, permanence later — is the Academy’s institutional

character in miniature: the fellowship came before the paperwork.

</p>

</div>

</section>

<!– ============ CTA STRIP ============ –>

<h2>Fellowship is the Academy’s oldest currency.</h2>

<p>Members since 1951 have included vice-chancellors, directors-general and the country’s most cited horticultural scientists. Standing here is conferred, not purchased.</p>

<button class=”btn btn-gold” id=”ctaLogin”>Member Login</button>

<a href=”#membership” class=”btn btn-outline”>View Membership Categories</a>

</div>

</section>

<!– ============ FOOTER ============ –>

<div class=”brand-text”><div class=”name”>IAHS</div><div class=”sub”>Est. 1942 · New Delhi</div></div>

</a>

<p>The Indian Academy of Horticultural Sciences (formerly the Horticultural Society of India), registered under the Societies Registration Act, 1860.</p>

</div>

<h5>Academy</h5>

<ul>

<li><a href=”#about”>About & History</a></li>

<li><a href=”#council”>Executive Council</a></li>

<li><a href=”#membership”>Membership</a></li>

<li><a href=”#congress”>Horticulture Congress</a></li>

</ul>

</div>

<h5>Publications</h5>

<ul>

<li><a href=”#journal”>Indian Journal of Horticulture</a></li>

<li><a href=”#”>Congress Proceedings</a></li>

<li><a href=”#”>Newsletters</a></li>

<li><a href=”#”>Constitution & Bye-laws</a></li>

</ul>

</div>

<h5>Contact</h5>

<ul>

<li><a href=”#”>NASC Complex, Pusa Campus,<br>New Delhi – 110012</a></li>

<li><a href=”mailto:hortacademy@gmail.com”>hortacademy@gmail.com</a></li>

</ul>

</div>

</div>

</footer>

<!– ============ MEMBER LOGIN MODAL ============ –>

<h3>Member Login</h3>

<p class=”sub”>Access your Fellowship record, journal archive and Congress registrations.</p>

<label for=”memberId”>Membership ID or Email</label>

</div>

<label for=”memberPass”>Password</label>

</div>

<p class=”foot-note”>Not a Fellow yet? <a href=”#membership” style=”color:var(–gold); font-weight:600;”>View membership categories →</a></p>

</div>

// Header scroll state

const header = document.getElementById(‘siteHeader’);

window.addEventListener(‘scroll’, () => {

header.classList.toggle(‘scrolled’, window.scrollY > 40);

});

// Scroll reveal

const revealEls = document.querySelectorAll(‘.reveal’);

const io = new IntersectionObserver((entries) => {

entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add(‘in’); io.unobserve(e.target); } });

}, { threshold: 0.15 });

revealEls.forEach(el => io.observe(el));

// Counter animation

const counters = document.querySelectorAll(‘[data-count]’);

const counterIO = new IntersectionObserver((entries) => {

entries.forEach(entry => {

if(entry.isIntersecting){

const el = entry.target;

const target = parseInt(el.getAttribute(‘data-count’), 10);

let current = 0;

const duration = 1400;

const start = performance.now();

function tick(now){

const p = Math.min((now – start) / duration, 1);

current = Math.floor(p * target);

el.textContent = current;

if(p < 1) requestAnimationFrame(tick); else el.textContent = target;

}

requestAnimationFrame(tick);

counterIO.unobserve(el);

}

});

}, { threshold: 0.5 });

counters.forEach(c => counterIO.observe(c));

// Member login modal

const modal = document.getElementById(‘loginModal’);

function openModal(){ modal.classList.add(‘active’); }

function closeModal(){ modal.classList.remove(‘active’); }

document.getElementById(‘loginBtn’).addEventListener(‘click’, openModal);

document.getElementById(‘ctaLogin’).addEventListener(‘click’, openModal);

document.getElementById(‘modalClose’).addEventListener(‘click’, closeModal);

modal.addEventListener(‘click’, (e) => { if(e.target === modal) closeModal(); });

document.addEventListener(‘keydown’, (e) => { if(e.key === ‘Escape’) closeModal(); });

document.getElementById(‘year’).textContent = new Date().getFullYear();

</script>

</body>

</html>

hello

0 Comments

Post Your Story. Build Authority.

0 Comments

Reset your password