Main Page: Difference between revisions

From Sanatan Hindu Dharma
No edit summary
(Blanked the page)
Tags: Blanking Reverted Visual edit: Switched
Line 1: Line 1:
<html>
<section class="hero-banner-section">
<img src="https://sanatanhindudharma.org/images/5/57/Discover_Ancient.png" alt="Discover Ancient History and Philosophy" />
<div class="hero-banner-block">   
<div class="hero-banner-heading">Discover Ancient History and Philosophy</div>
<div class="hero-banner-subheading">Learn. Live. Sanatan</div>
</div>
</section>
</html>


<html>
<div class="mw-fullslider" aria-rol<html>
<div class="mw-fullslider" aria-roledescription="carousel" tabindex="0">
  <button class="mw-fullslider-btn prev" aria-label="Previous slide">‹</button>
  <div class="mw-fullslider-viewport">
    <div class="mw-fullslider-track">
      <article class="mw-fullslide">
        <div class="fs-img"><img src="https://sanatanhindudharma.org/File:HinduDharma_Bannerimg1.jpg" alt="Slide 1" loading="lazy"></div>
     
      </article>
      <article class="mw-fullslide">
        <div class="fs-img"><img src="https://sanatanhindudharma.org/File:2.jpg" alt="Slide 2" loading="lazy"></div>
       
      </article>
      <article class="mw-fullslide">
        <div class="fs-img"><img src="https://sanatanhindudharma.org/File:Bannerimg3.jpg" alt="Slide 3" loading="lazy"></div>
      </article>
    </div>
  </div>
  <button class="mw-fullslider-btn next" aria-label="Next slide">›</button>
  <div class="mw-fullslider-dots" role="tablist" aria-label="Slide pagination">
    <button class="dot" data-index="0" aria-label="Go to slide 1" role="tab"></button>
    <button class="dot" data-index="1" aria-label="Go to slide 2" role="tab"></button>
    <button class="dot" data-index="2" aria-label="Go to slide 3" role="tab"></button>
  </div>
</div>
<div class="engage-section">
  <h1>Latest Articles</h1>
</div>
<div id="horizontal-article-bar">
    <div class="scrolling-wrapper">
      <a href="/wiki/Article_1">Why do we light a lamp in the temples?</a>
      <a href="/wiki/Article_2">What is Om?</a>
      <a href="/wiki/Article_3">The meaning of Karma in daily life</a>
      <a href="/wiki/Article_4">What’s the Meaning of “Namaste”?</a>
      <a href="/wiki/Article_5">What’s the Meaning of “Blessing”? </a>
      <a href="/wiki/Article_6">What is Hinduism?</a>
     
 
      <!-- Duplicate for seamless scrolling -->
      <a href="/wiki/Article_1">Why do we light a lamp in the temples?</a>
      <a href="/wiki/Article_2">What is Om?</a>
      <a href="/wiki/Article_3">The meaning of Karma in daily life</a>
      <a href="/wiki/Article_4">What’s the Meaning of “Namaste”?</a>
      <a href="/wiki/Article_5">What’s the Meaning of “Blessing”? </a>
      <a href="/wiki/Article_6">What is Hinduism?</a>
   
    </div>
  </div>
</html>
[[File:चित्र:Image2.jpg|thumb]]
<html>
<div class="custom-two-column">
  <div class="left-column">
    <img
      src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/Hindu-Dharm-Shodh-Sansthan-123.webp"
      class="two-col-img img-fluid no-border">
  </div>
  <div class="right-column">
    <h2>Latest Articles</h2>
    <ul>
     
      <li><a href=#>Why do we light a lamp in the temples?</a></li>
      <li><a href=#>What is Om?</a></li>
      <li><a href=#>The meaning of Karma in daily life</a></li>
      <li><a href=#>What’s the Meaning of “Namaste”?</a></li>
 
   
    </ul>
  </div>
</div>
<div class="engage-section">
  <h1>Engage, Explore & Experience Sanatan Dharma</h1>
  <h2>Sanatan wisdom, tailored for everyone</h2>
</div>
<!-- Slider One -->
<div class="mw-slider" aria-roledescription="carousel">
  <button class="mw-slider-btn prev" aria-label="Previous">‹</button>
  <div class="mw-slider-viewport">
    <div class="mw-slider-track">
      <div class="mw-slider-item">
<div class="img-wrap">
        <img src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/3907.jpg" alt="Image 1"> </div>
        <h3>Children & Youth</h3>
        <p>Fun stories, quizzes, Sanskrit Sūtras for life.</p>
      </div>
      <div class="mw-slider-item">
<div class="img-wrap">
        <img src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/2151765658.jpg" alt="Image 2"></div>
        <h3>Families</h3>
        <p>Guides for rituals, festivals, and home traditions.</p>
      </div>
      <div class="mw-slider-item">
<div class="img-wrap">
        <img src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/2147868639.jpg" alt="Image 3"></div>
        <h3>Scholars</h3>
        <p>Research resources, manuscripts, publications.</p>
      </div>
      <div class="mw-slider-item">
<div class="img-wrap">
        <img src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/spritual.jpg" alt="Image 4"></div>
        <h3>Global Audience</h3>
        <p>Multilingual digital library & webinars.</p>
      </div>
      <div class="mw-slider-item">
<div class="img-wrap">
        <img src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/38645.jpg" alt="Image 5"></div>
        <h3>Yatra-Parampara</h3>
        <p>Pilgrimage Traditions.</p>
      </div>
      <div class="mw-slider-item">
