<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="INRU aims at bridging the gap between the nations of India and Russia and cultivate a sense of brotherhood among the citizens of the two nations based on the feelings of trust, respect and love.,
    Category: Learning Resources,"
    />
    <link rel="canonical" href="https://www.inru.in/">
    <link
      rel="apple-touch-icon"
      sizes="512x512"
      href="/assets/inrulogo.webp"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="512x512"
      href="/assets/inrulogo.webp"
    />
    <script
      src="https://kit.fontawesome.com/321e2dcd1b.js"
      crossorigin="anonymous"
    ></script>

    <!-- CSS only -->
    <link rel="preload stylesheet" href="stylesheets/index.css" as="style" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css"
      crossorigin="anonymous"
      integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor"
      rel="preload stylesheet"
      as="style"
    />
    <link rel="stylesheet" href="stylesheets/Pacifico.css" />
    <link rel="stylesheet" href="stylesheets/Rubik.css" />
    <link rel="stylesheet" href="stylesheets/Material_Icons.css" />
    <link rel="stylesheet" href="stylesheets/navbar.css" />
    <link rel="stylesheet" href="stylesheets/button.css" />
    <title>INRU</title>
    <style>
      html,body{
        overflow-x: hidden;
      }
    </style>
  </head>

  <body>
    <!-- Start of Header -->
    <header class="Header head" style="position: fixed">
      <a href="index.html" class="inru">
        <img class="logo" src="./assets/inrulogo.webp" alt="INRU" />
        <h1>INRU</h1>
      </a>
      <div class="dropdown">
        <a class="toggle-button" onclick="showMenu()" type="button">
          <img
            id="hamburger"
            src="./assets/transhammenu.webp"
            alt="hamburger menu"
          />
        </a>
        <div id="menu" class="dropdown-content">
          <a href="#Home">Home</a>
          <a href="#Learn">Learn</a>
          <a href="#Publications">Publications</a>
          <a href="#Culture">Culture</a>
          <a href="#Career">Career</a>
          <a href="./contact-form1.html">Contact us</a>
        </div>
      </div>
      <ul>
        <li class="active-tab Home"><div class="dropdowner">
          <a href="#Home" class="dropbutton">Home</a>
          <div class="dropdowner-content">
            <a href="inruaboutus.html">About Us</a>
            <a href="contact-form1.html">Contribute</a>
          </div>
        </div></li>
        <li class="Learn"><div class="dropdowner">
          <a href="#Learn" class="dropbutton">Learn</a>
          <div class="dropdowner-content">
            <a href="dialogue.html">Dialogues</a>
            <a href="enhancerussianspeaking.html">Communication</a>
            <a href="phrases.html">Phrases</a>
            <a href="anecdotes.html">Anecdotes</a>
            <a href="onlinetest.html">Online Test</a>
            <a href="onlinegame.html">Online games</a>
            <a href="studentszone.html">Students zone</a>
            <a href="nominative_learn.html">Nominative</a>
            <a href="accusativecase.html">Accusative</a>
            <a href="genetivecase.html">Genetive</a>
            <a href="dativecase.html">Dative</a>
            <a href="instrumentalcases.html">Instrumental</a>
          </div>
        </div></li>
        <li class="Publications"><div class="dropdowner">
          <a href="#Publications" class="dropbutton">Publications</a>
          <div class="dropdowner-content">
            <a href="book.html">Books</a>
            <a href="research.html">Research</a>
            <a href="testimonies.html">Testimonies</a>
          </div>
        </div></li>
        <li class="Culture"><div class="dropdowner">
          <a href="#Culture" class="dropbutton">Culture</a>
          <div class="dropdowner-content">
            <a href="katyusha.html">Katyusha</a>
            <a href="virtualtour.html">Virtual Tour of Russia</a>
          </div>
        </div></li>
        <li class="Career"><div class="dropdowner">
          <a href="#Career" class="dropbutton">Career</a>
          <div class="dropdowner-content">
            <a href="career1.html">Websites</a>
            <a href="uni.html">Universities</a>
          </div>
        </div></li>
        <li>
          <a href="./contact-form1.html">Contact us</a>
        </li>
      </ul>
      <!-- </div> -->
    </header>
    <section id="Home">
    <div class="placeholder">
      IF YOU ARE SEEING THIS THEN SOMETHING IS WRONG
    </div>
    <!-- Header ends -->

    <!-- carousel  -->
    <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="true">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
                aria-current="true" aria-label="Slide 1"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
                aria-label="Slide 2"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
                aria-label="Slide 3"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3"
                aria-label="Slide 4"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4"
                aria-label="Slide 5"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="5"
                aria-label="Slide 6"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="6"
                aria-label="Slide 7"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="7"
                aria-label="Slide 8"></button>
        </div>
        <div class="carousel-inner">
            <!-- <div class="carousel-item active">
                <img src="./assets/carouselimgs/indrussprez.webp" class="d-block w-100" alt="INRU">
            </div> -->
            <div class="carousel-item active" style="background-image:url(./assets/carouselimgs/Moskvoretsky_Bridge.webp);">
                <!-- <img src="./assets/carouselimgs/Moskvoretsky_Bridge.webp" class="d-block w-100" alt="..."> -->
            </div>
            <div class="carousel-item" style="background-image:url(./assets/carouselimgs/jodhpur360.webp);">
            </div>
            <div class="carousel-item" style="background-image:url(./assets/carouselimgs/india-gc02e363d7_1920.webp);">
            </div>
            <div class="carousel-item" style="background-image:url(./assets/carouselimgs/pexels-evgenia-kirpichnikova-5956458.webp);">
            </div>
            <div class="carousel-item" style="background-image:url(./assets/carouselimgs/spiti-gdc0ac5115_1920.webp);">
            </div>
            <div class="carousel-item" style="background-image:url(./assets/carouselimgs/moscow-gccfb84513_1920.webp);">
            </div>
            <div class="carousel-item" style="background-image:url(./assets/carouselimgs/pexels-виктор-соломоник-8284349.webp);">
            </div>
        </div>
      </div>
      <button
        class="carousel-control-prev"
        type="button"
        data-bs-target="#carouselExampleIndicators"
        data-bs-slide="prev"
      >
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button
        class="carousel-control-next"
        type="button"
        data-bs-target="#carouselExampleIndicators"
        data-bs-slide="next"
      >
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>
    <!-- /carousel  -->

    <div class="Extras">
      <p>
        Welcome to INRU©. The purpose of this site is to promote Russian language learning
        and strengthen the friendship between India and Russia. This site provides 
        information about the Russian language, culture, Literature, and History. 
        <br />
        <a href="./inruaboutus.html" class="index--extras--link--style"
          >Read More ...</a
        >
      </p>
    </div>
  </section>
    <!-- "Home" part of Homepage ends -->
    <!-- Learn part begins -->
    <section id="Learn">
    <div class="Learn">
      <div class="headingbox">
        <h1 class="headings" id="Learn">LEARN</h1>
        <a href="learn.html" class="btn">
          <button class="explore">
            <div class="i-wrapper-1">
              <div class="i-wrapper">
                <i class="fa-solid fa-hand-point-up"></i>
              </div>
            </div>
            <span>Explore More</span>
          </button>
        </a>
        <div class="subheadings" id="Learn"></div>
      </div>
      <div class="mainBody">
        
        <div class="cards">
          <a href = "/dialogue.html" class="hyperlink">
            <div class="card">
            <img
              src="assets/Home page. sections/Home page. Dialogues.webp"
              class="card-img-top"
              style="height: 250px"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Dialogues in Russian</h5>
              <p class="card-text"></p>
              <!-- <a href="/dialogue.html"
                ><button class="more">
                  <span>More</span>
                </button></a
              > -->
            </div>
          </div></a>
          <a href="enhancerussianspeaking.html" class="hyperlink">
          <div class="card" >
            <img
              src="assets/Home page. sections/Home page. Communication Skills.webp"
              class="card-img-top"
              style="height: 250px"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Communication Skills</h5>
              <p class="card-text"></p>
              <!-- <a href="enhancerussianspeaking.html">
                <button class="more">
                  <span>More</span>
                </button></a
              > -->
            </div>
          </div>
          </a>
          <a href="phrases.html" class="hyperlink">
          <div class="card" >
            <img
              src="assets/Home page. sections/Home page. Phrases.webp"
              class="card-img-top"
              style="height: 250px"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Phrases in Russian</h5>
              <p class="card-text"></p>
              <!-- <a href="phrases.html"
                ><button class="more">
                  <span>More</span>
                </button></a
              > -->
            </div>
          </div>
          </a>
          <a href="anecdotes.html" class="hyperlink">
          <div class="card" >
            <img
              src="assets/Home page. sections/Home Page. Anecdotes.webp"
              class="card-img-top"
              style="height: 250px"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Anecdotes in Russian</h5>
              <p class="card-text"></p>
              <!-- <a href="anecdotes.html"
                ><button class="more">
                  <span>More</span>
                </button></a
              > -->
            </div>
          </div>
          </a>
          <a href="studentszone.html" class="hyperlink">
          <div class="card" >
            <img
              src="assets/Student_zone.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Students Zone</h5>
              <p class="card-text"></p>
              <!-- <a href="studentszone.html"
                ><button class="more">
                  <span>More</span>
                </button></a
              > -->
            </div>
          </div></a>

          <a href="onlinegame.html" class="hyperlink">
          <div class="card">
            <img
              src="assets/Home page. sections/Online Game.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Online Games</h5>
              <p class="card-text"></p>
              <!-- <a href="onlinegame.html"
                ><button class="more">
                  <span>More</span>
                </button></a
              > -->
            </div>
          </div></a>

          <a href="onlinetest.html" class="hyperlink">
          <div class="card" style="width: 18rem">
            <img
              src="assets/Home page. sections/Online Exercise.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Online Test</h5>
              <p class="card-text"></p>
              <!-- <a href="onlinetest.html"
                ><button class="more">
                  <span>More</span>
                </button></a
              > -->
            </div>
          </div></a>

          <a href="nominative_learn.html" class="hyperlink">
          <div class="card" style="width: 18rem">
            <img
              src="assets/studentsstudying.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Nominative Case</h5>
              <p class="card-text"></p>
              <!-- <a href="nominative_learn.html"
                ><button class="more">
                  <span>Learn</span>
                </button></a
              > -->
            </div>
          </div></a>
          <a href="accusativecase.html" class="hyperlink">
          <div class="card" style="width: 18rem">
            <img
              src="assets/accusative.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Accusative case</h5>
              <p class="card-text"></p>
              <!-- <a href="/accusativecase.html"
                ><button class="more">
                  <span>Learn</span>
                </button></a
              > -->
            </div>
          </div></a>
          <a href="genetivecase.html" class="hyperlink">
          <div class="card" style="width: 18rem">
            <img
              src="assets/genitive.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Genitive Case</h5>
              <p class="card-text"></p>
              <!-- <a href="genetivecase.html"
                ><button class="more">
                  <span>Learn</span>
                </button></a
              > -->
            </div>
          </div>
          </a>

          <a href="dativecase.html" class="hyperlink">
          <div class="card" style="width: 18rem">
            <img
              src="assets/dative.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Dative Case</h5>
              <p class="card-text"></p>
              <!-- <a href="./dativecase.html"
                ><button class="more">
                  <span>Learn</span>
                </button></a
              > -->
            </div>
          </div></a>

          <a href="instrumentalcases.html" class="hyperlink">
          <div class="card" style="width: 18rem">
            <img
              src="assets/instrumental.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Instrumental Case</h5>
              <p class="card-text"></p>
              <!-- <a href="./instrumentalcases.html"
                ><button class="more">
                  <span>Learn</span>
                </button></a
              > -->
            </div>
          </div></a>

        </div>
      </div>
    </div>
  </section>
    <!-- Learn Part ends -->

    <div class="gap"></div>
    <!-- Publications part begins -->
    <section id="Publications">
    <div class="headingbox">
      <h1 class="headings" id="Publications">PUBLICATIONS</h1>
      <a href="publications.html" class="btn">
        <button class="explore">
          <div class="i-wrapper-1">
            <div class="i-wrapper">
              <i class="fa-solid fa-hand-point-up"></i>
            </div>
          </div>
          <span>Explore More</span>
        </button>
      </a>
      <div class="subheadings" id="publications"></div>
    </div>
    <div class="mainBody">
      <div class="cards">
        <!-- <img src="/assets/left1.webp" alt="leftArrow" id="leftimg"> -->
        <a href="book.html" class="hyperlink">
        <div class="card" style="width: 18rem">
          <img
            src="assets/books.webp"
            class="card-img-top"
            alt="..."
          />
          <div class="card-body">
            <p class="card-title">Books</p>
            <p class="others"></p>
            <p class="card-text"></p>
            <!-- <a href="book.html"
              ><button class="more">
                <span>More</span>
              </button></a
            > -->
          </div>
        </div></a>
        <a href="research.html" class="hyperlink">
        <div class="card" style="width: 18rem">
          <img
            src="assets/Home page. sections/Research Articles.webp"
            class="card-img-top"
            alt="..."
          />
          <div class="card-body">
            <p class="card-title">Research Articles</p>
            <p class="others"></p>
            <p class="card-text"></p>
            <!-- <a href="research.html"
              ><button class="more">
                <span>More</span>
              </button></a
            > -->
          </div>
        </div>
        </a>
        <a href="testimonies.html" class="hyperlink">
        <div class="card" style="width: 18rem">
          <img
            src="assets/testimony.webp"
            class="card-img-top"
            alt="..."
          />
          <div class="card-body">
            <p class="card-title">Testimonies</p>
            <p class="others"></p>
            <p class="card-text"></p>
            <!-- <a href="testimonies.html"
              ><button class="more">
                <span>More</span>
              </button></a
            > -->
          </div>
        </div></a>

        <!-- <img src="assets/right1.webp" alt="rightArrow" id="rightimg"> -->
      </div>

      <!-- Divider code -->
      <!-- <span class="verticalLine hidden-mobile"></span> -->

      <!-- Divider Code End -->
      <!--  <div class="paragraph pt-5">
        <h2></h2>
        <div class="first">
          <p class="fw-bold fs-3">Publications section includes:</p>
          <ul>
            <li>Books published</li>
            <li>Research articles</li>
            <li>Testimonies</li>
          </ul>
        </div>
        <br />
        <a href="publications.html">
          <button class="explore">
            <div class="i-wrapper-1">
              <div class="i-wrapper">
                <i class="fa-solid fa-hand-point-up"></i>
              </div>
            </div>
            <span>Explore More</span>
          </button>
        </a> 
      </div> -->
    </div>
  </section>
    <!-- Publications part ends -->
    <div class="gap"></div>
    <!-- Learn part begins -->
    <section id="Culture">
    <div class="Culture">
      <div class="headingbox">
        <h1 class="headings" id="Culture">CULTURE</h1>
        <a href="culture.html" class="btn">
          <button class="explore">
            <div class="i-wrapper-1">
              <div class="i-wrapper">
                <i class="fa-solid fa-hand-point-up"></i>
              </div>
            </div>
            <span>Explore More</span>
          </button>
        </a>
        <div class="subheadings" id="Culture"></div>
      </div>
      <div class="mainBody">
        <!-- <div class="paragraph">
          <h2></h2>
          <div class="first pt-5">
            <p class=" fw-bold fs-3">The culture section includes:</p>
            <ul>
              <li>Folk songs</li>
              <li>Poetry, and many more</li>
            </ul>
          </div>
          <br />
          <a href="culture.html">
            <button class="explore">
              <div class="i-wrapper-1">
                <div class="i-wrapper">
                  <i class="fa-solid fa-hand-point-up"></i>
                </div>
              </div>
              <span>Explore More</span>
            </button>
          </a>
        </div> -->
        
        <!-- Divider code -->
        <!-- <span class="verticalLine hidden-mobile"></span> -->

      <!-- Divider Code End -->
        <div class="cards">
          <a href="./pdf/maroz.zip" class="hyperlink"><div class="card" style="width: 18rem">
            <img
              src="assets/Home page. sections/Home Page Song Maroz.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">
                &quot;&#1052;&#1086;&#1088;&#1086;&#1079;&quot; (Video)
              </h5>
              <p class="card-text"></p>
              <!-- <a href="./pdf/maroz.zip"
                ><button class="buttonDownload">Download</button></a
              > -->
            </div>
          </div></a>

          <a href="katyusha.html" class="hyperlink">
          <div class="card" style="width: 18rem">
            <img
              src="assets/Home page. sections/Song Katyusha.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Folk Song "Katyusha "</h5>
              <p class="card-text"></p>
              <!-- <a href="katyusha.html"
                ><button class="more">
                  <span>More</span>
                </button></a
              > -->
            </div>
          </div>
          </a>

          <a href="./pdf/poemseng.zip" class="hyperlink">
          <div class="card" style="width: 18rem">
            <img
              src="assets/poems.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Russian Poetry</h5>
              <p class="card-text"></p>
              <!-- <a href="./pdf/poemseng.zip"
                ><button class="buttonDownload">Download</button></a
              > -->
            </div>
          </div>
          </a>


          <a href="./pdf/samovar.zip" class="hyperlink">          
          <div class="card" style="width: 18rem">
            <img
              src="assets/samovar.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Samovar</h5>
              <p class="card-text"></p>
              <!-- <a href="./pdf/samovar.zip"
                ><button class="buttonDownload">Download</button></a
              > -->
            </div>
          </div>
          </a>

          <a href="virtualtour.html" class="hyperlink">
          <div class="card" style="width: 18rem">
            <img
              src="assets\carouselimgs\the-kremlin-gf7dae8369_1920.webp"
              class="card-img-top"
              alt="..."
            />
            <div class="card-body">
              <h5 class="card-title">Virtual Tour of Russia</h5>
              <p class="card-text"></p>
              <!-- <a href="virtualtour.html" target="_blank"
                    ><button class="more">
                      <span>More</span>
                    </button></a
                  > -->
            </div>

          </div></a>
        </div>
    </div>
    </section>
    <!-- Culture Part ends -->
    <div class="gap"></div>
    <!-- Career part begins -->
    <section id="Career">
    <div class="headingbox">
      <h1 class="headings" id="Career">CAREER</h1>
      <a href="career.html" class="btn">
        <button class="explore">
          <div class="i-wrapper-1">
            <div class="i-wrapper">
              <i class="fa-solid fa-hand-point-up"></i>
            </div>
          </div>
          <span>Explore More</span>
        </button>
      </a>
      <div class="subheadings" id="Career"></div>
    </div>
    <div class="mainBody">
      <div class="cards">
        <!-- <img src="/assets/left1.webp" alt="leftArrow" id="leftimg"> -->
        <a href="career1.html" class="hyperlink">
        <div class="card" style="width: 18rem">
          <img
            src="assets/Career.webp"
            class="card-img-top"
             
            alt="..."
          />
          <div class="card-body">
            <p class="card-title">Websites for Career</p>
            <p class="others"></p>
            <p class="card-text"></p>
            <!-- <a href="career1.html"
              ><button class="more">
                <span>More</span>
              </button></a
            > -->
          </div>
        </div>
        </a>

        <a href="uni.html" class="hyperlink">
        <div class="card" style="width: 18rem">
          <img
            src="assets/university.webp"
            class="card-img-top"
            
            alt="..."
          />
          <div class="card-body">
            <p class="card-title">Universities</p>
            <p class="card-text"></p>
            <!-- <a href="uni.html"
              ><button class="more">
                <span>More</span>
              </button></a
            > -->
          </div>
        </div>
        </a>

        <!-- <img src="/assets/right1.webp" alt="rightArrow" id="rightimg"> -->
      </div>

      <!-- Divider code -->
      <!-- <span class="verticalLine hidden-mobile"></span> -->

      <!-- Divider Code End -->

      <!-- <div class="paragraph">
        <h2></h2>
        <div class="first fw-bold pt-5 px-2 fs-4">
          In this section, you will find information about how to pursue a career as a Russian speaker. 
        </div>
        <br />
        <a href="career.html">
          <button class="explore">
            <div class="i-wrapper-1">
              <div class="i-wrapper">
                <i class="fa-solid fa-hand-point-up"></i>
              </div>
            </div>
            <span>Explore More</span>
          </button>
        </a>
      </div> -->
    </div>
  </section>
    <!-- Publications part ends -->
    <div class="gap"></div>
    <!-- The button to go up -->
    <div class="updownarrow" onclick="window.scroll(0, 0);">
      <img src="./assets/updown1.webp" alt="go up" class="arrow" />
    </div>

    <!-- Site footer -->
    <footer class="site-footer">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-6">
            <h6>About</h6>
            <p class="text-justify">
              INRU <i>Wants People from India and Russia </i> to have better
              understanding of each other and enrich both the cultures
            </p>
          </div>

          <div class="col-xs-6 col-md-3">
            <h6>Categories</h6>
            <ul class="footer-links">
              <li><a href="index.html">Home</a></li>
              <li><a href="learn.html">Learn</a></li>
              <li><a href="publications.html">Publications</a></li>
              <li><a href="culture.html">Culture</a></li>
              <li><a href="career.html">Career</a></li>
            </ul>
          </div>

          <div class="col-xs-6 col-md-3">
            <h6>Quick Links</h6>
            <ul class="footer-links">
              <li><a href="inruaboutus.html">About Us</a></li>
              <li><a href="/contact-form1.html">Contact Us</a></li>
              <li>
                <a
                  href="mailto:email@example.com?subject=Tell%20us%20your%20stories%20and%20experiences"
                  >Contribute</a
                >
              </li>
              <!-- <li>
                <a href="#">Privacy Policy</a>
              </li>
              <li><a href="#">Sitemap</a></li> -->
            </ul>
          </div>
        </div>
        <hr />
      </div>
    </footer>
    <!-- Footer ends -->
  </body>
  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
  <script>
    var swiper = new Swiper(".mySwiper", {
      slidesPerView: 1,
      spaceBetween: 30,
      loop: true,
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });
  </script>
  <script src="scripts/dropdown.js" async="async"></script>
  <script src="scripts/search.js" async="async"></script>
  <script src="scripts/navbar.js" async="async"></script>
  <script src="./scripts/scroll.js"></script>
  <script src="./scripts/navbar.js"></script>
  <!-- JavaScript Bundle with Popper -->
  <script
    src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
    crossorigin="anonymous"
  ></script>
  <noscript> JavaScript is disabled on your browser! </noscript>
</html>
