Everything looks so pretty

This commit is contained in:
Unknown 2024-05-03 16:43:21 -07:00
parent abbd8edb2b
commit ea3920f773
11 changed files with 1374 additions and 1481 deletions

View file

@ -1,101 +1,86 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Awards
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">Awards</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
</html>

View file

@ -1,71 +1,68 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Donate
</h1>
<img
src="/Resources/Icons/Pencil-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<div class = "UnderConstruction">
This section is under construction...
</div>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">Donate</h1>
<img
src="/Resources/Icons/Pencil-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<!-- <div class="divider">
<div class="UnderConstruction">This section is under construction...</div>
<!-- <div class="divider">
<hr />
<h1
style="
@ -100,41 +97,30 @@
>Notion Book</a
>
<div style="height: 30%"></div> -->
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
</html>

View file

@ -1,101 +1,88 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
General Donation
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
General Donation
</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
</html>

View file

@ -1,101 +1,88 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Projects
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Projects
</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
</html>

View file

@ -1,101 +1,86 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Shop
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">Shop</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
</html>

View file

@ -1,223 +1,219 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Sponsor Us
</h1>
<img
src="/Resources/Icons/handshake-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!-- Sponsorship Packet -->
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
align-items: center;
text-align: center;">
Sponsorship Packet
</h1>
<hr />
</div>
<div id = "sponsorship-packet">
<p>
View our Sponsorship Packet
</p>
<iframe
src="https://drive.google.com/file/d/1wOAIZDS4SVDNGWNok7cfo6i1EDZdo6yL/preview"
style="border-width: 0"
width="500"
height="400"
frameborder="0"
scrolling="no"
></iframe>
</div>
<!-- Sponsorship Tiers -->
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
align-items: center;
text-align: center;">
Sponsorship Tiers
</h1>
<hr />
</div>
<div style="text-align: center; font-size: large">
<!-- Paradise Sponsor -->
<div>
<h2 class="sponsor-tier" style="color: #500a0a; text-decoration: underline">
Paradise Sponsor
</h2>
<div class="sponsor-amount">$10,000+</div>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Sponsor Us
</h1>
<img
src="/Resources/Icons/handshake-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div class="sponsor-detail">
•Separate Banner in our Pit with Company Name and Logo
</div>
<div class="sponsor-detail">
•Video Shoutout on our Social Media
</div>
<div class="sponsor-detail">•Platinum Tier Benefits</div>
</div>
<br />
<div>
<!-- Platinum Sponsor -->
<h2 class="sponsor-tier" style="color: #6d9eeb; text-decoration: underline">
Platinum Sponsor
</h2>
<div class="sponsor-amount">$5,000-$9,999</div>
<!-- Sponsorship Packet -->
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
align-items: center;
text-align: center;
"
>
Sponsorship Packet
</h1>
<hr />
</div>
<div id="sponsorship-packet">
<p>View our Sponsorship Packet</p>
<iframe
src="https://drive.google.com/file/d/1wOAIZDS4SVDNGWNok7cfo6i1EDZdo6yL/preview"
style="border-width: 0"
width="500"
height="400"
frameborder="0"
scrolling="no"
></iframe>
</div>
<div class="sponsor-detail">
•Robot Demonstration at Company (pending Sponsor request and
team availability)
</div>
<div class="sponsor-detail">•Name and Logo on Workbench</div>
<div class="sponsor-detail">
•Name and Logo on Competition Robot
</div>
<div class="sponsor-detail">
•Monthly Video Call with Students to talk about STEM
</div>
<div class="sponsor-detail">•Gold Tier Benefits</div>
</div>
<br />
<div>
<!-- Gold Sponsor -->
<h2 class="sponsor-tier" style="color: #e0c635; text-decoration: underline">
Gold Sponsor
</h2>
<div class="sponsor-amount">$1,500-$4,999</div>
<div class="sponsor-detail">
•Name and Logo Displayed in Pit
</div>
<div class="sponsor-detail">•Name and Logo on Shirts</div>
<div class="sponsor-detail">
•Name listed on team registration papers
</div>
<div class="sponsor-detail">•Silver Tier Benefits</div>
</div>
<br />
<div>
<!-- Silver Sponsor -->
<h2 class="sponsor-tier" style="color: #798180; text-decoration: underline">
Silver Sponsor
</h2>
<div class="sponsor-amount">$500-$1,499</div>
<div class="sponsor-detail">
•Name and Logo on Monthly Newsletter
</div>
<div class="sponsor-detail">
•Name, Logo, and Link on Website
</div>
<div class="sponsor-detail">
•Name and Logo Displayed in Pit
</div>
<div class="sponsor-detail">•Bronze Tier Benefits</div>
</div>
<br />
<div>
<!-- Bronze Sponsor -->
<h2 class="sponsor-tier" style="color: #c55a11; text-decoration: underline">
Bronze Sponsor
</h2>
<div class="sponsor-amount"><$499</div>
<div class="sponsor-detail">•Social Media Shout Out</div>
<div class="sponsor-detail">
•Recieve Our Monthly Newsletter
</div>
</div>
<br />
<!-- Sponsorship Tiers -->
<div class="divider">
<hr />
<h1
style="
display: flex;
justify-content: center;
align-items: center;
text-align: center;
"
>
Sponsorship Tiers
</h1>
<hr />
</div>
<div style="text-align: center; font-size: large">
<!-- Paradise Sponsor -->
<div>
<h2
class="sponsor-tier"
style="color: #500a0a; text-decoration: underline"
>
Paradise Sponsor
</h2>
<div class="sponsor-amount">$10,000+</div>
<div class="sponsor-detail">
•Separate Banner in our Pit with Company Name and Logo
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
<div class="sponsor-detail">•Video Shoutout on our Social Media</div>
<div class="sponsor-detail">•Platinum Tier Benefits</div>
</div>
<br />
<div>
<!-- Platinum Sponsor -->
<h2
class="sponsor-tier"
style="color: #6d9eeb; text-decoration: underline"
>
Platinum Sponsor
</h2>
<div class="sponsor-amount">$5,000-$9,999</div>
<div class="sponsor-detail">
•Robot Demonstration at Company (pending Sponsor request and team
availability)
</div>
<div class="sponsor-detail">•Name and Logo on Workbench</div>
<div class="sponsor-detail">•Name and Logo on Competition Robot</div>
<div class="sponsor-detail">
•Monthly Video Call with Students to talk about STEM
</div>
<div class="sponsor-detail">•Gold Tier Benefits</div>
</div>
<br />
<div>
<!-- Gold Sponsor -->
<h2
class="sponsor-tier"
style="color: #e0c635; text-decoration: underline"
>
Gold Sponsor
</h2>
<div class="sponsor-amount">$1,500-$4,999</div>
<div class="sponsor-detail">•Name and Logo Displayed in Pit</div>
<div class="sponsor-detail">•Name and Logo on Shirts</div>
<div class="sponsor-detail">
•Name listed on team registration papers
</div>
<div class="sponsor-detail">•Silver Tier Benefits</div>
</div>
<br />
<div>
<!-- Silver Sponsor -->
<h2
class="sponsor-tier"
style="color: #798180; text-decoration: underline"
>
Silver Sponsor
</h2>
<div class="sponsor-amount">$500-$1,499</div>
<div class="sponsor-detail">•Name and Logo on Monthly Newsletter</div>
<div class="sponsor-detail">•Name, Logo, and Link on Website</div>
<div class="sponsor-detail">•Name and Logo Displayed in Pit</div>
<div class="sponsor-detail">•Bronze Tier Benefits</div>
</div>
<br />
<div>
<!-- Bronze Sponsor -->
<h2
class="sponsor-tier"
style="color: #c55a11; text-decoration: underline"
>
Bronze Sponsor
</h2>
<div class="sponsor-amount"><$499</div>
<div class="sponsor-detail">•Social Media Shout Out</div>
<div class="sponsor-detail">•Recieve Our Monthly Newsletter</div>
</div>
<br />
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
</html>

