index.html

<!DOCTYPE html>
<html lang="sat">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ᱠᱷᱮᱨᱣᱟᱲᱟᱜ ᱥᱟᱯᱟᱵ | Santali Tools</title>
  <link rel="icon" type="image/x-icon" href="./assets/icons/logo/favicon.ico">
  <link rel="stylesheet" href="./assets/layout/css/layout.css">
  <link rel="stylesheet" href="assets/template/css/home/home.css">
  <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=Noto+Sans+Ol+Chiki:wght@400..700&display=swap" rel="stylesheet">
</head>

<body>
  <header>
    <div class="mobile-header">
        <button class="menu-toggle" id="menu-toggle" onclick="toggleMenu()">☰</button>
        <span class="site-name" transdata="sitename">ᱠᱷᱮᱨᱣᱟᱲᱟᱜ ᱥᱟᱯᱟᱵ</span>
        <span class="langsel">
            <select id="languageSelectorM" title="Language" onchange="changeLanguage(event)">
            <option value="sat">ᱥᱟᱱᱛᱟᱲᱤ</option>
            <option value="en">English</option>
            </select>
        </span>
    </div>
    <div class="desktop-header">
        <span class="site-name" transdata="sitename">ᱠᱷᱮᱨᱣᱟᱲᱟᱜ ᱥᱟᱯᱟᱵ</span>
        <nav>
            <ul class="desktop-menu">
                <li>
                  <select id="languageSelector" title="Language" onchange="changeLanguage(event)">
                  <option value="sat">ᱥᱟᱱᱛᱟᱲᱤ</option>
                  <option value="en">English</option>
                  </select>
                </li>
                <li><a href="/">ᱚᱲᱟᱜ</a></li>
                <li><a href="/about/">ᱟᱞᱮ ᱵᱟᱵᱚᱛ</a></li>
                <li class="dropdown">
                    <a href="#tools">ᱥᱟᱯᱟᱵ ᱠᱚ</a>
                    <ul class="dropdown-menu">
                      <li><a href="/wt/search/">Check Word</a></li>
                      <li><a href="/wt/dics/">Dictionary/Translation Search</a></li>
                      <li><a href="/wt/itemp/">Interactive Template</a></li>
                      <li><a href="/wt/temp/">Wiktionary Template</a></li>
                      <li><a href="/wt/stemp/">SN Template</a></li>
                      <li><a href="/wt/mymemory/">Mymemory</a></li>
                      <li><a href="/wt/sptts/">Santali TTS</a></li>
                    </ul>
                </li>
                <li><a href="https://olbaha.blogspot.com/p/contact.html" target="_blank" rel="noopener">ᱥᱟᱹᱜᱟᱹᱭ ᱞᱮᱯᱮ</a></li>
            </ul>
        </nav>
    </div>
</header>

<div id="mobile-menu" class="mobile-menu">
  <button id="close-menu" class="close-button">X</button>
  <!-- Add your menu items here -->
  <a href="/">ᱚᱲᱟᱜ</a>
  <a href="/about/">ᱟᱞᱮ ᱵᱟᱵᱚᱛ</a>
  <div class="dropdown">
    <a href="#tools" class="dropdown-toggle" onclick="toggleDropdown(event)">ᱥᱟᱯᱟᱵ ᱠᱚ <span class="drop-u"><img width="20" height="20" src="https://img.icons8.com/ios/1600/FFFFFF/circled-chevron-down.png" alt="circled-chevron-down"/></span> </a>
    <ul class="dropdown-content">
      <li><a href="/wt/search/">Check Word</a></li>
        <li><a href="/wt/dics/">Dictionary/Translation Search</a></li>
        <li><a href="/wt/itemp/">Interactive Template</a></li>
        <li><a href="/wt/temp/">Wiktionary Template</a></li>
        <li><a href="/wt/stemp/">SN Template</a></li>
        <li><a href="/wt/mymemory/">Mymemory</a></li>
        <li><a href="/wt/sptts/">Santali TTS</a></li>
    </ul>
</div>
  <a href="https://olbaha.blogspot.com/p/contact.html" target="_blank" rel="noopener">ᱥᱟᱹᱜᱟᱹᱭ ᱞᱮᱯᱮ</a>
</div>

<div class="overlay" id="overlay"></div>

  <main>
    <!-- [ Your content goes here... ] -->
    <div class="container">
      <!-- -------------------------------
           Quotes Slider Section
      ------------------------------- -->
      <section class="quotes-slider">
        <h2>Quotes</h2>
        <div class="slider" id="quotesSlider">
          <div class="slides" id="quotesSlides">
            <!-- Quote slides will be injected here -->
          </div>
        </div>
      </section>
      
      <!-- -------------------------------
           Featured Project Section
      ------------------------------- -->
      <section class="featured-project">
        <h2>Spotlight</h2>
        <div id="featuredProject">
          <div class="featured-item">
            <!-- Featured project data will be injected here -->
          </div>
          
        </div>
      </section>
      
      <!-- -------------------------------
           All Projects Section
      ------------------------------- -->
      <section class="projects">
        <h2>ᱥᱟᱱᱟᱢ ᱥᱟᱯᱟᱵᱠᱚ</h2>
        <div class="project-gallery" id="projectGallery">
          <!-- Project items will be injected here -->
        </div>
      </section>
      
      <!-- -------------------------------
           Team Members Section
      ------------------------------- -->
      <section class="team">
        <h2>ᱨᱟᱹᱥᱭᱟᱹᱠᱚ</h2>
        <div class="team-members" id="teamMembers">
          <!-- Team members will be injected here -->
        </div>
      </section>
      
      <!-- -------------------------------
           Affiliates Section
      ------------------------------- -->
      <section class="affiliates">
        <h2>ᱟᱞᱮ ᱥᱟᱶ ᱡᱚᱯᱚᱲᱟᱣᱠᱚ</h2>
        <div class="affiliate-logos" id="affiliateLogos">
          <!-- Affiliate logos will be injected here -->
        </div>
      </section>
    </div>
  </main>

  <footer>
    <p> <span class="copyrt">©</span> 2024 <a href="https://olbaha.blogspot.com/" target="_blank" rel="noopener">Santali Tools</a>. All Rights Reserved.</p>
  </footer>

  <!-- [ JavaScript ] -->
  <script src="./assets/layout/js/layout.js"></script>
  <script src="./assets/template/js/home/home.js"></script>

</body>
</html>