about.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />

    <title>About - MIT Arcturus</title>
    <meta content="" name="description" />
    <meta content="" name="keywords" />

    <!-- Favicons -->
    <link href="Pictures/favicon.png" rel="icon" />
    <link href="Pictures/favicon.png" rel="apple-touch-icon" />

    <!-- Google Fonts -->
    <link
      href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
      rel="stylesheet"
    />

    <!-- Vendor CSS Files -->
    <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet" />
    <link
      href="assets/vendor/bootstrap/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      href="assets/vendor/bootstrap-icons/bootstrap-icons.css"
      rel="stylesheet"
    />
    <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
    <link
      href="assets/vendor/glightbox/css/glightbox.min.css"
      rel="stylesheet"
    />
    <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet" />
    <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />

    <!-- Template Main CSS File -->
    <link href="assets/css/style.css" rel="stylesheet" />

    <!-- =======================================================
  * Template Name: Sailor - v4.7.0
  * Template URL: https://bootstrapmade.com/sailor-free-bootstrap-theme/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
  </head>

  <body>
    <!-- Test Update -->
    <!-- Notification bar -->
    <section
      id="notif-bar"
      class="d-flex align-items-center justify-content-center"
    >
      <p id="notif-text">
        If you would like to support Arcturus and make a charitable donation,
        <a href="https://giving.mit.edu/form?fundId=2530184&source=WBMPP"
          ><u>click here</u></a
        >!
      </p>
    </section>

    <!-- ======= Header ======= -->
    <header id="header" class="sticky-top d-flex align-items-center">
      <div class="container d-flex align-items-center">
        <!-- <h1 class="logo me-auto"><a href="index.html">Arcturus</a></h1> -->
        <!-- Uncomment below if you prefer to use an image logo -->
        <a href="index.html" class="logo me-auto"
          ><img src="Pictures/arcturus-logo-crp.png" alt="" class="img-fluid"
        /></a>

        <nav id="navbar" class="navbar">
          <ul>
            <li><a href="index.html">Home</a></li>
            <!-- <li><a href="about.html">About Us</a></li> -->
            <li><a href="team.html">Team Members</a></li>
            <!-- <li class="dropdown"><a href="Blogs/blog-homepage.html"><span>Blogs</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="Blogs/blog-homepage.html">Team-Wide Blogs</a></li>
              <li><a href="Blogs/blog-fish-n-ships.html">Fish 'N Ships</a></li>
              <li><a href="Blogs/blog-ship-happens.html">Ship Happens</a></li>
              <li><a href="Blogs/blog-submarine.html">Submarine</a></li>
              <li><a href="Blogs/blog-outreach.html">Outreach</a></li>
            </ul>
          </li> -->
            <li class="dropdown">
              <a href="Blogs/blog-fish-n-ships.html"
                ><span>Technical Work</span> <i class="bi bi-chevron-down"></i
              ></a>
              <ul>
                <li><a href="Blogs/blog-autonomy.html">Autonomy</a></li>
                <li><a href="Blogs/blog-mechE.html">Mechanical</a></li>
                <li><a href="Blogs/blog-EE.html">Electrical</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#"
                ><span>Past Seasons</span> <i class="bi bi-chevron-down"></i
              ></a>
              <ul>
                <li><a href="Blogs/year-22.html">2021-2022</a></li>
                <li><a href="Blogs/year-23.html">2022-2023</a></li>
              </ul>
            </li>
            <li><a href="Blogs/blog-outreach.html">Outreach</a></li>
            <li><a href="contact.html">Sponsors</a></li>
          </ul>
          <i class="bi bi-list mobile-nav-toggle"></i>
        </nav>
        <!-- .navbar -->
      </div>
    </header>
    <!-- End Header -->

    <main id="main">
      <!-- ======= Breadcrumbs ======= -->
      <!-- <section id="breadcrumbs" class="breadcrumbs">
        <div class="container">
          <div class="d-flex justify-content-between align-items-center">
            <h2>About</h2>
            <ol>
              <li><a href="index.html">Home</a></li>
              <li>About</li>
            </ol>
          </div>
        </div>
      </section> -->
      <!-- End Breadcrumbs -->

      <!-- ======= About Section ======= -->
      <section id="about" class="about">
        <div class="container-fluid">
          <div class="column">
            <div
              class="row content text-lg-center justify-content-center pt-4 pb-3"
            >
              <h2>What is Arcturus?</h2>
              <div class="col-lg-5 my-3 align-self-center">
                <img src="Pictures/team_1_2024.jpg" />
              </div>
              <div class="col-lg-5 my-3 align-self-center">
                <p>
                  Arcturus is the Massachusetts Institute of Technology's
                  autonomous robotics team! Founded in 2021 by a group of
                  passionate individuals, our team specializes in creating
                  autonomous surface vehicles (ASVs). ASVs have a variety of
                  purposes from marine research to and surveying. This is our
                  third competition season, and we are debuting our new
                  flagship, Fish 'N Ships! We're excited to make a splash in the
                  RoboBoat 2025 competition. Check out our
                  <a href="Blogs/blog-ship-happens.html">blog series</a> to see
                  what we're up to!
                </p>
              </div>
            </div>

            <div
              class="row content justify-content-center pt-3 pb-3"
              style="background-color: #f0f5ff"
            >
              <div
                class="col-lg-5 my-3 text-lg-center order-lg-last align-self-center"
              >
                <h2>What We Do</h2>
                <img style="width: 75%" src="Pictures/testing2_fall2024.jpg" />
              </div>
              <div class="col-lg-5 my-3 text-lg-center align-self-center">
                <p>
                  Learning about dynamics and controls in class is one thing,
                  but working together and actually seeing your ideas come to
                  life is something else. Arcturus provides an incredible
                  opportunity for students to learn the fundamentals of applied
                  engineering, including computer aided design, printed circuit
                  board design, laser cutting, drilling, milling, rapid
                  prototyping, and programming. It is very important to us that
                  students understand how their work relates to the entire
                  system, and that each subteam learns to clearly communicate
                  their technical progress, since those are key skills for
                  engineers. These kinds of skills would be very difficult to
                  learn or teach in a classroom environment, so we believe this
                  is an incredibly enriching and rewarding experience for our
                  members.
                </p>
              </div>
            </div>

            <div class="row content justify-content-center">
              <div class="col-lg-5 my-3 text-lg-center align-self-center">
                <h2>Our Mission</h2>
              </div>
              <div class="col-lg-5 my-3 align-self-center">
                <ul>
                  <li>
                    <i class="bi bi-record"></i>Give undergraduates hands-on
                    experience leading teams and applying their knowledge by
                    building and programming autonomous vehicles.
                  </li>
                  <li>
                    <i class="bi bi-record"></i>Share our love of robots with
                    the community through a series of outreach events including
                    lab tours, demos, classes, and mentorship.
                  </li>
                  <li>
                    <i class="bi bi-record"></i>Create technology that we
                    believe will positively impact the environment and coastal
                    communities.
                  </li>
                </ul>
              </div>
            </div>

            <div
              class="row content justify-content-center text-lg-center pt-3 pb-3"
              style="background-color: #f0f5ff"
            >
              <h2 class="pt-3">Competitions</h2>
              <div class="col-lg-5 my-3 align-self-center">
                <h3>RoboBoat</h3>
                <p>
                  RoboBoat is an annual international competition where
                  undergraduate students design and build a small Autonomous
                  Surface Vehicle (ASV) to complete a variety of tasks that
                  mimic real-world challenges facing the maritime industry. The
                  competition also tasks us with raising team funds, documenting
                  our progress, and organizing outreach. In this way, we hope to
                  take what we learn and give back to our community. The
                  competition will be held in Sarasota, Florida, early March in
                  2025. If you’d like to learn more about the Roboboat
                  competition, please visit
                  <a href="https://roboboat.org" target="_blank"> RoboBoat</a>.
                </p>
              </div>
              <div class="col-lg-5 my-3 order-lg-last align-self-center">
                <h3>Njord Challenge</h3>
                <p>
                  The Njord Challenge is a student-driven competition held in
                  Trondheim. Njord’s mission is to inspire students to become
                  world leading engineers in maritime autonomous solutions by
                  designing and programming autonomous ships. Arcturus competed
                  in Trondheim, Norway from August 14th - 18th, 2023. If you’d
                  like to learn more about the Njord Challenge, please visit the
                  <a href="https://www.njordchallenge.com/" target="_blank">
                    Njord Challenge</a
                  >.
                </p>
              </div>
            </div>

            <div class="row content justify-content-center">
              <h2 class="pt-3">Team Videos</h2>
              <div class="col-lg-6 my-3 text-lg-center align-self-center">
                <h3>RoboBoat 2023</h3>
                <iframe
                  width="560"
                  height="315"
                  src="https://www.youtube.com/embed/zwJfxIwSBhE?si=8woHClpOl1DDdOOy"
                  title="YouTube video player"
                  frameborder="0"
                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                  referrerpolicy="strict-origin-when-cross-origin"
                  allowfullscreen
                ></iframe>
              </div>
              <div class="col-lg-6 my-3 text-lg-center align-self-center">
                <h3>RoboBoat 2024</h3>
                <iframe
                  width="560"
                  height="315"
                  src="https://www.youtube.com/embed/Hfm94aHAbYQ?si=9GUSJQ2T3GC4KOdB"
                  title="YouTube video player"
                  frameborder="0"
                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                  referrerpolicy="strict-origin-when-cross-origin"
                  allowfullscreen
                ></iframe>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- End About Section -->
    </main>
    <!-- End #main -->

    <!-- ======= Footer ======= -->
    <footer id="footer">
      <div class="footer-top">
        <div class="container">
          <div class="row">
            <div class="col-lg-3 col-md-6">
              <div class="footer-info">
                <h3>Arcturus</h3>
                <p><strong>Email:</strong> arcturus-logistics@mit.edu<br /></p>
                <div class="social-links mt-3">
                  <a
                    href="https://www.instagram.com/mit.arcturus/"
                    class="instagram"
                    ><i class="bx bxl-instagram"></i
                  ></a>
                  <a href="https://www.tiktok.com/@mitarcturus" class="tiktok"
                    ><i class="bx bxl-tiktok"></i
                  ></a>
                </div>
              </div>
            </div>

            <div class="col-lg-2 col-md-6 footer-links">
              <h4>Useful Links</h4>
              <ul>
                <li>
                  <a href="index.html">Home</a>
                </li>
                <li>
                  <a href="about.html">About Us</a>
                </li>
                <li>
                  <a href="team.html">Team Members</a>
                </li>
                <li>
                  <a href="contact.html">Sponsors</a>
                </li>
              </ul>
            </div>

            <div class="col-lg-3 col-md-6 footer-links">
              <h4>Competitions</h4>
              <ul>
                <li>
                  <a href="https://robonation.org/">RoboNation</a>
                </li>
                <li>
                  <a href="https://roboboat.org/">RoboBoat</a>
                </li>
                <li>
                  <a href="https://www.njordchallenge.com/"
                    >The Njord Challenge</a
                  >
                </li>
                <!-- <li><i class="bx bx-chevron-right"></i> <a href="https://robosub.org/">RoboSub</a></li> -->
              </ul>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!-- End Footer -->

    <a
      href="#"
      class="back-to-top d-flex align-items-center justify-content-center"
      ><i class="bi bi-arrow-up-short"></i
    ></a>

    <!-- Vendor JS Files -->
    <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
    <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
    <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
    <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
    <script src="assets/vendor/php-email-form/validate.js"></script>

    <!-- Template Main JS File -->
    <script src="assets/js/main.js"></script>
  </body>
</html>