View file

@ -1,101 +1,88 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Tax Credit
</h1>
<img
src="/Resources/Icons/team-icon.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div class = "UnderConstruction">
This section is under construction...
</div>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Tax Credit
</h1>
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon" />
</div>
<div class="UnderConstruction">This section is under construction...</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
</html>

View file

@ -1,115 +1,104 @@
<html>
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
<head>
<link rel="stylesheet" href="style.css" />
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Calendar
</h1>
<img
src="/Resources/Icons/calendar.png"
id="TeamIcon"
alt="Team Icon"
/>
</div>
<div
style="
display: flex;
justify-content: center;
text-align: center;
padding-top: 10%;
padding-bottom: 8%;
"
>
<iframe
src="https://calendar.google.com/calendar/embed?src=c_classroomf63767d2%40group.calendar.google.com&ctz=America%2FPhoenix"
style="border-width: 0"
width="800"
height="600"
frameborder="0"
scrolling="no"
></iframe>
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!-- Body -->
<div class="Title-Container">
<h1 class="page-title" style="width: 100%; text-align: center">
Calendar
</h1>
<img src="/Resources/Icons/calendar.png" id="TeamIcon" alt="Team Icon" />
</div>
<div
style="
display: flex;
justify-content: center;
text-align: center;
padding-top: 10%;
padding-bottom: 8%;
"
>
<iframe
src="https://calendar.google.com/calendar/embed?src=c_classroomf63767d2%40group.calendar.google.com&ctz=America%2FPhoenix"
style="border-width: 0"
width="800"
height="600"
frameborder="0"
scrolling="no"
></iframe>
</div>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</body>
</html>