<div class="img-wrap">
        <img src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/21.jpg" alt="Image 6"></div>
        <h3>Living Dharm: How To</h3>
        <p>Practical guides for everyday Dharma.</p>
      </div>
    </div>
  </div>
  <button class="mw-slider-btn next" aria-label="Next">›</button>
</div>
<div class="engage-section">
  <h1>Explore Sanatan Wisdom </h1>
</div>
<div class="three-cards-wrap">
  <div class="three-cards-row">
    <div class="card">
      <div class="card-image">
        <!-- External image -->
        <img src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/spiritual.png">
      </div>
      <div class="card-body">
        <div>
          <h3>Spiritual Wisdom</h3>
          <p>Discover the timeless teachings of Sanatan Dharma that guide humanity towards peace and unity.</p>
        </div>
        <a class="card-btn" href="/wiki/Spiritual_Wisdom">Learn More</a>
      </div>
    </div>
    <div class="card">
      <div class="card-image">
        <img src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/spiritual.png">
      </div>
      <div class="card-body">
        <div>
          <h3>Divine Symbols</h3>
          <p>Understand the spiritual meanings behind sacred symbols and how they connect us to the divine.</p>
        </div>
        <a class="card-btn" href="/wiki/Divine_Symbols">Learn More</a>
      </div>
    </div>
    <div class="card">
      <div class="card-image">
        <img src="https://palegoldenrod-hawk-418440.hostingersite.com/wp-content/uploads/2025/10/spiritual.png">
      </div>
      <div class="card-body">
        <div>
          <h3>Living Traditions</h3>
          <p>Experience rituals, festivals and practices that celebrate devotion, culture, and wisdom.</p>
        </div>
        <a class="card-btn" href="/wiki/Living_Traditions">Learn More</a>
      </div>
    </div>
  </div>
</div>
<div class="engage-section">
  <h1>Dive into the ocean of Sanatan knowledge. </h1>
</div>
<div class="mw-accordion-container">
  <div class="mw-accordion-item">
    <input type="checkbox" id="acc1" class="mw-accordion-checkbox" hidden>
    <label for="acc1" class="mw-accordion-header" aria-expanded="false" tabindex="0">
      Trusted Repository of Hindu Knowledge
      <span class="mw-accordion-icon">▼</span>
    </label>
    <div class="mw-accordion-content">
      A trusted digital and physical repository of Hindu knowledge – where ancient scriptures, traditions and practices are preserved and made accessible to all
    </div>
  </div>
  <div class="mw-accordion-item">
    <input type="checkbox" id="acc2" class="mw-accordion-checkbox" hidden>
    <label for="acc2" class="mw-accordion-header" aria-expanded="false" tabindex="0">
      Globally Respected Research Platform
      <span class="mw-accordion-icon">▼</span>
    </label>
    <div class="mw-accordion-content">
      A globally respected platform for research, reflection and reference – providing a space for spiritual insight, brainstorming and cordial dialogue from diverse perspectives
    </div>
  </div>
  <div class="mw-accordion-item">
    <input type="checkbox" id="acc3" class="mw-accordion-checkbox" hidden>
    <label for="acc3" class="mw-accordion-header" aria-expanded="false" tabindex="0">
      Bridging Ancient Wisdom and Modern Needs
      <span class="mw-accordion-icon">▼</span>
    </label>
    <div class="mw-accordion-content">
      Bridging ancient wisdom and modern needs – providing an integrated approach to a balanced, conscious and purposeful life
    </div>
  </div>
  <div class="mw-accordion-item">
    <input type="checkbox" id="acc4" class="mw-accordion-checkbox" hidden>
    <label for="acc4" class="mw-accordion-header" aria-expanded="false" tabindex="0">
      Catalyst for Cultural Confidence & Awakening
      <span class="mw-accordion-icon">▼</span>
    </label>
    <div class="mw-accordion-content">
      Catalyst for cultural self-confidence, spiritual awakening and national pride – Inspiring cultural self-confidence, spiritual awakening and national pride
    </div>
  </div>
  <div class="mw-accordion-item">
    <input type="checkbox" id="acc5" class="mw-accordion-checkbox" hidden>
    <label for="acc5" class="mw-accordion-header" aria-expanded="false" tabindex="0">
      People-Centric Initiative
      <span class="mw-accordion-icon">▼</span>
    </label>
    <div class="mw-accordion-content">
      A people-centric initiative – dedicated to presenting the timeless wisdom of Sanatana Dharma in simple, intuitive and easy-to-understand ways, making it accessible to everyone from curious children and everyday seekers to thoughtful elders and householders
    </div>
  </div>
</div>
</html>
<html>
<div class="join-and-collaborate-section">
    <div class="container">
      <h2 class="section-heading">Join and Collaborate</h2>
      <div class="btn-coin-collaborate-block">
        <a href="https://hindudharmashodhsansthan.in/en/donation/" target="_blank"><img src="https://sanatanhindudharma.org/images/5/55/Donate.png" width="80px" height="80px" /> Donate</a>
        <a href="https://hindudharmashodhsansthan.in/en/join/" target="_blank"><img src="https://sanatanhindudharma.org/images/2/27/Join.png" width="80px" height="80px" /> Join and Contribute</a>
        <a href="https://hindudharmashodhsansthan.in/en/volunteer/" target="_blank"><img src="https://sanatanhindudharma.org/images/b/b0/Member.png" width="80px" height="80px" /> Become a Member</a>
      </div>       
    </div>
  </div>
</html>

Revision as of 12:36, 6 November 2025