index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>UAARG</title>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
  </head>
  <body>
    <header>
      <nav>
        <a href="/" class="logo">
          <img alt="UAARG Logo" src="/img/logo.webp" />
          UAARG
        </a>

        <div class="flex-1"></div>

        <a href="/join.html">
          Join the Team
        </a>

        <a href="/about.html">
          About Us
        </a>

        <a href="/sponsors.html">
          Sponsors
        </a>

        <!--
        <a href="/">
          Blog
        </a>
        -->
      </nav>
    </header>

    <main>
      <div class="bg bg-grey">
        <section>
          <div class="text">
            <h2>University of Alberta Aerial Robotics Group</h2>
            <p class="no-mt medium">We make flying robots</p>

            <div class="row end">
              <a href="/sponsors.html" class="button">Sponsorship</a>
              <a href="/join.html" class="primary button">Join Us</a>
            </div>
          </div>

          <img src="/img/team-comp2025.webp" alt="CAD Diagram of Pheon-X2" />
        </section>
      </div>

      <section>
        <img src="/img/team.webp" alt="Team Photo of UAARG's 2025 Team" />

        <div class="text">
          <h2>Who Are We?</h2>
          <p>We are a group of motivated university students <b> building the future
            of autonomous aircraft.</b> Since our inception in 2004 our focus lies in 
            overcoming complex engineering challenges
             associated with fully autonomous drones.
          </p>
          <p> We design, manufacture and rigorously test our drones 
            <b>from scratch</b> while annually representing University of Alberta in
            national and international RPAS competitions.
          </p>

          <div class="row end">
            <a href="/about.html" class="button">Meet the Team</a>
            <a href="/join.html" class="primary button">Join Us</a>
          </div>
        </div>
      </section>

      <div class="bg bg-grey">
        <section>
          <div class="text">
            <h2>Our Aircraft</h2>
            <h1>Quadrant</h1>
            <p class="no-mt medium">Heavy-Lift Tilt-Rotor VTOL</p>

            <p>Quadrant is our competition-ready VTOL, an aircraft that
            takes-off vertically and transitions to horizontal flight. It is
            designed to hold a variety of payloads and long flight times,
            making it ideal for applications such as surveillance, mapping, and
            delivery.
            </p>

            <div class="row end">
              <!--
              <a href="#" class="primary button">Specs</a>
              -->
            </div>
          </div>

          <img src="/img/quadrant.webp" alt="Quadrant" />
        </section>
      </div>

      <div class="bg">
        <section>
          <div class="text">
            <h1>Pheon-X3</h1>
            <p class="no-mt medium">Heavy-Lift Quadcopter</p>

            <p> Our third iteration of the Pheon-X series, the Pheon-X3 is a
              heavy-lift quadcopter designed to carry large payloads while maintaining
              high maneuverability and flight time. The Pheon-X3 is capable of carrying
              up to 7kg of payload with a maximum take off weight of 15kg.
            </p>

            <div class="row end">
              <!--
              <a href="#" class="primary button">Specs</a>
              -->
            </div>
          </div>

          <img src="/img/pheon-x2.webp" alt="Pheon-X3" />
        </section>
      </div>

      <div class="bg bg-grey">
        <section>
          <div class="text">
            <h1>Trident</h1>
            <p class="no-mt medium">High-Efficiency Tilt-Rotor VTOL</p>

            <p> Trident is an early experimental VTOL, an aircraft that
            takes-off vertically and transitions to horizontal flight. It is
            designed for high efficiency and long endurance, making it ideal
            for applications such as surveillance, mapping, and delivery.

            This frame has evolved into the Quadrant airframe.
            </p>

            <div class="row end">
              <!--
              <a href="#" class="primary button">Specs</a>
              -->
            </div>
          </div>

          <img src="/img/trident.webp" alt="Trident VTOL" />
        </section>
      </div>

      <div class="bg">
        <section>
          <div class="text">
            <h1>Pheon-X1</h1>
            <p class="no-mt medium">Quadcopter</p>

            <p> Our first iteration of the Pheon-X series, the Pheon-X1 quadcopter
              won 2nd overall at the 2024 Student AEAC Competition in Alma, QC.
            </p>

            <div class="row end">
              <!--
              <a href="#" class="primary button">Specs</a>
              -->
            </div>
          </div>

          <img src="/img/pheon-x1.webp" alt="Pheon-X1" />
        </section>
      </div>

    </main>

    <footer>
      <section>
        <p class="center">
          <a href="https://www.linkedin.com/company/uaarg/" target="_blank"><img src="/img/linkedin-black.png" class="social-logo" alt="Linkedin"></a>
          <a href="https://www.instagram.com/uaarg.ca/" target="_blank"><img src="/img/ig-black.png" class="social-logo" alt="Instagram"></a>
          <br>
          &copy; UAARG, All Rights Reserved
        </p>
      </section>
    </footer>
  </body>
</html>