View file

@ -1,46 +1,46 @@
document.addEventListener("DOMContentLoaded", function () {
fields.firstName = document.getElementById("firstName");
fields.lastName = document.getElementById("lastName");
fields.email = document.getElementById("email");
fields.message = document.getElementById("question");
fields.firstName = document.getElementById("firstName");
fields.lastName = document.getElementById("lastName");
fields.email = document.getElementById("email");
fields.message = document.getElementById("question");
});
function isNotEmpty(value) {
if (value == null || typeof calue == "undefined") return false;
if (value == null || typeof calue == "undefined") return false;
return value.length > 0;
return value.length > 0;
}
function isNumber(num) {
return num.length > 0 && !isNaN(num);
return num.length > 0 && !isNaN(num);
}
function isEmail(email) {
let regex =
/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
return regex.test(String(email).toLowerCase());
let regex =
/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;
return regex.test(String(email).toLowerCase());
}
//field.className to change classes
class User {
constructor(firstName, lastName, email, question) {
this.firstName = firstName;
this.lastName = lastName;
this.email = email;
this.question = question;
}
constructor(firstName, lastName, email, question) {
this.firstName = firstName;
this.lastName = lastName;
this.email = email;
this.question = question;
}
}
function sendContact() {
if (isValid()) {
let usr = new User(
firstName.value,
lastName.value,
email.value,
question.value
);
}
if (isValid()) {
let usr = new User(
firstName.value,
lastName.value,
email.value,
question.value
);
}
}
/*function scrollPosition() {

View file

@ -1,508 +1,506 @@
@font-face {
font-family: OpenSans;
src: url("../Resources/openSans.ttf");
font-family: OpenSans;
src: url("../Resources/openSans.ttf");
}
html {
background-color: #e0e0e0;
font-family: OpenSans;
background-color: #e0e0e0;
font-family: OpenSans;
}
/*SCROLLBAR*/
/* width */
::-webkit-scrollbar {
width: 10px;
width: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
border-radius: 10px;
border-color: #000;
background: #c0c0c0;
border-radius: 10px;
border-color: #000;
background: #c0c0c0;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #000000;
background: #000000;
}
/* Body */
body {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
background-color: #f1f1f1;
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
background-color: #f1f1f1;
}
/* Navigation Bar */
#nav-bar {
position: fixed;
z-index: 110;
background-color: #f1f1f1;
width: 100%;
border-bottom: 1px solid;
border-bottom-color: #000;
margin: 0;
position: fixed;
z-index: 110;
background-color: #f1f1f1;
width: 100%;
border-bottom: 1px solid;
border-bottom-color: #000;
margin: 0;
}
#nav-bar::after {
color: #000;
color: #000;
}
#nav-bar ul {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
#nav-bar ul li {
display: inline-block;
display: inline-block;
}
#nav-bar ul li a {
display: block;
padding: 15px;
text-decoration: none;
color: #141415;
font-weight: 800;
text-transform: uppercase;
display: block;
padding: 15px;
text-decoration: none;
color: #141415;
font-weight: 800;
text-transform: uppercase;
}
#nav-bar ul li nav.dropdown-content {
position: fixed;
top: 50;
position: fixed;
top: 50;
}
#nav-bar ul li nav.dropdown-content::before {
position: absolute;
left: 50%;
top: auto;
width: 0;
height: 0;
border: solid transparent;
content: "";
position: absolute;
left: 50%;
top: auto;
width: 0;
height: 0;
border: solid transparent;
content: "";
}
#nav-logo {
width: 3.5%;
vertical-align: middle;
padding-right: 30%;
display: none;
width: 3.5%;
vertical-align: middle;
padding-right: 30%;
display: none;
}
nav.fill ul .nav-button {
justify-content: right;
justify-content: right;
}
/* Hide Dropdown */
nav.fill ul .dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
border-color: #000;
border: 1px solid;
z-index: 110;
display: none;
position: absolute;
background-color: #f1f1f1;
border-color: #000;
border: 1px solid;
z-index: 110;
}
/* Dropdown Text */
nav.fill ul .dropdown-content a {
color: #f1f1f1;
color: #f1f1f1;
}
/* Hover over dropdown text */
nav.fill ul .dropdown-content a:hover {
color: #000;
color: #000;
}
/* Show dropdown on hover */
nav.fill ul #home-dropdown:hover #home-dropdown-content {
display: block;
text-align: center;
font-size: small;
z-index: 110;
width: 10%;
display: block;
text-align: center;
font-size: small;
z-index: 110;
width: 10%;
}
/* Show dropdown on hover */
nav.fill ul #donate-dropdown:hover #donate-dropdown-content {
display: block;
text-align: center;
z-index: 110;
width: 10%;
display: block;
text-align: center;
z-index: 110;
width: 10%;
}
/* Show dropdown on hover */
nav.fill ul #Accomplishments-dropdown:hover #Accomplishments-dropdown-content {
display: block;
text-align: center;
z-index: 110;
width: 10%;
display: block;
text-align: center;
z-index: 110;
width: 10%;
}
nav ul li a,
nav ul li a:after,
nav ul li a:before {
transition: all 0.2s;
transition: all 0.2s;
}
nav ul li a:hover {
color: #000000;
color: #000000;
}
nav.fill ul li a:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 0%;
content: ".";
margin: 0;
opacity: 0;
color: transparent;
background: #aaa;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 0%;
content: ".";
margin: 0;
opacity: 0;
color: transparent;
background: #aaa;
height: 1px;
}
nav.fill ul li a {
transition: all 1s;
transition: all 1s;
}
nav.fill ul li a:hover {
color: #c3153a;
z-index: 1;
color: #c3153a;
z-index: 1;
}
nav.fill ul li a:hover:after {
z-index: -10;
animation: fill 0.5s forwards;
-webkit-animation: fill 1s forwards;
-moz-animation: fill 1s forwards;
opacity: 1;
z-index: -10;
animation: fill 0.5s forwards;
-webkit-animation: fill 1s forwards;
-moz-animation: fill 1s forwards;
opacity: 1;
}
main {
padding-top: 25px;
background-color: #f1f1f1;
z-index: 100;
padding-top: 25px;
background-color: #f1f1f1;
z-index: 100;
}
/* Logo + Background Image */
.logo-container {
display: flex;
align-items: center;
justify-content: center;
/*height: calc(100vw*0.664179104);*/
height: calc(100vh);
display: flex;
align-items: center;
justify-content: center;
/*height: calc(100vw*0.664179104);*/
height: calc(100vh);
}
.logo-container #Logo-Image {
position: fixed;
z-index: 80;
width: 50%;
position: fixed;
z-index: 80;
width: 50%;
}
.logo-container #Background-Image {
position: fixed;
z-index: 50;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
position: fixed;
z-index: 50;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
}
#Background-Image {
overflow: visible;
height: auto;
overflow: visible;
height: auto;
}
/* Home Content */
.header2 {
padding-bottom: 15px;
justify-content: center;
text-align: center;
padding-bottom: 15px;
justify-content: center;
text-align: center;
}
.section-white {
background-color: #f1f1f1;
padding-top: 5vh;
padding-bottom: 5vh;
background-color: #f1f1f1;
padding-top: 5vh;
padding-bottom: 5vh;
}
.section-gray {
background-color: #e1e1e1;
padding-top: 5vh;
padding-bottom: 5vh;
background-color: #e1e1e1;
padding-top: 5vh;
padding-bottom: 5vh;
}
/* About Us */
#about-us-image {
padding-left: 10%;
padding-right: 10%;
width: 35%;
padding-left: 10%;
padding-right: 10%;
width: 35%;
}
#about-us-text {
text-align: center;
padding-right: 5%;
text-align: center;
padding-right: 5%;
}
/* Projects */
#Rhino-2024 {
justify-content: right;
justify-content: right;
}
#projects-image-Rhino-2024 {
height: 60%;
width: calc(60vh * 1.02327961);
padding-right: 10%;
padding-left: 10%;
margin-bottom: 20px;
height: 60%;
width: calc(60vh * 1.02327961);
padding-right: 10%;
padding-left: 10%;
margin-bottom: 20px;
}
.text-image-chunk {
display: flex;
display: flex;
}
.text-image-chunk p {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
/* Leaders */
#leaders section {
margin-bottom: 0;
margin-bottom: 0;
}
.leaders-list {
display: grid;
gap: 1.25rem; /* Adjusts the space between grid items */
list-style: none;
text-align: center;
font-family: OpenSans;
display: grid;
gap: 1.25rem; /* Adjusts the space between grid items */
list-style: none;
text-align: center;
font-family: OpenSans;
}
.leaders-list li {
background-color: #f9fafb; /* Light gray background */
border: 1px solid #e5e7eb; /* Gray border */
border-radius: 0.375rem; /* Rounded corners */
padding: 1.5rem; /* Spacing inside the card */
background-color: #f9fafb; /* Light gray background */
border: 1px solid #e5e7eb; /* Gray border */
border-radius: 0.375rem; /* Rounded corners */
padding: 1.5rem; /* Spacing inside the card */
}
.leaders-list li div {
font-size: 1.25rem; /* Equivalent to text-xl */
font-weight: bold; /* Makes the text bold */
margin-bottom: 1rem; /* 4 margin-bottom */
font-size: 1.25rem; /* Equivalent to text-xl */
font-weight: bold; /* Makes the text bold */
margin-bottom: 1rem; /* 4 margin-bottom */
}
.leaders-list li span {
font-size: 1.5rem;
font-weight: normal;
font-size: 1.5rem;
font-weight: normal;
}
.leaders-title {
font-size: x-large;
text-align: center;
margin-top: 10vh;
text-decoration: underline;
font-size: x-large;
text-align: center;
margin-top: 10vh;
text-decoration: underline;
}
#head-mentors ul,
#officers ul {
column-count: 4;
column-count: 4;
}
#captains ul {
column-count: 6;
column-count: 6;
}
/* Footer */
.footer {
padding-top: 50px;
background-color: #e1e1e1;
display: flex;
padding-top: 50px;
background-color: #e1e1e1;
display: flex;
}
.social-icons {
position: relative;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px; /* Optional, for rounded corners */
position: relative;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
border-radius: 5px; /* Optional, for rounded corners */
}
.social-icons ul {
list-style: none;
padding: 0;
margin: 0;
display: flex; /* Displays the icons in a row */
list-style: none;
padding: 0;
margin: 0;
display: flex; /* Displays the icons in a row */
}
.social-icons ul li {
margin-right: 10px; /* Adds some space between icons */
margin-right: 10px; /* Adds some space between icons */
}
.social-icons ul li:last-child {
margin-right: 0; /* Removes margin from the last icon */
margin-right: 0; /* Removes margin from the last icon */
}
.social-icons ul li a img {
width: 30px; /* Adjusts the size of the icons */
height: auto;
transition: transform 0.3s ease; /* Smooth scaling effect on hover */
width: 30px; /* Adjusts the size of the icons */
height: auto;
transition: transform 0.3s ease; /* Smooth scaling effect on hover */
}
.social-icons ul li a:hover img {
transform: scale(1.1); /* Scales the icon on hover */
transform: scale(1.1); /* Scales the icon on hover */
}
/*Mobile*/
@media screen and (max-width: 1200px) {
/* comes into effect for screens larger than or equal to 481 pixels */
.ourStory-Container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 5%;
}
.ourStory-Container div {
font-family: OpenSans;
padding: 2%;
width: 80%;
text-align: center;
font-size: medium;
}
.ourStory-Container img {
width: 80%;
padding: 2%;
}
nav {
width: 80%;
margin: 0;
margin-right: 5%;
font-size: 15px;
}
/* comes into effect for screens larger than or equal to 481 pixels */
.ourStory-Container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 5%;
}
.ourStory-Container div {
font-family: OpenSans;
padding: 2%;
width: 80%;
text-align: center;
font-size: medium;
}
.ourStory-Container img {
width: 80%;
padding: 2%;
}
nav {
width: 80%;
margin: 0;
margin-right: 5%;
font-size: 15px;
}
}
/*Desktop*/
@media screen and (min-width: 1201px) {
.ourStory-Container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 5%;
}
.ourStory-Container div {
font-family: OpenSans;
padding: 2%;
flex-grow: 4;
width: 45%;
text-align: center;
font-size: medium;
min-width: 300px;
}
.ourStory-Container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 5%;
}
.ourStory-Container div {
font-family: OpenSans;
padding: 2%;
flex-grow: 4;
width: 45%;
text-align: center;
font-size: medium;
min-width: 300px;
}
.ourStory-Container img {
padding: 2%;
width: 40%;
}
.ourStory-Container img {
padding: 2%;
width: 40%;
}
}
/* Other Pages */
body .Title-Container {
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 7vh;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 7vh;
}
.page-title {
font-size: 60px;
color: #141415;
font-family: OpenSans;
font-size: 60px;
color: #141415;
font-family: OpenSans;
}
body .Title-Container #TeamIcon {
width: 7%;
display: block;
width: 7%;
display: block;
}
.flex-break {
flex-basis: 100%;
height: 0;
flex-basis: 100%;
height: 0;
}
.people-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.people-container .person {
justify-content: center;
text-align: center;
padding: 12px;
justify-content: center;
text-align: center;
padding: 12px;
}
.people-container .person .name {
font-size: px;
color: #000000;
font-size: px;
color: #000000;
}
.people-container .person .pTitle {
font-size: 18px;
color: rgb(224, 198, 83);
font-size: 18px;
color: rgb(224, 198, 83);
}
.sponsor-amount {
color: #000000;
size: 18px;
color: #000000;
size: 18px;
}
.sponsor-detail {
color: #000000;
size: 14px;
color: #000000;
size: 14px;
}
.button {
display: inline-block;
padding: 10px 20px;
background-color: #2636c6;
color: white;
text-decoration: none;
border: none;
border-radius: 5px;
cursor: pointer;
display: inline-block;
padding: 10px 20px;
background-color: #2636c6;
color: white;
text-decoration: none;
border: none;
border-radius: 5px;
cursor: pointer;
}
.button:hover {
background-color: #45a049;
background-color: #45a049;
}
.button:active {
background-color: #3e8e41;
background-color: #3e8e41;
}
h2 {
margin: 5px;
margin: 5px;
}
.sponsor-tier {
font-weight: 500;
font-weight: 500;
}
#sponsorship-packet {
display: block;
justify-content: center;
align-items: center;
text-align: center;
width: 50%;
margin-left: auto;
margin-right: auto;
display: block;
justify-content: center;
align-items: center;
text-align: center;
width: 50%;
margin-left: auto;
margin-right: auto;
}
#sponsorship-packet p {
font-size: 20;
font-weight: 500;
font-size: 20;
font-weight: 500;
}
.UnderConstruction {
font-size: 25;
margin-top: 10vh;
margin-bottom: 10vh;
display: flex;
justify-content: center;
font-size: 25;
margin-top: 10vh;
margin-bottom: 10vh;
display: flex;
justify-content: center;
}
/* shop css */
/* body {

View file

@ -1,290 +1,283 @@
<html>
<head>
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
<head>
<link
rel="icon"
type="image/x-icon"
href="/Resources/Favicons/favicon.png"
/>
<link rel="stylesheet" href="/Pages/style.css" />
</head>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<link rel="stylesheet" href="/Pages/style.css" />
</head>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html"
>General Donation</a
>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
</li>
<body>
<!--Navigation Bar-->
<nav class="fill" id="nav-bar">
<ul>
<img
src="/Resources/Black Logo-1.png"
id="nav-logo"
alt="Team 1165 Logo"
/>
<li class="nav-button" id="home-dropdown">
<a href="/index.html">Home</a>
<nav class="dropdown-content" id="home-dropdown-content">
<a class="first-dropdown" href="/index.html">Projects</a>
<a href="/index.html">Leaders</a>
</nav>
</li>
<li class="nav-button">
<a href="/Pages/calendar.html">Calendar</a>
</li>
<li class="nav-button">
<a href="/Pages/sponsors.html">Sponsors</a>
</li>
<li class="nav-button"><a href="/Pages/Shop.html">Shop</a></li>
<li class="nav-button" id="donate-dropdown">
<a href="/Pages/Donate.html">Donate</a>
<nav class="dropdown-content" id="donate-dropdown-content">
<a class="first-dropdown" href="/Pages/Gen Donate.html">General Donation</a>
<a href="/Pages/Tax credit Dono.html">Tax Credit</a>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</nav>
</ul>
</nav>
<li class="nav-button" id="Accomplishments-dropdown">
<a href="/index.html">Accomplishments</a>
<nav class="dropdown-content" id="Accomplishments-dropdown-content">
<a class="first-dropdown" href="/Pages/Projects.html">Projects</a>
<a href="/Pages/Awards.html">Awards</a>
</nav>
</li>
</ul>
</nav>
<!--Background Image + Logo-->
<header>
<section class="logo-container">
<img
src="/Resources/ParadiseLogo.png"
id="Logo-Image"
alt="Team 1165 Logo"
/>
<img
src="/Resources/Homepage-Picture.jpg"
id="Background-Image"
alt="Background Image"
/>
<!--Background Image + Logo-->
<header>
<section class="logo-container">
<img
src="/Resources/ParadiseLogo.png"
id="Logo-Image"
alt="Team 1165 Logo"
/>
<img
src="/Resources/Homepage-Picture.jpg"
id="Background-Image"
alt="Background Image"
/>
</section>
</header>
<main>
<section id="main-section">
<section id="home-section">
<!-- About Us -->
<section class="section-white">
<header>
<h2 class="header2">About Us</h2>
</header>
<section class="text-image-chunk" id="about-us">
<img
src="/Resources/Team Paradise Yearbook Photo.jpeg"
id="about-us-image"
alt="Team Picture"
/>
<div id="about-us-text">
Our team's annual goal is to assemble a team of energetic
students that bring academic lessons to bear in a robotics
competition. We are part of the FIRST organization (For
Inspiration and Recognition of Science and Technolgy) and
participate in FIRST Robotics Competitions (FRC).
<br />
<br />
FRC combines the excitement of sport with the rigors of science
and technology. Under strict rules, limited resources, and tight
time limits, teams of high school students are challenged to
build and program a robot to perform prescribed tasks against a
field of competitors, raise funds, design a team "brand", and
hone teamwork skills.
</div>
</section>
</header>
</section>
<main>
<section id="main-section">
<section id="home-section">
<!-- About Us -->
<section class="section-white">
<header>
<h2 class="header2">About Us</h2>
</header>
<section class="text-image-chunk" id="about-us">
<img
src="/Resources/Team Paradise Yearbook Photo.jpeg"
id="about-us-image"
alt="Team Picture"
/>
<div id="about-us-text">
Our team's annual goal is to assemble a team of
energetic students that bring academic lessons
to bear in a robotics competition. We are part
of the FIRST organization (For Inspiration and
Recognition of Science and Technolgy) and
participate in FIRST Robotics Competitions
(FRC).
<br />
<br />
FRC combines the excitement of sport with the
rigors of science and technology. Under strict
rules, limited resources, and tight time limits,
teams of high school students are challenged to
build and program a robot to perform prescribed
tasks against a field of competitors, raise
funds, design a team "brand", and hone teamwork
skills.
</div>
</section>
</section>
<!-- Projects -->
<section class="section-gray">
<header>
<h2 class="header2">Projects</h2>
</header>
<section class="text-image-chunk" id="Rhino-2024">
<p id="projects">
For the 2024 FRC CRESCENDO Season, Team Paradise built "The
Rhino".<br /><br />
Hueneme Port (California)<br />
AZ Valley - Gracious Professionalism Award Winner, Alliance
Captain<br />
AZ East - Gracious Professionalism Award Winner, 1st pick of 6th
Seed Alliance.<br />
</p>
<img
src="/Resources/Rhino-2024.jpg"
id="projects-image-Rhino-2024"
alt="Team Picture"
/>
</section>
</section>
<!-- Projects -->
<section class="section-gray">
<header>
<h2 class="header2">Projects</h2>
</header>
<section class="text-image-chunk" id="Rhino-2024">
<p id="projects">For the 2024 FRC CRESCENDO Season, Team Paradise built "The Rhino".<br><br>
Hueneme Port (California)<br>
AZ Valley - Gracious Professionalism Award Winner, Alliance Captain<br>
AZ East - Gracious Professionalism Award Winner, 1st pick of 6th Seed Alliance.<br>
</p>
<img
src="/Resources/Rhino-2024.jpg"
id="projects-image-Rhino-2024"
alt="Team Picture"
/>
</section>
</section>
<!-- Leaders -->
<section class="section-white" id="leaders">
<header>
<h2 class="header2">Leaders</h2>
</header>
<p class="leaders-title">Teacher Sponsors</p>
<section id="head-mentors">
<ul class="leaders-list">
<li id="lead-coach-1">
<div>Jorge "Chef" Ramos</div>
<span> Coach </span>
</li>
<li id="lead-coach-2">
<div>Alex Ruiz</div>
<span> Coach </span>
</li>
</ul>
</section>
<!-- Leaders -->
<section class="section-white" id="leaders">
<header>
<h2 class="header2">Leaders</h2>
</header>
<p class="leaders-title">Teacher Sponsors</p>
<section id="head-mentors">
<ul class="leaders-list">
<li id="lead-coach-1">
<div>Jorge "Chef" Ramos</div>
<span> Coach </span>
</li>
<li id="lead-coach-2">
<div>Alex Ruiz</div>
<span> Coach </span>
</li>
</ul>
</section>
<p class="leaders-title">Mentors</p>
<section id="mentors-1">
<ul class="leaders-list">
<!-- <li>
<p class="leaders-title">Mentors</p>
<section id="mentors-1">
<ul class="leaders-list">
<!-- <li>
<div>N/A</div>
<span> Build & Strategy </span>
</li> -->
<li>
<div>Mike Moenich</div>
<span> Administration & Build </span>
</li>
<li>
<div>Gatlin Farrington</div>
<span> Electrical & Programming </span>
</li>
<li>
<div>Alarmel S</div>
<span> Build & Design </span>
</li>
<li>
<div>Sam R</div>
<span> Administration </span>
</li>
<li>
<div>Ken Whitley</div>
<span> Build </span>
</li>
<li>
<div>Charlotte Moenich</div>
<span> Administration & Strategy </span>
</li>
<li>
<div>Ethan Mullins</div>
<span> Build & Design </span>
</li>
<li>
<div>Mason Mills</div>
<span> Build & Design </span>
</li>
</ul>
</section>
<p class="leaders-title">Officers</p>
<section id="officers">
<ul class="leaders-list">
<li>
<div>Aila Jamakovic</div>
<span> President </span>
</li>
<li>
<div>Aneesa Napoli</div>
<span> Vice President </span>
</li>
<li>
<div>Mason Cucci</div>
<span> Treasurer </span>
</li>
<li>
<div>Abby Neil</div>
<span> Secretary </span>
</li>
</ul>
</section>
<p class="leaders-title">Captains</p>
<section id="captains">
<ul class="leaders-list">
<li>
<div>Alexander Podborny</div>
<span> Captain of Build </span>
</li>
<li>
<div>Michael Yagodnik</div>
<span> Captain of Design </span>
</li>
<li>
<div>Andrew McBeath</div>
<span> Captain of CAD </span>
</li>
<li>
<div>Anthony Harkins</div>
<span> Captain of Electrical </span>
</li>
<li>
<div>Bridget Ruble</div>
<span> Captain of Media </span>
</li>
<li>
<div>Ashton Antila</div>
<span> Captain of Programming </span>
</li>
<li>
<div> Mason Cucci </div>
<span> Captian of Safety </span>
</li>
<li>
<div> Kaylynn Decker </div>
<span> Captain of Organization </span>
</li>
<li>
<div> Nic Fejfar </div>
<span> Captain of Scouting </span>
</li>
<li>
<div> Aneesa Napoli </div>
<span> Captain of The Arts </span>
</li>
</ul>
</section>
</section>
</section>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a
href="https://www.facebook.com/Team1165"
target="_blank"
><img
src="/Resources/Facebook.png"
alt="Facebook"
/></a>
</li>
<li>
<a
href="mailto:team1165@gmail.com"
target="_blank"
><img
src="/Resources/Gmail Logo.png"
alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img
src="/Resources/Instagram.png"
alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
<li>
<div>Mike Moenich</div>
<span> Administration & Build </span>
</li>
<li>
<div>Gatlin Farrington</div>
<span> Electrical & Programming </span>
</li>
<li>
<div>Alarmel S</div>
<span> Build & Design </span>
</li>
<li>
<div>Sam R</div>
<span> Administration </span>
</li>
<li>
<div>Ken Whitley</div>
<span> Build </span>
</li>
<li>
<div>Charlotte Moenich</div>
<span> Administration & Strategy </span>
</li>
<li>
<div>Ethan Mullins</div>
<span> Build & Design </span>
</li>
<li>
<div>Mason Mills</div>
<span> Build & Design </span>
</li>
</ul>
</section>
</main>
</body>
<p class="leaders-title">Officers</p>
<section id="officers">
<ul class="leaders-list">
<li>
<div>Aila Jamakovic</div>
<span> President </span>
</li>
<li>
<div>Aneesa Napoli</div>
<span> Vice President </span>
</li>
<li>
<div>Mason Cucci</div>
<span> Treasurer </span>
</li>
<li>
<div>Abby Neil</div>
<span> Secretary </span>
</li>
</ul>
</section>
<p class="leaders-title">Captains</p>
<section id="captains">
<ul class="leaders-list">
<li>
<div>Alexander Podborny</div>
<span> Captain of Build </span>
</li>
<li>
<div>Michael Yagodnik</div>
<span> Captain of Design </span>
</li>
<li>
<div>Andrew McBeath</div>
<span> Captain of CAD </span>
</li>
<li>
<div>Anthony Harkins</div>
<span> Captain of Electrical </span>
</li>
<li>
<div>Bridget Ruble</div>
<span> Captain of Media </span>
</li>
<li>
<div>Ashton Antila</div>
<span> Captain of Programming </span>
</li>
<li>
<div>Mason Cucci</div>
<span> Captian of Safety </span>
</li>
<li>
<div>Kaylynn Decker</div>
<span> Captain of Organization </span>
</li>
<li>
<div>Nic Fejfar</div>
<span> Captain of Scouting </span>
</li>
<li>
<div>Aneesa Napoli</div>
<span> Captain of The Arts </span>
</li>
</ul>
</section>
</section>
</section>
<!-- Footer -->
<section class="footer">
<div class="social-icons">
<ul>
<li>
<a href="https://www.facebook.com/Team1165" target="_blank"
><img src="/Resources/Facebook.png" alt="Facebook"
/></a>
</li>
<li>
<a href="mailto:team1165@gmail.com" target="_blank"
><img src="/Resources/Gmail Logo.png" alt="Gmail"
/></a>
</li>
<li>
<a
href="https://www.instagram.com/teamparadise.1165"
target="_blank"
><img src="/Resources/Instagram.png" alt="Instagram"
/></a>
</li>
</ul>
</div>
</section>
</section>
</main>
</body>
</html>