hack-wpi-static/index.html
2024-10-31 13:06:47 -07:00

792 lines
31 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<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"
/>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jersey+10&display=swap" rel="stylesheet">
</head>
<body onload="init()">
<script type="text/javascript" src="assets/countdown/script.js"></script>
<div class="flex text-3xl border-zinc-700 fixed w-screen border-b z-50 text-white game-font items-center justify-center flex-row py-3 pl-2 pr-40" style="background-color: #171717">
<a href="https://hack.wpi.edu" class="ml-4 ">
<img
src="assets/images/goathacks2024goat3-96x106.png"
alt="Hack@WPI 2021"
style="height: 3.2rem"
/>
</a>
<div class="ml-auto mr-5">
<a
href="https://hack.wpi.edu/registration/"
class="hover:text-red-500 duration-100"
>REGISTER</a>
</div>
<div class="mr-5">
<a
href="index.html#gallery6-1g"
class="hover:text-red-500 duration-100"
>SPONSORS</a>
</div>
<div class="mr-5">
<a
href="index.html#content17-y"
class="hover:text-red-500 duration-100"
>FAQ</a>
</div>
<div class="mr-5">
<a
href="index.html#contacts2-13"
class="hover:text-red-500 duration-100"
>CONTACT</a
>
</div>
</div>
<section data-bs-version="5.1" class="" id="image3-1">
<div
class="h-screen px-20 align-items-center flex flex-row items-center justify-center"
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"
>
<h2 class="text-white mt-4 game-font text-6xl">JAN 17th - 19th</h2>
<a
class="btn btn-secondary display-4"
href="https://hack.wpi.edu/registration"
>REGISTER!</a>
</div>
</div>
<div class="image">
<img src="assets/images/svg-logo.svg" style=" width: 500px; animation: ycle-pulse 4s infinite linear;" alt="Hack@WPI Logo" />
</div>
</div>
</section>
<section>
<div class="countdown has-animation fadeInUp text-white bg-[#171717] mb-20 game-font flex flex-row justify-center items-center" data-date="Jan 17 2025 20:00:00">
<div class="counter flex flex-col justify-center items-center mr-16">
<span class="value text-6xl text-red-500" data-days>-</span>
<span class="suffix text-5xl">Days</span>
</div>
<div class="counter flex flex-col justify-center items-center mr-16">
<span class="value text-6xl text-red-500" data-hours>-</span>
<span class="suffix text-5xl ">Hours</span>
</div>
<div class="counter flex flex-col justify-center items-center mr-16">
<span class="value text-6xl text-red-500" data-minutes>-</span>
<span class="suffix text-5xl">Mins</span>
</div>
<div class="counter flex flex-col justify-center items-center mr-16">
<span class="value text-6xl text-red-500" data-seconds>-</span>
<span class="suffix text-5xl">Secs</span>
</div>
</div>
</section>
<section
data-bs-version="5.1"
class="slider4 mbr-embla cid-t5rSAuN6jS"
id="slider4-10"
style="background-color: #171717"
>
<div class="grid grid-cols-2 gap- mb-56">
<div class="pr-2">
<div class="image-container">
<img
src="assets/images/14054333-3626242934684-2993608365764809290-o-708x469.jpg"
/>
</div>
</div>
<div class="flex items-end pl-32 pr-16 justify-center flex-col">
<h1 class=" text-right text-red-500 text-7xl mb-4 game-font">BUILD ANYTHING.</h1>
<p class="text-right text-white text-3xl font-semibold game-font">At GoatHacks, the sky is the limit with what you can create. We support all projects, virtual or physical, and will the resources you need to help you build your project.</p>
</div>
</div>
<div class="grid grid-cols-2 gap-2 my-56">
<div class="flex items-start pr-32 pl-16 justify-center flex-col">
<h1 class=" text-left text-red-500 text-7xl mb-4 game-font">COLLABORATE.</h1>
<p class="text-left text-white text-3xl font-semibold game-font">Find your people at GoatHacks. Come with a team, or find a new one at our event! (Or go solo, if that's your thing).</p>
</div>
<div class="pl-2">
<div class="image-container-alt after::-left-24">
<img
src="assets/images/img-4527-886x591.jpg"
/>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap- mb-56">
<div class="pr-2">
<div class="image-container">
<img
src="assets/images/img-20190118-181610-708x531.jpg"
/>
</div>
</div>
<div class="flex items-end pl-32 pr-16 justify-center flex-col">
<h1 class=" text-right text-red-500 text-7xl mb-4 game-font">LEARN.</h1>
<p class="text-right text-white text-3xl font-semibold game-font">Whether you're a seasoned hacker or starting for the first time, we've got you covered. We'll be hosting workshops and events from industry experts to help you learn new skills and reinforce existing ones.</p>
</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">
<div class="section-head align-center mb-4">
<h3
class="game-font text-6xl text-red-500 font-bold mb-3"
>
<strong>PREV. SPONSORS</strong>
</h3>
</div>
</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 text-4xl game-font">
<strong><br /></strong><strong>Looking to Sponsor?</strong>
</h3>
<p class="mbr-text mb-5 game-font text-3xl">
<strong>
See our sponsor packet below and reach out to us <a class="underline" href="mailto:hack@wpi.edu">here!</a>
</strong>
</p>
<div class="mbr-section-btn">
<a
class="btn btn-secondary display-4"
href="https://drive.google.com/file/d/1L-CZgCxPZmOMpFBy67rTB6ED6lq8v3au/view?usp=sharing"
target="_blank"
>
<h1 class="game-font text-2xl">Sponsorship Packet</h1>
</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="game-font text-6xl text-red-500 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 game-font panel-title-edit mb-0 text-4xl"
>
<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"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 game-font panel-text">
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="text-white game-font panel-title-edit mb-0 text-4xl"
>
<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"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 game-font panel-text">
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="text-white game-font panel-title-edit mb-0 text-4xl"
>
<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"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 game-font panel-text">
You do NOT need to know how to code in order to
participate! GoatHacks 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="text-white game-font panel-title-edit mb-0 text-4xl"
>
<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"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 game-font panel-text">
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="text-white game-font panel-title-edit mb-0 text-4xl"
>
<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"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 game-font panel-text">
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="text-white game-font panel-title-edit mb-0 text-4xl"
>
<strong
>What if I'm a WPI student living off-campus and wish to
work 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"
style="visibility: visible;"
>
<div class="panel-body">
<p class="text-2xl text-gray-300 game-font panel-text">
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="flex justify-center items-center">
<img
class="w-60 mb-4 -mt-20"
src="assets/images/GOATED.png"></img>
</div>
<div class="flex items-center justify-center">
<a href="https://www.instagram.com/goathacks_wpi/">
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
fill="#fff"
class="bi bi-instagram mr-8 hover:cursor-pointer"
viewBox="0 0 16 16"
>
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"
/>
</svg>
</a>
<!-- <a href="https://discord.gg/goathacks"> -->
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
fill="#fff"
class="bi bi-discord mr-8 hover:cursor-pointer"
viewBox="0 0 16 16"
>
<path
d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"
/>
</svg>
<!-- </a> -->
<a href="mailto:hack@wpi.edu">
<svg
xmlns="http://www.w3.org/2000/svg"
width="40"
height="40"
fill="#fff"
class="bi bi-envelope hover:cursor-pointer"
viewBox="0 0 16 16"
>
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z"
/>
</svg>
</a>
</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 -->
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/na?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2025-season&utm_content=red" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2025/mlh-trust-badge-2025-red.svg" alt="Major League Hacking 2025 Hackathon Season" style="width:100%"></a>
</body>
</html>