HTML
338 lines
24.1 KB
Ayurvedic Immunity Building — Ojas, Rasayana & Immune-Boosting Herbs
Ayurvedic immunity building guide — ojas, vyadhi kshamata, rasayana therapy, immune-boosting herbs, and seasonal prevention for strong natural immunity.
Live Preview
Source Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Ayurvedic immunity building guide — ojas, vyadhi kshamata, rasayana therapy, immune-boosting herbs, and seasonal prevention for strong natural immunity.">
<title>Ayurvedic Immunity Building — Ojas, Rasayana & Immune-Boosting Herbs</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Nunito+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--primary-color: #3a6b35;
--secondary-color: #8b7355;
--accent-color: #c9a96e;
--text-dark: #2c3e50;
--text-light: #6c757d;
--bg-light: #f8f9fa;
--bg-white: #ffffff;
--border-color: #e9ecef;
}
body { font-family: 'Nunito Sans', sans-serif; color: var(--text-dark); line-height: 1.6; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: 'Cormorant Garamond', serif; font-weight: 600; line-height: 1.3; }
.navbar { position: sticky; top: 0; background: var(--bg-white); box-shadow: 0 2px 10px rgba(0,0,0,0.05); z-index: 1000; padding: 1rem 0; }
.nav-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center; }
.logo { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 700; color: var(--primary-color); text-decoration: none; }
.nav-menu { display: flex; list-style: none; gap: 2rem; }
.nav-menu a { color: var(--text-dark); text-decoration: none; font-weight: 500; font-size: 0.95rem; transition: color 0.3s ease; }
.nav-menu a:hover { color: var(--primary-color); }
.mobile-toggle { display: none; background: none; border: none; font-size: 1.5rem; color: var(--text-dark); cursor: pointer; }
.hero { background: linear-gradient(135deg, rgba(58, 107, 53, 0.9), rgba(139, 115, 85, 0.85)), url('https://images.unsplash.com/photo-1615485290382-441e4d049cb5?w=1600') center/cover; color: white; padding: 8rem 2rem 6rem; text-align: center; }
.hero-content { max-width: 800px; margin: 0 auto; }
.hero h1 { font-size: 3rem; margin-bottom: 1.5rem; font-weight: 700; }
.hero p { font-size: 1.25rem; margin-bottom: 2rem; opacity: 0.95; font-weight: 300; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
section { padding: 5rem 0; }
.section-header { text-align: center; margin-bottom: 4rem; }
.section-header h2 { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 1rem; }
.section-header p { font-size: 1.1rem; color: var(--text-light); max-width: 700px; margin: 0 auto; }
.about { background: var(--bg-white); }
.about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.about-image { border-radius: 8px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.1); }
.about-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-text h3 { font-size: 2rem; color: var(--primary-color); margin-bottom: 1.5rem; }
.about-text p { color: var(--text-light); margin-bottom: 1rem; line-height: 1.8; }
.services { background: var(--bg-light); }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }
.service-card { background: var(--bg-white); padding: 2.5rem 2rem; border-radius: 8px; text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; border: 1px solid var(--border-color); }
.service-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.service-icon { font-size: 3rem; color: var(--primary-color); margin-bottom: 1.5rem; }
.service-card h3 { font-size: 1.5rem; margin-bottom: 1rem; color: var(--text-dark); }
.service-card p { color: var(--text-light); line-height: 1.7; }
.trust { background: var(--bg-white); }
.trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-top: 3rem; }
.trust-item { text-align: center; }
.trust-number { font-size: 3rem; font-weight: 700; color: var(--primary-color); font-family: 'Cormorant Garamond', serif; margin-bottom: 0.5rem; }
.trust-label { font-size: 1.1rem; color: var(--text-light); font-weight: 500; }
.content-section { background: var(--bg-light); }
.content-grid { display: grid; gap: 3rem; }
.content-article { background: var(--bg-white); border-radius: 8px; overflow: hidden; display: grid; grid-template-columns: 300px 1fr; gap: 2rem; border: 1px solid var(--border-color); }
.article-image { height: 100%; min-height: 250px; }
.article-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.article-content { padding: 2rem 2rem 2rem 0; }
.article-content h3 { font-size: 1.75rem; color: var(--primary-color); margin-bottom: 1rem; }
.article-content p { color: var(--text-light); line-height: 1.8; margin-bottom: 1rem; }
.article-meta { display: flex; gap: 1.5rem; font-size: 0.9rem; color: var(--text-light); margin-top: 1.5rem; }
.article-meta i { margin-right: 0.5rem; color: var(--accent-color); }
.contact { background: var(--bg-white); }
.contact-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; max-width: 1000px; margin: 0 auto; }
.contact-info h3 { font-size: 1.75rem; color: var(--primary-color); margin-bottom: 1.5rem; }
.contact-info p { color: var(--text-light); margin-bottom: 2rem; line-height: 1.8; }
.contact-details { display: flex; flex-direction: column; gap: 1.5rem; }
.contact-item { display: flex; align-items: start; gap: 1rem; }
.contact-item i { font-size: 1.25rem; color: var(--primary-color); margin-top: 0.25rem; }
.contact-item-content h4 { font-size: 1rem; margin-bottom: 0.25rem; color: var(--text-dark); }
.contact-item-content p { margin: 0; color: var(--text-light); }
.contact-form { background: var(--bg-light); padding: 2.5rem; border-radius: 8px; }
.form-group { margin-bottom: 1.5rem; }
.form-group label { display: block; margin-bottom: 0.5rem; color: var(--text-dark); font-weight: 500; }
.form-group input, .form-group textarea { width: 100%; padding: 0.875rem 1rem; border: 1px solid var(--border-color); border-radius: 4px; font-family: 'Nunito Sans', sans-serif; font-size: 1rem; transition: border-color 0.3s ease; }
.form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--primary-color); }
.form-group textarea { resize: vertical; min-height: 120px; }
.submit-btn { background: var(--primary-color); color: white; padding: 1rem 2.5rem; border: none; border-radius: 4px; font-size: 1rem; font-weight: 500; cursor: pointer; transition: background 0.3s ease; width: 100%; }
.submit-btn:hover { background: #2d5228; }
footer { background: var(--text-dark); color: white; padding: 3rem 0 1.5rem; }
.footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-bottom: 2rem; }
.footer-section h3 { font-size: 1.25rem; margin-bottom: 1.5rem; color: var(--accent-color); }
.footer-section p { color: rgba(255,255,255,0.7); line-height: 1.8; }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 0.75rem; }
.footer-links a { color: rgba(255,255,255,0.7); text-decoration: none; transition: color 0.3s ease; }
.footer-links a:hover { color: var(--accent-color); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1.5rem; text-align: center; color: rgba(255,255,255,0.6); font-size: 0.9rem; }
@media (max-width: 768px) {
.mobile-toggle { display: block; }
.nav-menu { position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-white); flex-direction: column; padding: 1rem 2rem; box-shadow: 0 5px 10px rgba(0,0,0,0.1); display: none; }
.nav-menu.active { display: flex; }
.hero h1 { font-size: 2rem; }
.hero p { font-size: 1rem; }
.section-header h2 { font-size: 2rem; }
.about-content, .contact-wrapper { grid-template-columns: 1fr; gap: 2rem; }
.content-article { grid-template-columns: 1fr; }
.article-image { height: 250px; }
.article-content { padding: 2rem; }
section { padding: 3rem 0; }
}
</style>
</head>
<body>
<nav class="navbar">
<div class="nav-container">
<a href="#" class="logo">Immunity Building</a>
<button class="mobile-toggle" aria-label="Toggle menu"><i class="fas fa-bars"></i></button>
<ul class="nav-menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Immune Solutions</a></li>
<li><a href="#knowledge">Knowledge</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<section id="home" class="hero">
<div class="hero-content">
<h1>Ayurvedic Immunity Building & Ojas</h1>
<p>Discover the Ayurvedic science of immunity — ojas, vyadhi kshamata, rasayana therapy, immune-boosting herbs, and seasonal prevention for robust natural immunity.</p>
</div>
</section>
<section id="about" class="about">
<div class="container">
<div class="about-content">
<div class="about-image">
<img src="https://images.unsplash.com/photo-1615485290382-441e4d049cb5?w=800" alt="Ayurvedic immunity herbs and remedies">
</div>
<div class="about-text">
<h3>Immunity in Ayurveda: Ojas & Vyadhi Kshamata</h3>
<p>In Ayurveda, immunity is called Vyadhi Kshamata — the body's ability to resist disease. At its core is the concept of Ojas, the subtle essence of all tissues that gives strength, vitality, and immunity. Strong ojas means strong immunity, radiant health, and emotional resilience.</p>
<p>Ojas is built through proper digestion, nourishing foods, adequate rest, and a balanced lifestyle. When ojas is depleted — through poor diet, stress, lack of sleep, or overexertion — the body becomes vulnerable to disease. The signs of strong ojas include radiant skin, strong immunity, calm mind, and abundant energy.</p>
<p>Rasayana therapy — the Ayurvedic science of rejuvenation — is the primary method for building ojas and strengthening immunity. It includes specific herbs, foods, and lifestyle practices that nourish all seven tissues (dhatus) and enhance the body's natural defense mechanisms.</p>
</div>
</div>
</div>
</section>
<section id="services" class="services">
<div class="container">
<div class="section-header">
<h2>Immunity Building Solutions</h2>
<p>Ayurvedic approaches to strengthen your body's natural defenses</p>
</div>
<div class="services-grid">
<div class="service-card">
<div class="service-icon"><i class="fas fa-shield-alt"></i></div>
<h3>Rasayana Therapy</h3>
<p>Rejuvenation therapy with herbs like chyawanprash, amalaki, and ashwagandha. Rasayanas build ojas, strengthen tissues, and enhance longevity. Take daily for cumulative immune benefits.</p>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-leaf"></i></div>
<h3>Immune-Boosting Herbs</h3>
<p>Tulsi (holy basil), guduchi, ashwagandha, amla, and turmeric are potent immune modulators. Guduchi (Amrita) is called "the nectar of immortality" for its immune-enhancing properties.</p>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-utensils"></i></div>
<h3>Ojas-Building Diet</h3>
<p>Warm milk with ghee and dates, almonds, sesame seeds, honey, and whole grains build ojas. Avoid processed foods, excess sugar, and cold drinks which deplete immunity.</p>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-moon"></i></div>
<h3>Sleep & Rest</h3>
<p>Adequate sleep (7-8 hours, by 10 PM) is essential for ojas production. The body repairs and builds immunity during deep sleep. Avoid late nights and screens before bed.</p>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-calendar-alt"></i></div>
<h3>Seasonal Prevention</h3>
<p>Adjust diet and herbs with seasons. In winter, take chyawanprash. In spring, use turmeric and neem. In monsoon, ginger and tulsi. Seasonal rasayanas prevent seasonal illness.</p>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-spa"></i></div>
<h3>Daily Immune Practices</h3>
<p>Tongue scraping, oil pulling, nasal drops (nasya), and abhyanga support immunity. These daily practices remove toxins, stimulate lymphatic flow, and strengthen the body's defenses.</p>
</div>
</div>
</div>
</section>
<section class="trust">
<div class="container">
<div class="section-header">
<h2>Our Experience</h2>
<p>Building natural immunity through authentic Ayurvedic practices</p>
</div>
<div class="trust-grid">
<div class="trust-item"><div class="trust-number">20+</div><div class="trust-label">Years of Practice</div></div>
<div class="trust-item"><div class="trust-number">15,000+</div><div class="trust-label">Clients Strengthened</div></div>
<div class="trust-item"><div class="trust-number">7</div><div class="trust-label">Tissues Nourished</div></div>
<div class="trust-item"><div class="trust-number">100%</div><div class="trust-label">Natural Approach</div></div>
</div>
</div>
</section>
<section id="knowledge" class="content-section">
<div class="container">
<div class="section-header">
<h2>Immunity Knowledge</h2>
<p>Deepen your understanding of Ayurvedic immunity and rasayana therapy</p>
</div>
<div class="content-grid">
<article class="content-article">
<div class="article-image">
<img src="https://images.unsplash.com/photo-1615485290382-441e4d049cb5?w=600" alt="Chyawanprash rasayana">
</div>
<div class="article-content">
<h3>Chyawanprash: The Ancient Immune Tonic</h3>
<p>Chyawanprash is Ayurveda's most famous rasayana — a herbal jam containing over 40 ingredients with amalaki (Indian gooseberry) as the base. It has been used for over 2,000 years to build immunity, promote longevity, and enhance vitality.</p>
<p>Take 1 tablespoon daily, preferably in the morning on an empty stomach or with warm milk. It builds ojas, strengthens the respiratory system, improves digestion, and provides a rich source of natural vitamin C and antioxidants. Ideal for all ages, especially during winter and seasonal transitions.</p>
<div class="article-meta">
<span><i class="far fa-clock"></i>7 min read</span>
<span><i class="far fa-folder"></i>Rasayana</span>
</div>
</div>
</article>
<article class="content-article">
<div class="article-image">
<img src="https://images.unsplash.com/photo-1597312070198-21b9c1b18c2b?w=600" alt="Immune herbs">
</div>
<div class="article-content">
<h3>Top 10 Ayurvedic Herbs for Immune Support</h3>
<p>Tulsi (holy basil) enhances immune function and fights infections. Guduchi (Tinospora) is a powerful immune modulator. Ashwagandha builds resilience. Amla provides vitamin C and antioxidants. Turmeric is anti-inflammatory and antimicrobial.</p>
<p>Neem purifies blood and fights pathogens. Ginger stimulates digestion and circulation. Licorice soothes the respiratory tract. Brahmi supports immune-related stress. Pippali (long pepper) enhances bioavailability of other herbs. Together, these herbs form a comprehensive immune-supporting pharmacopeia.</p>
<div class="article-meta">
<span><i class="far fa-clock"></i>8 min read</span>
<span><i class="far fa-folder"></i>Herbs</span>
</div>
</div>
</article>
<article class="content-article">
<div class="article-image">
<img src="https://images.unsplash.com/photo-1544161515-4ab6ce6db874?w=600" alt="Seasonal immunity">
</div>
<div class="article-content">
<h3>Seasonal Immunity Protocol: Staying Healthy Year-Round</h3>
<p>Winter: Take chyawanprash daily, use warming spices (ginger, cinnamon, cardamom), eat nourishing soups and stews. This builds ojas for the year ahead. Spring: Cleanse with triphala, neem, and turmeric. Lighten the diet to clear winter accumulation.</p>
<p>Summer: Use cooling herbs (coriander, fennel, rose), stay hydrated with coconut water, and avoid overheating. Monsoon: Focus on digestive herbs (ginger, tulsi), light foods, and avoid raw foods. Fall: Strengthen with ashwagandha, warm oils, and grounding foods. Each season requires specific immune strategies.</p>
<div class="article-meta">
<span><i class="far fa-clock"></i>9 min read</span>
<span><i class="far fa-folder"></i>Seasonal</span>
</div>
</div>
</article>
</div>
</div>
</section>
<section id="contact" class="contact">
<div class="container">
<div class="section-header">
<h2>Build Your Immunity</h2>
<p>Connect with our Ayurvedic specialists for personalized immune-building guidance</p>
</div>
<div class="contact-wrapper">
<div class="contact-info">
<h3>Contact Information</h3>
<p>Our Ayurvedic immunity experts can assess your ojas, identify weaknesses, and create a personalized rasayana plan to strengthen your natural defenses.</p>
<div class="contact-details">
<div class="contact-item"><i class="fas fa-map-marker-alt"></i><div class="contact-item-content"><h4>Location</h4><p>123 Wellness Street<br>Health District, City 12345</p></div></div>
<div class="contact-item"><i class="fas fa-phone"></i><div class="contact-item-content"><h4>Phone</h4><p>+1 (555) 123-4567</p></div></div>
<div class="contact-item"><i class="fas fa-envelope"></i><div class="contact-item-content"><h4>Email</h4><p>info@immunitybuilding.com</p></div></div>
<div class="contact-item"><i class="fas fa-clock"></i><div class="contact-item-content"><h4>Hours</h4><p>Monday - Friday: 9:00 AM - 6:00 PM<br>Saturday: 10:00 AM - 4:00 PM</p></div></div>
</div>
</div>
<div class="contact-form">
<form id="enquiryForm">
<div class="form-group"><label for="name">Full Name</label><input type="text" id="name" name="name" required></div>
<div class="form-group"><label for="email">Email Address</label><input type="email" id="email" name="email" required></div>
<div class="form-group"><label for="phone">Phone Number</label><input type="tel" id="phone" name="phone"></div>
<div class="form-group"><label for="message">Your Message</label><textarea id="message" name="message" required></textarea></div>
<button type="submit" class="submit-btn">Send Enquiry</button>
</form>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section"><h3>Immunity Building</h3><p>Strengthening natural immunity through Ayurvedic rasayana therapy, immune-boosting herbs, and seasonal prevention practices.</p></div>
<div class="footer-section"><h3>Quick Links</h3><ul class="footer-links"><li><a href="#about">About</a></li><li><a href="#services">Immune Solutions</a></li><li><a href="#knowledge">Knowledge Base</a></li><li><a href="#contact">Contact</a></li></ul></div>
<div class="footer-section"><h3>Resources</h3><ul class="footer-links"><li><a href="#">Rasayana Guide</a></li><li><a href="#">Immune Herbs</a></li><li><a href="#">Seasonal Protocol</a></li><li><a href="#">FAQ</a></li></ul></div>
<div class="footer-section"><h3>Legal</h3><ul class="footer-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Disclaimer</a></li><li><a href="#">Professional Standards</a></li></ul></div>
</div>
<div class="footer-bottom"><p>© 2026 Immunity Building Center. All rights reserved. This website is for informational purposes only and does not constitute medical advice.</p></div>
</div>
</footer>
<script>
const mobileToggle = document.querySelector('.mobile-toggle');
const navMenu = document.querySelector('.nav-menu');
mobileToggle.addEventListener('click', () => { navMenu.classList.toggle('active'); });
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); navMenu.classList.remove('active'); }
});
});
const form = document.getElementById('enquiryForm');
form.addEventListener('submit', (e) => {
e.preventDefault();
const formData = new FormData(form);
const data = Object.fromEntries(formData);
console.log('Form submitted:', data);
alert('Thank you for your enquiry. We will get back to you within 24 hours.');
form.reset();
});
let lastScroll = 0;
const navbar = document.querySelector('.navbar');
window.addEventListener('scroll', () => {
const currentScroll = window.pageYOffset;
if (currentScroll > 100) { navbar.style.boxShadow = '0 2px 20px rgba(0,0,0,0.1)'; }
else { navbar.style.boxShadow = '0 2px 10px rgba(0,0,0,0.05)'; }
lastScroll = currentScroll;
});
</script>
</body>
</html>