<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8" />
    
    <!-- Title of the page -->
    <title>AAYAAM - THE HINDI CELL OF NITT</title>
    
    
    <!-- Linking the CSS -->
    <link rel="stylesheet" href="style.css" />
    
    
    <!-- Inserting the icon of the page -->
    <link rel="icon" href="Images/logo.webp" type="image/x-icon">
    
    
    <!-- Fontawesome CDN Link -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>
    
    <!-- Move to up button -->
    <div class="scroll-button">
      <a href="#home"><i class="fas fa-arrow-up"></i></a>
    </div>
    
    
    <!-- navgation menu -->
    <nav>
      <div class="navbar">
        <div class="logo">
          <a href="#home"><p>आयाम</p></a>
        </div>
        <ul class="menu">
          <li><a href="#home">Home</a></li>
          <li><a href="#about">About Us</a></li>
          <li><a href="#skills">Highlights</a></li>
          <li><a href="#services">Events</a></li>
          <li><a href="#contact">Contact Us</a></li>
          <div class="cancel-btn">
            <i class="fas fa-times"></i>
          </div>
        </ul>
        <div class="media-icons">
          <a href="https://www.facebook.com/aayaamhindicell/"><i class="fab fa-facebook-f"></i></a>
          <a href="https://www.linkedin.com/company/aayaamhindicell/"><i class="fab fa-linkedin"></i></a>
          <a href="https://www.instagram.com/aayaamhindicell/?utm_medium=copy_link"><i class="fab fa-instagram"></i></a>
          <!-- <a href="https://www.youtube.com/channel/UCPf6lIDUlea25TYYxdfCadg?app=desktop"><i class="fab fa-youtube"></i></a> -->
        </div>
      </div>
      <div class="menu-btn">
        <i class="fas fa-bars"></i>
      </div>
    </nav>


    <!-- Home Section Start -->
    <section class="home" id="home">
      <div class="home-content">
        <div class="text">
          <div class="text-one">This is</div>
          <div class="text-two">AAYAAM - THE HINDI CELL OF NITT</div>
          <div class="text-three">हम आपका स्वागत करते हैं</div>
          <div class="text-four"></div>
        </div>
        <div class="button">
          <button>Explore Us</button>
        </div>
      </div>
    </section>


    <!-- About us Section Start -->
    <section class="about" id="about">
      <div class="content">
        <div class="title"><span>About Us</span></div>
        <div class="about-details">
          <div class="left">
            <img src="Images/about.jpeg" alt="" />
          </div>
          <div class="right">
            <div class="topic">AAYAAM - THE HINDI CELL OF NITT</div>
            <p>
              Aayaam is the Hindi Literary and Cultural Society of National
              Institute of Technology Tiruchirappalli. This literary group was
              the first of its kind in Tamil Nadu and the whole of South India,
              where Hindi is not widely spoken. The motive behind establishing
              Aayaam was to promote the love for Hindi in Trichy in general and
              NIT Trichy in particular.
            </p>
            <div class="button">
              <button>Read More</button>
            </div>
          </div>
        </div>
      </div>
    </section>


    <!-- Highlights Section Start -->
    <section class="skills" id="skills">
        <div class="title"><span>Highlights</span></div>
        <div class="slider"></div>
    </section>


    <!-- Events Section Start -->
    <section class="services" id="services">
      <div class="content">
        <div class="title"><span>Events</span></div>
        <div class="boxes">
          <div class="box">
            <div class="icon">
              <i class="fas fa-gift"></i>
            </div>
            <div class="topic">Festember</div>
            <p>
              Festember is an inter-college cultural, literary and arts program
              of the National Institute of Technology, Tiruchirappalli. It is a
              4-day event held annually in the third week of September.
              <br /><br>
              Aayaam organises various types of events in the Hindi literature
              in Festember. The participants of visiting colleges, as well as
              NIT-T, participate enthusiastically in the events.
              <br /><br>
              The events organised in Festember are as follows:
              Jashn-E-Mausiki, Bollywood Quiz, Bluff Master, Extempore, Kuch Na
              Kaho, Rochak Mantarana, Halka-Fulka, Debate, Cricket Quiz,
              Chakravyuh, India Quiz, Creative Writing etc.
            </p>
          </div>
          <div class="box">
            <div class="icon">
              <i class="fas fa-gift"></i>
            </div>
            <div class="topic">Umang</div>
            <p>
              Umang, a Hindi week, is celebrated by Aayaam on the Hindi Day at the NIT Trichy campus.
              <br><br> The objective of the Hindi week is to enrich the Hindi language in non-Hindi speaking societies and increase their curiosity towards the Hindi language. The inclination of today's generation to move towards western culture has reshaped the need for activities that make people aware of their culture. With this goal, the event Umang was started.
              <br><br> More than 500 participants of the institute become a part of various events every year.
            </p>
          </div>
          <div class="box">
            <div class="icon">
              <i class="fas fa-gift"></i>
            </div>
            <div class="topic">Dandiya Night</div>
            <p>
              Dandiya Night, the much-awaited event of Aayaam, is organised annually on the auspicious occasion of Navratri, where various students come in ethnic attire and enjoy Gujarati culture and dance with their friends.
              <br><br> Goodies are also given to the students for the best ethnic wear. The primary purpose of this festival is to show respect to Maa Durga on the auspicious occasion of Navratri. 
              <br><br> It was initiated in 2010 with a view that students who are more inclined towards western civilisation and culture should not forget their tradition.
            </p>
          </div>
          <div class="box">
            <div class="icon">
              <i class="fas fa-gift"></i>
            </div>
            <div class="topic">Hindi Learning Classes</div>
            <p>
              Hindi learning classes are organised for those who have great interest and enthusiasm in learning Hindi. Aayaam provides them with proper help and guidance. Aayaam contributes to the promotion of Hindi in South India by organising Hindi learning classes annually for students, faculties and their family member.

              <br><br> Last time, more than 40 faculty and more than 200 students participated in the Hindi class. It was conducted for 25-35 hours over a period of one week. Their participation was beyond our expectations, prompting us to expand its horizons to other segments as well.
            </p>
          </div>
          <div class="box">
            <div class="icon">
              <i class="fas fa-gift"></i>
            </div>
            <div class="topic">Holi Hungama</div>
            <p>
              On the night before Holi, all the members gather to celebrate Holika Dahan and perform rituals in front of a bonfire and pray that their inner evil is destroyed in the same way as Holika was consumed by fire.

              <br><br> The next day, colours and water tanks are arranged for all the people eager to celebrate Holi so that people play Holi among themselves. People apply colours to each other and enjoy the festival. Playing Holi amongst one another increases harmony and friendship.
            </p>
          </div>
          <div class="box">
            <div class="icon">
              <i class="fas fa-gift"></i>
            </div>
            <div class="topic">NITTFEST</div>
            <p>
              Nittfest is the annual inter-departmental cultural festival of NIT Trichy. Providing a platform for students to showcase their talents, along with a touch of departmental fervour, Nittfest is a fest that every NITTian looks forward to. It is usually held halfway through the even semester every year.

              <br><br> Aayaam organises various Hindi literature programs at Nittfest, such as:

              <br><br> Jashn-e-Mausiki (Bollywood Quiz), Halka-Fulka, Creative Writing, Debate, Jugalbandi, Qawwali, Nukkad Naatak, Extempore, India Quiz, Kuch Na Kaho, Cricket Quiz, Haahaakaar, Chakravyuh, Shabdjal etc.
            </p>
          </div>
        </div>
      </div>
    </section>


    <!-- Contact Me section Start -->
    <section class="contact" id="contact">
      <div class="content">
        <div class="title"><span>Contact Us</span></div>
        <div class="text">
          <div class="topic">AAYAAM - THE HINDI CELL OF NITT</div>
          <p>
            AAYAAM acts as one family where the members connect with their love
            for Hindi culture and Traditions and to promote the same various
            competitions and events are conducted on a mass scale by them. The
            members are brimming with confidence as they organize the Hindi
            literary competitions at the inter-college and intra-college Levels
            where they provide a platform for those who admire Hindi literature
            and want to bring forward their creativity in story writing, poem
            composition, or any form of composition in Hindi. Apart from
            focusing on Hindi Literature celebration for various cultural
            Festivals like Holi, Hindi Diwas, Navratri, Diwali, Rashtriya Ekta
            Diwas, and many more are organized by AAYAAM.
          </p>
          <div class="button">
            <button>Let's Chat</button>
          </div>
        </div>
      </div>
    </section>


    <!-- Footer Section Start -->
    <footer>
      <div class="text">
        <span
          >Created By <a href="#">Avijit Ghosh</a> | &#169; 2022 All Rights
          Reserved</span
        >
      </div>
    </footer>


    <!-- Linking JavaScript to html -->
    <script src="script.js"></script>
  </body>
</html>