<!DOCTYPE html>
<html>
  <head>
    <!-- Site made with Mobirise Website Builder v5.9.6, https://mobirise.com -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="generator" content="Mobirise v5.9.6, mobirise.com" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, minimum-scale=1"
    />
    <link
      rel="shortcut icon"
      href="assets/images/goathacks2024goat3-128x142.png"
      type="image/x-icon"
    />
    <meta name="description" content="" />

    <title>Home</title>
    <link
      rel="stylesheet"
      href="assets/web/assets/mobirise-icons2/mobirise2.css"
    />
    <link
      rel="stylesheet"
      href="assets/web/assets/mobirise-icons/mobirise-icons.css"
    />
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css" />
    <link
      rel="stylesheet"
      href="assets/bootstrap/css/bootstrap-reboot.min.css"
    />
    <link rel="stylesheet" href="assets/dropdown/css/style.css" />
    <link rel="stylesheet" href="assets/socicon/css/styles.css" />
    <link rel="stylesheet" href="assets/theme/css/style.css" />
    <link
      rel="preload"
      href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
      as="style"
      onload="this.onload=null;this.rel='stylesheet'"
    />
    <noscript
      ><link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
    /></noscript>
    <link
      rel="preload"
      href="https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap"
      as="style"
      onload="this.onload=null;this.rel='stylesheet'"
    />
    <noscript
      ><link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,500,600,700,800,300i,400i,500i,600i,700i,800i&display=swap"
    /></noscript>
    <link
      rel="preload"
      href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"
      as="style"
      onload="this.onload=null;this.rel='stylesheet'"
    />
    <noscript
      ><link
        rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"
    /></noscript>
    <link
      rel="preload"
      as="style"
      href="assets/mobirise/css/mbr-additional.css"
    />
    <link
      rel="stylesheet"
      href="assets/mobirise/css/mbr-additional.css"
      type="text/css"
    />

    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.16/dist/tailwind.min.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <section
      data-bs-version="5.1"
      class="menu menu3 cid-sgPI0rTtnd"
      once="menu"
      id="menu3-0"
    >
      <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
        <div class="container bg-black">
          <div class="navbar-brand">
            <span class="navbar-logo">
              <a href="https://hack.wpi.edu">
                <img
                  src="assets/images/goathacks2024goat3-96x106.png"
                  alt="Hack@WPI 2021"
                  style="height: 3rem"
                />
              </a>
            </span>
            <span class="navbar-caption-wrap"
              ><a class="navbar-caption text-white display-7" href="#top"
                >GOATHACKS 2024</a
              ></span
            >
          </div>
          <button
            class="navbar-toggler"
            type="button"
            data-toggle="collapse"
            data-bs-toggle="collapse"
            data-target="#navbarSupportedContent"
            data-bs-target="#navbarSupportedContent"
            aria-controls="navbarNavAltMarkup"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <div class="hamburger">
              <span></span>
              <span></span>
              <span></span>
              <span></span>
            </div>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul
              class="navbar-nav nav-dropdown nav-right"
              data-app-modern-menu="true"
            >
              <li class="nav-item">
                <a
                  class="nav-link link text-white display-4"
                  href="index.html#header12-2"
                  >Register</a
                >
              </li>
              <li class="nav-item">
                <a
                  class="nav-link link show text-white display-4"
                  href="index.html#gallery6-1g"
                  >Sponsors</a
                >
              </li>
              <li class="nav-item">
                <a
                  class="nav-link link show text-white display-4"
                  href="index.html#content5-x"
                  >Schedule</a
                >
              </li>
              <li class="nav-item">
                <a
                  class="nav-link link show text-white display-4"
                  href="index.html#content17-y"
                  >FAQ<br
                /></a>
              </li>
              <li class="nav-item">
                <a
                  class="nav-link link show text-white display-4"
                  href="index.html#contacts2-13"
                  >Contact Us</a
                >
              </li>
            </ul>
            <div class="icons-menu">
              <!--
                    <a class="iconfont-wrapper" href="https://discord.gg/BbHQZYQ7">
                        <span class="p-2 mbr-iconfont socicon-discord socicon"></span>
                    </a>
                    -->
            </div>
          </div>
        </div>
      </nav>
    </section>

    <section data-bs-version="5.1" class="image3" id="image3-1">
      <div
        class="vh-100 px-16 align-items-center flex flex-row"
        style="background-color: #171717"
      >
        <div class="col-12 col-lg-6 mr-auto">
          <div class="image-wrapper">
            <img src="assets/images/artboard-6-989x445.png" alt="Hack@WPI" />
          </div>
          <div
            class="mbr-section-btn mt-3 d-flex flex-column align-items-center"
          >
            <p class="mbr-description mbr-fonts-style align-center display-5">
              <em class="text-white"> </em><br /><em class="text-white"
                >JAN 12th - 14th</em
              >
            </p>
            <a
              class="btn btn-secondary display-4"
              href="http://hack.wpi.edu/registration"
              >REGISTER!<br
            /></a>
          </div>
        </div>
        <div class="image-wrapper pr-8">
          <img src="assets/images/gh-logo-25.png" alt="Hack@WPI Logo" />
        </div>
      </div>
    </section>

    <!-- <section
      data-bs-version="5.1"
      class="header12 cid-sgPJIlmBEv"
      id="header12-2"
    >
      <div class="container-fluid">
        <div class="row justify-content-center">
          <div class="card col-12 col-md-12 col-lg-9">
            <div class="card-wrapper">
              <div class="card-box align-center">
                <h1 class="card-title mbr-fonts-style mb-3 display-2">
                  <strong>Registration Is Open!<br /></strong>
                </h1>
                <p class="mbr-text mbr-fonts-style display-7">
                  <strong><br /></strong>Please take a moment to read through
                  our
                  <a href="index.html#content17-y" class="text-info"
                    >FAQ section</a
                  >
                  below. If you have any questions, please don't hesitate to
                  reach out to us at
                  <a href="mailto:hack@wpi.edu" class="text-info"
                    >hack@wpi.edu</a
                  ><br /><br />This event will be run according to the
                  <a
                    href="http://hack.wpi.edu/conduct/conduct.pdf"
                    class="text-info text-primary"
                    target="_blank"
                    >Goathacks Code of Conduct</a
                  >.<br /><br /><br />
                </p>
                <div class="mbr-section-btn mt-3">
                  <a
                    class="btn btn-secondary display-4"
                    href="http://hack.wpi.edu/registration"
                    >Register Here!<br
                  /></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section> -->

    <section
      data-bs-version="5.1"
      class="slider4 mbr-embla cid-t5rSAuN6jS"
      id="slider4-10"
      style="background-color: #171717"
    >
      <div class="position-relative text-center">
        <div class="mbr-section-head">
          <h4
            class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"
          ></h4>
        </div>
        <div
          class="embla mt-4"
          data-skip-snaps="true"
          data-align="center"
          data-contain-scroll="trimSnaps"
          data-loop="true"
          data-auto-play-interval="5"
          data-draggable="true"
        >
          <div class="embla__viewport container-fluid">
            <div class="embla__container">
              <div
                class="embla__slide slider-image item active"
                style="margin-left: 3rem; margin-right: 3rem"
              >
                <div class="slide-content">
                  <div class="item-wrapper">
                    <div class="item-img">
                      <img
                        src="assets/images/00000img-00000-burst20190118180709510-cover-1-886x665.jpg"
                        data-slide-to="0"
                        data-bs-slide-to="0"
                      />
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="embla__slide slider-image item active"
                style="margin-left: 3rem; margin-right: 3rem"
              >
                <div class="slide-content">
                  <div class="item-wrapper">
                    <div class="item-img">
                      <img
                        src="assets/images/img-4527-886x591.jpg"
                        data-slide-to="1"
                        data-bs-slide-to="1"
                      />
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="embla__slide slider-image item active"
                style="margin-left: 3rem; margin-right: 3rem"
              >
                <div class="slide-content">
                  <div class="item-wrapper">
                    <div class="item-img">
                      <img
                        src="assets/images/00000img-00000-burst20190118180814712-cover-886x665.jpg"
                        data-slide-to="2"
                        data-bs-slide-to="2"
                      />
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="embla__slide slider-image item active"
                style="margin-left: 3rem; margin-right: 3rem"
              >
                <div class="slide-content">
                  <div class="item-wrapper">
                    <div class="item-img">
                      <img
                        src="assets/images/00000img-00000-burst20190120082557945-cover-708x532.jpg"
                        data-slide-to="3"
                        data-bs-slide-to="3"
                      />
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="embla__slide slider-image item active"
                style="margin-left: 3rem; margin-right: 3rem"
              >
                <div class="slide-content">
                  <div class="item-wrapper">
                    <div class="item-img">
                      <img
                        src="assets/images/14053780-3626242574675-5007502984102513115-o-708x469.jpg"
                        data-slide-to="4"
                        data-bs-slide-to="4"
                      />
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="embla__slide slider-image item active"
                style="margin-left: 3rem; margin-right: 3rem"
              >
                <div class="slide-content">
                  <div class="item-wrapper">
                    <div class="item-img">
                      <img
                        src="assets/images/14124870-3626243974710-7731792461787393140-o-1-708x469.jpg"
                        data-slide-to="5"
                        data-bs-slide-to="5"
                      />
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="embla__slide slider-image item active"
                style="margin-left: 3rem; margin-right: 3rem"
              >
                <div class="slide-content">
                  <div class="item-wrapper">
                    <div class="item-img">
                      <img
                        src="assets/images/img-20190118-181610-708x531.jpg"
                        data-slide-to="6"
                        data-bs-slide-to="6"
                      />
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="embla__slide slider-image item active"
                style="margin-left: 3rem; margin-right: 3rem"
              >
                <div class="slide-content">
                  <div class="item-wrapper">
                    <div class="item-img">
                      <img
                        src="assets/images/14054333-3626242934684-2993608365764809290-o-708x469.jpg"
                        data-slide-to="7"
                        data-bs-slide-to="7"
                      />
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="embla__slide slider-image item active"
                style="margin-left: 3rem; margin-right: 3rem"
              >
                <div class="slide-content">
                  <div class="item-wrapper">
                    <div class="item-img">
                      <img
                        src="assets/images/img-4540-708x472.jpg"
                        data-slide-to="8"
                        data-bs-slide-to="8"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <button class="embla__button embla__button--prev">
            <span
              class="mobi-mbri mobi-mbri-arrow-prev mbr-iconfont"
              aria-hidden="true"
            ></span>
            <span class="sr-only visually-hidden visually-hidden"
              >Previous</span
            >
          </button>
          <button class="embla__button embla__button--next">
            <span
              class="mobi-mbri mobi-mbri-arrow-next mbr-iconfont"
              aria-hidden="true"
            ></span>
            <span class="sr-only visually-hidden visually-hidden">Next</span>
          </button>
        </div>
      </div>
    </section>

    <section
      data-bs-version="5.1"
      class="gallery6 mbr-gallery"
      id="gallery6-1g"
      style="background-color: #171717"
    >
      <div class="container">
        <div class="mbr-section-head">
          <h3
            class="mbr-section-title mbr-fonts-style align-center m-0 display-2"
          >
            <strong class="text-white">Sponsors</strong>
          </h3>
        </div>
        <div class="row mbr-gallery mt-4">
          <div class="col-12 col-md-6 col-lg-6 item gallery-image active">
            <div
              class="item-wrapper"
              data-toggle="modal"
              data-bs-toggle="modal"
              data-target="#tXBhlX547h-modal"
              data-bs-target="#tXBhlX547h-modal"
            >
              <img
                class="w-100"
                src="assets/images/mathworks-logo-one-color-reversed-1-1239x264.png"
                alt=""
                data-slide-to="0"
                data-bs-slide-to="0"
                data-target="#lb-tXBhlX547h"
                data-bs-target="#lb-tXBhlX547h"
              />
              <div class="icon-wrapper">
                <span
                  class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"
                ></span>
              </div>
            </div>
          </div>
          <div class="col-12 col-md-6 col-lg-6 item gallery-image">
            <div
              class="item-wrapper"
              data-toggle="modal"
              data-bs-toggle="modal"
              data-target="#tXBhlX547h-modal"
              data-bs-target="#tXBhlX547h-modal"
            >
              <img
                class="w-100"
                src="assets/images/draftkings-white-1076x559.png"
                alt=""
                data-slide-to="1"
                data-bs-slide-to="1"
                data-target="#lb-tXBhlX547h"
                data-bs-target="#lb-tXBhlX547h"
              />
              <div class="icon-wrapper">
                <span
                  class="mobi-mbri mobi-mbri-search mbr-iconfont mbr-iconfont-btn"
                ></span>
              </div>
            </div>
          </div>
        </div>

        <div
          class="modal mbr-slider"
          tabindex="-1"
          role="dialog"
          aria-hidden="true"
          id="tXBhlX547h-modal"
        >
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-body">
                <div
                  class="carousel slide"
                  id="lb-tXBhlX547h"
                  data-interval="5000"
                  data-bs-interval="5000"
                >
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <img
                        class="d-block w-100"
                        src="assets/images/mathworks-logo-one-color-reversed-1-1239x264.png"
                        alt=""
                      />
                    </div>
                    <div class="carousel-item">
                      <img
                        class="d-block w-100"
                        src="assets/images/draftkings-white-1076x559.png"
                        alt=""
                      />
                    </div>
                  </div>
                  <ol class="carousel-indicators">
                    <li
                      data-slide-to="0"
                      data-bs-slide-to="0"
                      class="active"
                      data-target="#lb-tXBhlX547h"
                      data-bs-target="#lb-tXBhlX547h"
                    ></li>
                    <li
                      data-slide-to="1"
                      data-bs-slide-to="1"
                      data-target="#lb-tXBhlX547h"
                      data-bs-target="#lb-tXBhlX547h"
                    ></li>
                  </ol>
                  <a
                    role="button"
                    href=""
                    class="close"
                    data-dismiss="modal"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                  >
                  </a>
                  <a
                    class="carousel-control-prev carousel-control"
                    role="button"
                    data-slide="prev"
                    data-bs-slide="prev"
                    href="#lb-tXBhlX547h"
                  >
                    <span
                      class="mobi-mbri mobi-mbri-arrow-prev"
                      aria-hidden="true"
                    ></span>
                    <span class="sr-only visually-hidden">Previous</span>
                  </a>
                  <a
                    class="carousel-control-next carousel-control"
                    role="button"
                    data-slide="next"
                    data-bs-slide="next"
                    href="#lb-tXBhlX547h"
                  >
                    <span
                      class="mobi-mbri mobi-mbri-arrow-next"
                      aria-hidden="true"
                    ></span>
                    <span class="sr-only visually-hidden">Next</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-bs-version="5.1"
      class="info1 cid-sU9iJiwiKR"
      id="info1-z"
      style="background-color: #171717"
    >
      <div class="align-center container">
        <div class="row justify-content-center">
          <div class="col-12 col-lg-8">
            <h3 class="mbr-section-title mb-4 mbr-fonts-style display-2">
              <strong><br /></strong><strong>Looking to Sponsor?</strong>
            </h3>
            <p class="mbr-text mb-5 mbr-fonts-style display-7">
              <strong>
                Interested in sponsoring? See our sponsor packet below and reach
                out to us at hack@wpi.edu
              </strong>
            </p>
            <div class="mbr-section-btn">
              <a
                class="btn btn-secondary display-4"
                href="https://hack.wpi.edu/sponsor/2023-Sponsorship-Package.pdf"
                target="_blank"
                >Sponsorship Packet</a
              >
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-bs-version="5.1"
      class="content17 cid-sU9izjxqWU"
      style="background-color: #171717"
      id="content17-y"
    >
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-12 col-md-10">
            <div class="section-head align-center mb-4">
              <h3
                class="mbr-section-title mb-0 mbr-fonts-style display-2 text-white font-bold"
              >
                <strong>FAQ</strong>
              </h3>
            </div>

            <div
              id="bootstrap-toggle"
              class="toggle-panel accordionStyles tab-content"
            >
              <div class="card mb-3">
                <div class="card-header" role="tab" id="headingOne">
                  <a
                    role="button"
                    class="collapsed panel-title text-white"
                    data-toggle="collapse"
                    data-bs-toggle="collapse"
                    data-core=""
                    href="#collapse1_8"
                    aria-expanded="false"
                    aria-controls="collapse1"
                  >
                    <h6
                      class="text-white panel-title-edit mbr-fonts-style mb-0 display-7"
                    >
                      <strong>Will there be food or refreshments?</strong>
                    </h6>
                    <span
                      class="sign mbr-iconfont mbri-arrow-down text-white"
                    ></span>
                  </a>
                </div>
                <div
                  id="collapse1_8"
                  class="panel-collapse noScroll collapse"
                  role="tabpanel"
                  aria-labelledby="headingOne"
                >
                  <div class="panel-body">
                    <p class="mbr-fonts-style panel-text display-7 text-white">
                      Yes, we will be providing food and refreshments for all
                      attendants, more information to come!
                    </p>
                  </div>
                </div>
              </div>
              <div class="card mb-3">
                <div class="card-header" role="tab" id="headingTwo">
                  <a
                    role="button"
                    class="collapsed panel-title text-white"
                    data-toggle="collapse"
                    data-bs-toggle="collapse"
                    data-core=""
                    href="#collapse2_8"
                    aria-expanded="false"
                    aria-controls="collapse2"
                  >
                    <h6
                      class="panel-title-edit mbr-fonts-style mb-0 display-7 text-white"
                    >
                      <strong>Who can attend?&nbsp;</strong>
                    </h6>
                    <span
                      class="sign mbr-iconfont mbri-arrow-down text-white"
                    ></span>
                  </a>
                </div>
                <div
                  id="collapse2_8"
                  class="panel-collapse noScroll collapse"
                  role="tabpanel"
                  aria-labelledby="headingTwo"
                >
                  <div class="panel-body">
                    <p class="mbr-fonts-style panel-text display-7 text-white">
                      Anyone who is attending a university! Hackers must be 18+
                      years old and must be attending a college or university to
                      participate.<br /><br />
                    </p>
                  </div>
                </div>
              </div>
              <div class="card mb-3">
                <div class="card-header" role="tab" id="headingThree">
                  <a
                    role="button"
                    class="collapsed panel-title text-white"
                    data-toggle="collapse"
                    data-bs-toggle="collapse"
                    data-core=""
                    href="#collapse3_8"
                    aria-expanded="false"
                    aria-controls="collapse3"
                  >
                    <h6
                      class="panel-title-edit mbr-fonts-style mb-0 display-7 text-white"
                    >
                      <strong
                        >Do I need to know how to code in order to
                        participate?</strong
                      >
                    </h6>
                    <span
                      class="sign mbr-iconfont mbri-arrow-down text-white"
                    ></span>
                  </a>
                </div>
                <div
                  id="collapse3_8"
                  class="panel-collapse noScroll collapse"
                  role="tabpanel"
                  aria-labelledby="headingThree"
                >
                  <div class="panel-body">
                    <p class="mbr-fonts-style panel-text display-7 text-white">
                      You do NOT need to know how to code in order to
                      participate! Hack@WPI 2023 is open to all kinds of STEAM
                      disciplines, and we encourage both software and hardware
                      hacks. This means the event is not limited to just CS
                      majors or programmers -- practically anybody can
                      participate.&nbsp;<br />
                    </p>
                  </div>
                </div>
              </div>
              <div class="card mb-3">
                <div class="card-header" role="tab" id="headingThree">
                  <a
                    role="button"
                    class="collapsed panel-title text-white"
                    data-toggle="collapse"
                    data-bs-toggle="collapse"
                    data-core=""
                    href="#collapse4_8"
                    aria-expanded="false"
                    aria-controls="collapse4"
                  >
                    <h6
                      class="panel-title-edit mbr-fonts-style mb-0 display-7 text-white"
                    >
                      <strong>Will hardware and tools be offered?</strong>
                    </h6>
                    <span
                      class="sign mbr-iconfont mbri-arrow-down text-white"
                    ></span>
                  </a>
                </div>
                <div
                  id="collapse4_8"
                  class="panel-collapse noScroll collapse"
                  role="tabpanel"
                  aria-labelledby="headingThree"
                >
                  <div class="panel-body">
                    <p class="mbr-fonts-style panel-text display-7 text-white">
                      Tools, hardware and machines are available to WPI students
                      in the Makerspace in the Innovation Studio; students
                      should see
                      <a
                        href="https://makerspace.wpi.edu"
                        class="text-info text-white"
                        >makerspace.wpi.edu</a
                      >
                      for more details. <br /><br />
                    </p>
                  </div>
                </div>
              </div>
              <div class="card mb-3">
                <div class="card-header" role="tab" id="headingThree">
                  <a
                    role="button"
                    class="collapsed panel-title text-white"
                    data-toggle="collapse"
                    data-bs-toggle="collapse"
                    data-core=""
                    href="#collapse5_8"
                    aria-expanded="false"
                    aria-controls="collapse5"
                  >
                    <h6
                      class="panel-title-edit mbr-fonts-style mb-0 display-7 text-white"
                    >
                      <strong>How big can the teams be?</strong>
                    </h6>
                    <span
                      class="mbr-iconfont mobi-mbri-arrow-down mobi-mbri text-white"
                    ></span>
                  </a>
                </div>
                <div
                  id="collapse5_8"
                  class="panel-collapse noScroll collapse"
                  role="tabpanel"
                  aria-labelledby="headingThree"
                >
                  <div class="panel-body">
                    <p class="mbr-fonts-style panel-text display-7 text-white">
                      Teams can range anywhere from 1 to 5 people.<br /><br />
                    </p>
                  </div>
                </div>
              </div>
              <div class="card mb-3">
                <div class="card-header" role="tab" id="headingThree">
                  <a
                    role="button"
                    class="collapsed panel-title text-white"
                    data-toggle="collapse"
                    data-bs-toggle="collapse"
                    data-core=""
                    href="#collapse6_8"
                    aria-expanded="false"
                    aria-controls="collapse6"
                  >
                    <h6
                      class="panel-title-edit mbr-fonts-style mb-0 display-7 text-white"
                    >
                      <strong
                        >What if I'm a WPI student living off-campus and wish to
                        participate the event overnight?</strong
                      >
                    </h6>
                    <span
                      class="mbr-iconfont mobi-mbri-arrow-down mobi-mbri text-white"
                    ></span>
                  </a>
                </div>
                <div
                  id="collapse6_8"
                  class="panel-collapse noScroll collapse"
                  role="tabpanel"
                  aria-labelledby="headingThree"
                >
                  <div class="panel-body">
                    <p class="mbr-fonts-style panel-text display-7 text-white">
                      The venue will be open over night for all participants to
                      stay and work!
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-bs-version="5.1"
      class="contacts2 cid-t5zRJx1DXX"
      style="background-color: #171717"
      id="contacts2-13"
    >
      <!---->

      <div class="container">
        <div class="mbr-section-head">
          <h3
            class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"
          >
            <strong>Contact Us!</strong>
          </h3>
        </div>
        <div class="row justify-content-center mt-4">
          <div class="card col-12 col-md-6">
            <div class="card-wrapper">
              <div class="image-wrapper">
                <span
                  class="mbr-iconfont mobi-mbri-letter mobi-mbri"
                  style="color: rgb(39, 48, 67); fill: rgb(39, 48, 67)"
                ></span>
              </div>
              <div class="text-wrapper">
                <h6 class="card-title mbr-fonts-style mb-1 display-5">
                  <strong>Email</strong>
                </h6>
                <p class="mbr-text mbr-fonts-style display-7">
                  <a href="mailto:hack@wpi.edu" class="text-info"
                    >hack@wpi.edu</a
                  >
                </p>
              </div>
            </div>
          </div>
          <div class="card col-12 col-md-6">
            <div class="card-wrapper">
              <div class="image-wrapper">
                <span
                  class="mbr-iconfont mobi-mbri-camera mobi-mbri"
                  style="color: rgb(39, 48, 67); fill: rgb(39, 48, 67)"
                ></span>
              </div>
              <div class="text-wrapper">
                <h6 class="card-title mbr-fonts-style mb-1 display-5">
                  <strong>Instagram</strong>
                </h6>
                <p class="mbr-text mbr-fonts-style display-7">
                  <a
                    href="https://instagram.com/goathacks_wpi?igshid=YmMyMTA2M2Y="
                    class="text-info"
                    target="_blank"
                    >@goathacks_wpi</a
                  >
                </p>
                <p></p>
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section
      class="display-7"
      style="
        padding: 0;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        align-content: center;
        display: none;
        position: relative;
        height: 4rem;
      "
    >
      <a
        href="https://mobiri.se/3103932"
        style="
          flex: 1 1;
          height: 4rem;
          position: absolute;
          width: 100%;
          z-index: 1;
        "
        ><img
          alt=""
          style="height: 4rem"
          src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
      /></a>
      <p style="margin: 0; text-align: center" class="display-7">&#8204;</p>
      <a
        style="z-index: 1"
        href="https://mobirise.com/drag-drop-website-builder.html"
        >Drag & Drop Website Builder</a
      >
    </section>
    <script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/smoothscroll/smooth-scroll.js"></script>
    <script src="assets/ytplayer/index.js"></script>
    <script src="assets/dropdown/js/navbar-dropdown.js"></script>
    <script src="assets/embla/embla.min.js"></script>
    <script src="assets/embla/script.js"></script>
    <script src="assets/mbr-switch-arrow/mbr-switch-arrow.js"></script>
    <script src="assets/theme/js/script.js"></script>

    <!-- Insert MLH Banner Code Here -->
  </body>
</html>