about.html

<!doctype html>
<html lang="en">
  <head>
    <title>About Us | CMIT</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <script src="/assets/js/preloader.js" defer></script>
    <script src="/assets/js/headerfooter.js" defer></script>
    <script src="/assets/js/site.js" defer></script>

    <script src="https://akwastaken.github.io/js/daily_quote.js" defer></script>

    <link rel="icon" href="favicon.png" type="image/png" sizes="33x33">
    <link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="any">
     

    <link rel="stylesheet" href="/assets/css/cmit-about.css" defer/>
    <link rel="stylesheet" href="/assets/css/preloader.css" defer/>
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
    />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap"
    />
  </head>

  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=G-EMH594D3B7"
  ></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag("js", new Date());
    gtag("config", "G-EMH594D3B7");
  </script>

  <body>

    <!-- PRELOADER -->
     
    <div id="preloader" aria-label="Loading page">
      <div class="preloader-container">
        <svg
          id="logo-preloader"
          viewBox="0 0 441.73 525.29"
          xmlns="http://www.w3.org/2000/svg"
        >
          <g id="c">
            <circle class="anchor-main" cx="150.52" cy="110.3" r="110.3" />
            <circle class="anchor-accent" cx="45.37" cy="307.42" r="45.37" />
            <circle cx="413.76" cy="146.34" r="27.97" />
            <circle cx="326.02" cy="234.08" r="27.97" />
            <circle cx="413.76" cy="234.08" r="27.97" />
            <circle cx="238.27" cy="321.83" r="27.97" />
            <circle cx="326.02" cy="321.83" r="27.97" />
            <circle cx="413.76" cy="321.83" r="27.97" />
            <circle cx="150.52" cy="409.58" r="27.97" />
            <circle cx="238.27" cy="409.58" r="27.97" />
            <circle cx="326.02" cy="409.58" r="27.97" />
            <circle cx="413.76" cy="409.58" r="27.97" />
            <circle cx="62.78" cy="497.32" r="27.97" />
            <circle cx="150.52" cy="497.32" r="27.97" />
            <circle cx="238.27" cy="497.32" r="27.97" />
            <circle cx="326.02" cy="497.32" r="27.97" />
            <circle cx="413.76" cy="497.32" r="27.97" />
          </g>
        </svg>
      </div>
    </div>

    <!-- Nav -->
    <header id="site-header" class="site-nav"></header>

    <!-- Hero -->
    <section class="hero">
      <div class="hero-grid" aria-hidden="true"></div>
      <div class="wrap hero-inner">
        <div class="hero-copy">
          <h1 class="hero-title">Meet the <em>Team</em></h1>
          <p class="hero-text">
            CMIT is a student-run, faculty-supervised community officially
            recognized by the Mathematics Department at IISER
            Thiruvananthapuram. Have questions, event suggestions, or feedback?
            Want to propose problems for the Weekly Contest, volunteer as a peer
            math mentor, or give a Talk Series presentation? Reach out to us at
            <strong>mathsclub[at]iisertvm[dot]ac[dot]in</strong><br />
            or contact any of our position bearers and faculty coordinators.
            Stay connected with us on our socials, below.
          </p>

          <div class="about-socials">
            <div class="socials-icons-top">
              <a
                href="https://facebook.com/cmitiisertvm"
                target="_blank"
                rel="noopener"
                aria-label="Facebook"
              >
                <img
                  src="/assets/icons/facebook.png"
                  alt="Facebook"
                  class="icon"
                />
              </a>
              <a
                href="https://instagram.com/cmitiisertvm"
                target="_blank"
                rel="noopener"
                aria-label="Instagram"
              >
                <img
                  src="/assets/icons/instagram.png"
                  alt="Instagram"
                  class="icon"
                />
              </a>
              <a
                href="https://twitter.com/cmitiisertvm"
                target="_blank"
                rel="noopener"
                aria-label="Twitter / X"
              >
                <img
                  src="/assets/icons/twitter.png"
                  alt="Twitter / X"
                  class="icon"
                />
              </a>
              <a
                href="https://www.youtube.com/c/cmitiisertvm"
                target="_blank"
                rel="noopener"
                aria-label="YouTube"
              >
                <img
                  src="/assets/icons/youtube.png"
                  alt="YouTube"
                  class="icon"
                />
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Main Content Area -->
    <main class="wrap about-section">
      <!-- Top Leadership Row (President & Secretary Alone) -->
      <section class="team-leadership">
        <article class="member-card leader-card">
          <div class="member-avatar">
            <img src="/assets/team/urvashi.jpeg" alt="Urvashi Srivastava" />
          </div>
          <div class="member-info">
            <h2 class="member-name">Urvashi Srivastava</h2>
            <h4 class="member-batch">BSMS B'24</h4>
            <span class="member-role">President</span>
            <p class="member-bio">A little stitious</p>
          </div>
        </article>

        <article class="member-card leader-card">
          <div class="member-avatar">
            <img src="/assets/team/arpanKoul.png" alt="Arpan Koul" />
          </div>
          <div class="member-info">
            <h2 class="member-name">Arpan Koul</h2>
            <h4 class="member-batch">BSMS B'24</h4>
            <span class="member-role">Secretary</span>
            <p class="member-bio">turtle hermit school propoganda</p>
          </div>
        </article>
      </section>

      <hr class="section-divider" />

      <h2 class="team-section-title">Team Members</h2>

      <section class="team-section team-grid">
        <article class="member-card">
          <div class="member-avatar">
            <img src="./about/assets/Aanadee Das.jpeg" alt="Aanandee Das" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Aanandee Das</h3>
            <h4 class="member-batch">BSMS B'23</h4>
            <p class="member-bio">Maths is fun.</p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="./about/assets/Amal.jpg" alt="Amal Krishna Sajeesh" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Amal Krishna Sajeesh</h3>
            <h4 class="member-batch">BSMS B'23</h4>
            <p class="member-bio">Just here for art and the vibes.</p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img
              src="https://akwastaken.github.io/assets/pfp_alt.webp"
              alt="Aneeth Kumaar"
            />
          </div>
          <div class="member-info">
            <h3 class="member-name">Aneeth Kumaar</h3>
            <h4 class="member-batch">BSMS B'23</h4>
            <p id="daily-quote-text" class="member-bio">Something's not right here...</p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="./about/assets/Arya Raj.jpeg" alt="Arya Raj" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Arya Raj</h3>
            <h4 class="member-batch">BSMS B'23</h4>
            <p class="member-bio">
              Aspiring physicist passionate about cinema and classic rock.
              Boldly going!
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="./about/assets/Christopher.jpg" alt="Christopher Rao" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Christopher</h3>
            <h4 class="member-batch">BSMS B'23</h4>
            <p class="member-bio">She Rees on my algebra till I blow up</p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img
              src="./about/assets/Mukesh Mithun A D.jpeg"
              alt="Mukesh Mithun A D"
            />
          </div>
          <div class="member-info">
            <h3 class="member-name">Mukesh Mithun A D</h3>
            <h4 class="member-batch">BSMS B'23</h4>
            <p class="member-bio">
              My life's sequence limsup is mathematics, liminf is gaming and a
              limit point is photography lying between them. So you can see my
              subsequence converging somewhere among them.
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/jahnaviBathia.png" alt="Jahnavi Bathia" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Jahnavi H Bathia</h3>
            <h4 class="member-batch">BSMS B'23</h4>
            <p class="member-bio">
              Math becomes more beautiful when we understand it enough to
              explain it to others.
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/parankusamHarshita.png" alt="Parankusam Harshita" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Parankusam Harshita</h3>
            <h4 class="member-batch">BSMS B'23</h4>
            <p class="member-bio">
              The answer to life is 42
            </p>
          </div>
        </article>

        

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/akashN.png" alt="Akash N" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Akash N</h3>
            <h4 class="member-batch">BSMS B'24</h4>
            <p class="member-bio">
              It doesn't stop being magic just because you know how it works
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/hansikaMittal.png" alt="Hansika Mittal" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Hansika Mittal</h3>
            <h4 class="member-batch">BSMS B'24</h4>
            <p class="member-bio">
              I came for the fascination with Maths, stayed for the
              conversations, the chaos, and the club's energy.
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/mrityunjay.jpeg" alt="Mrityunjay Arasu" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Mrityunjay Arasu</h3>
            <h4 class="member-batch">BSMS B'24</h4>
            <p class="member-bio">Flow along Math's Direction</p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/rohith.png" alt="Rohith B" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Rohith B</h3>
            <h4 class="member-batch">BSMS B'24</h4>
            <p class="member-bio">Purely vibe driven</p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/rithik.png" alt="Rithik Menon" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Rithik Menon</h3>
            <h4 class="member-batch">BSMS B'24</h4>
            <p class="member-bio">
              3rd year BS-MS math major and a Platonist in spirit and practice,
              viewing mathematics as the highest, ultimate realm of pure thought
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/anirudhBhat.png" alt="Anirudh Bhat" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Anirudh Bhat</h3>
            <h4 class="member-batch">BSMS B'25</h4>
            <p class="member-bio">
              "can you give me sometime, ill come up w smth"
            </p>
          </div>
        </article>
        
        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/chirag.png" alt="Chirag Ahuja" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Chirag Ahuja</h3>
            <h4 class="member-batch">BSMS B'25</h4>
            <p class="member-bio">
              Everyone deserves good coffee (especially me)
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/ekamSingh.png" alt="Ekam Singh" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Ekam Singh</h3>
            <h4 class="member-batch">BSMS B'25</h4>
            <p class="member-bio">
              Numbers is hard and real, and they never have feelings.
              <br /><br />
              But you push too hard, even numbers got limits
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/hariharasudhan.png" alt="Hariharasudhan" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Hariharasudhan</h3>
            <h4 class="member-batch">BSMS B'25</h4>
            <p class="member-bio">
              Calculated like a complex equation, executed like a perfect cover
              drive—always turning life's curveballs into maximums.
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/naaz.jpeg" alt="Naaz" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Naaz</h3>
            <h4 class="member-batch">BSMS B'25</h4>
            <p class="member-bio">Uh..I rolled a Nat 1</p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/ramithaMurthy.png" alt="Ramitha Murthy" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Ramitha Murthy</h3>
            <h4 class="member-batch">BSMS B'25</h4>
            <p class="member-bio">
              A fun club to be in.
            </p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="/assets/team/tunga.png" alt="Tunga R Shiroor" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Tunga R Shiroor</h3>
            <h4 class="member-batch">BSMS B'25</h4>
            <p class="member-bio">I'm cool like that</p>
          </div>
        </article>
      </section>

      <hr class="section-divider" />

      <!-- <h2 class="team-section-title">Content Team</h2>
      <section class="team-section team-grid">
        <article class="member-card">
          <div class="member-avatar">
            <img src="./about/assets/Aanadee Das.jpeg" alt="Aanandee Das" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Aanandee Das</h3>
            <h4 class="member-batch">BSMS B'23</h4>
            <span class="member-role">Team Member</span>
            <p class="member-bio">Maths is fun.</p>
          </div>
        </article>

        <article class="member-card">
          <div class="member-avatar">
            <img src="./about/assets/Manit Kishore.jpeg" alt="Manit Kishor" />
          </div>
          <div class="member-info">
            <h3 class="member-name">Manit Kishor</h3>
            <h4 class="member-batch">BSMS B'22</h4>
            <span class="member-role">Team Member</span>
            <p class="member-bio">
              Student at IISER TVM in love with the ways of mathematics.
            </p>
          </div>
        </article>
      </section> -->

      <!-- <hr class="section-divider" /> -->
    </main>

    <footer id="site-footer" class="site-footer"></footer>
  </body>
</html>