home

<!-- 🔗 Skip to Main Content -->
<a href="#main-content" class="skip-link" style="position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;background:black;color:white;padding:8px;z-index:999;">Skip to main content</a>

<!-- 🔧 Accessibility Controls -->
<div style="margin:1rem 0;" aria-label="Accessibility Controls">
  <button onclick="document.body.style.fontSize='larger';" style="margin-right:5px;">A+</button>
  <button onclick="document.body.style.fontSize='smaller';" style="margin-right:5px;">A-</button>
  <button onclick="document.body.classList.toggle('high-contrast');">🌓 Toggle High Contrast</button>
</div>

<!-- 🌐 Main Content -->
<div id="main-content">

  <!-- ✨ Welcome Section -->
  <section aria-label="Welcome">
    <h2>Welcome to ThriveFusion</h2>
    <p>Empowering lives through accessibility, inclusive education, and dignified employment. Designed for everyone.</p>
    <a href="/about" class="button">Learn More</a>
  </section>

  <!-- 💜 About Section -->
  <section aria-labelledby="about-heading">
    <h2 id="about-heading">About ThriveFusion</h2>
    <p>We're committed to building a barrier-free world where persons with disabilities have the tools and pathways they need to thrive.</p>
  </section>

  <!-- 🧰 Assistive Tools Section -->
  <section aria-labelledby="tools-heading">
    <h2 id="tools-heading">Assistive Tools</h2>
    <p>Browse NVDA enhancements, accessible file converters, and user-friendly shortcuts that empower digital independence.</p>
    <a href="/downloads" class="button">Browse Resources</a>
  </section>

  <!-- 💼 Inclusive Job Portal -->
  <section aria-labelledby="jobs-heading">
    <h2 id="jobs-heading">Find Inclusive Jobs</h2>
    <p>Partnered with leading inclusive employers and platforms to bring you dignified opportunities.</p>
    <a href="https://swarajability.org/" target="_blank" rel="noopener" class="button">SwarajAbility</a>
    <a href="https://divyangcareer.com/" target="_blank" rel="noopener" class="button">Divyang Career</a>
    <a href="https://atypicaladvantage.in/find-a-job" target="_blank" rel="noopener" class="button">Atypical Advantage</a>
    <a href="https://enabled.in/wp/" target="_blank" rel="noopener" class="button">Enabled.in</a>
    <a href="https://www.indgovtjobs.in/2015/10/PWD-PH-Govt-Jobs.html" target="_blank" rel="noopener" class="button">IndGovtJobs</a>
    <br />
    <a href="/jobs" class="button">View Local Jobs</a>
  </section>

  <!-- 📚 Education Portal -->
  <section aria-labelledby="education-heading">
    <h2 id="education-heading">Inclusive Learning</h2>
    <p>Unlock skill-building courses and inclusive training tools tailored to diverse abilities.</p>
    <a href="/education" class="button">Explore Courses</a>
  </section>

  <!-- 🔖 Latest News (Static) -->
  <section aria-labelledby="news-heading">
    <h2 id="news-heading">ThriveFusion Updates</h2>
    <article>
      <h3><a href="/news/article-1">Inclusive Design Workshop Launched</a></h3>
      <p>We recently held a workshop to train educators and designers on accessibility-first thinking.</p>
    </article>
    <article>
      <h3><a href="/news/article-2">Accessible Job Fair: A Success!</a></h3>
      <p>Over 300 job seekers with disabilities participated in our inclusive job fair this month.</p>
    </article>
    <article>
      <h3><a href="/news/article-3">Free Assistive Tools Toolkit Released</a></h3>
      <p>Download the latest tools and guides for screen readers, speech input, and more.</p>
    </article>
  </section>

  <!-- 💬 Community Engagement (No Fake Testimonials) -->
  <section aria-labelledby="community-heading">
    <h2 id="community-heading">Community Engagement</h2>
    <p>We're working hard to support people with disabilities. If you've benefited from our work and would like to share your experience, please reach out — we'd love to feature real voices from our community.</p>
  </section>

  <!-- 🔐 Social Login -->
  <section aria-labelledby="login-heading">
    <h2 id="login-heading">Sign In to Thrive</h2>
    <p>Use your preferred account to access personalized features:</p>
    <button class="button" aria-label="Sign in with Google">Sign in with Google</button>
    <button class="button" aria-label="Sign in with Microsoft">Sign in with Microsoft</button>
  </section>

</div>

<!-- 🌒 Contrast Mode Styles -->
<style>
  .button {
    padding: 0.5em 1em;
    margin: 0.5em 0.2em;
    background-color: #0073aa;
    color: white;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
  }
  .high-contrast {
    background-color: black !important;
    color: white !important;
  }
  .high-contrast a {
    color: #00ffcc !important;
  }
</style>    
en_USEnglish