mirror of
https://github.com/System-End/Team_Website.git
synced 2026-04-20 00:25:24 +00:00
Merge pull request #1 from ComputerCraftr/Development
Code cleanup and formatting
This commit is contained in:
juFried
GitHub
commit
687f795d5b
9 changed files with 1164 additions and 992 deletions
3
.vscode/launch.json
vendored
3
.vscode/launch.json
vendored
|
|
@ -11,7 +11,6 @@
|
|||
"type": "chrome",
|
||||
"webRoot": "${workspaceFolder}"
|
||||
},
|
||||
|
||||
{
|
||||
"name": "Launch Chrome",
|
||||
"request": "launch",
|
||||
|
|
@ -27,4 +26,4 @@
|
|||
"webRoot": "${workspaceFolder}"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,29 +1,45 @@
|
|||
<html>
|
||||
<head>
|
||||
<script src="email.js"></script>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width:100%; text-align: center;">Reach Out to Us!</h1>
|
||||
<div style="display: flex; align-items:center; justify-content: center;">
|
||||
<img src="/Resources/Icons/email-icon.png" id="TeamIcon" alt="Team Icon">
|
||||
<head>
|
||||
<script src="email.js"></script>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="/Resources/Favicons/favicon.png"
|
||||
/>
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width: 100%; text-align: center">
|
||||
Reach Out to Us!
|
||||
</h1>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
"
|
||||
>
|
||||
<img
|
||||
src="/Resources/Icons/email-icon.png"
|
||||
id="TeamIcon"
|
||||
alt="Team Icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="divider">
|
||||
<!-- <div class="divider">
|
||||
<hr>
|
||||
<h1 style="display: flex; justify-content:center; text-align: center;">Contact Us:</h1>
|
||||
<hr>
|
||||
|
|
@ -39,32 +55,67 @@
|
|||
<br><br>
|
||||
<button onclick="sendMessage()">Send Message</button>
|
||||
</form> -->
|
||||
<div class="divider">
|
||||
<hr>
|
||||
<h1 style="display: flex; justify-content:center; text-align: center;">Our Info</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div style="display:flex; align-items:center; justify-content:center; color:rgb(241,241,241); text-align:center; font-size:large; margin:40px">
|
||||
Email: team1165@gmail.com <br>
|
||||
Lead Coach Email: joramos@pvlearners.net
|
||||
</div>
|
||||
<div class="divider" style="padding-bottom: 50px;">
|
||||
<hr>
|
||||
<h1 style="display: flex; justify-content:center; text-align: center;">Reach out on Socials</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<img src="/Resources/insta-line.png" style="width:5%;">
|
||||
<div style="color:rgb(241,241,241)">teamparadise.1165</div>
|
||||
<div style="width:6%"></div>
|
||||
<img src="/Resources/tiktok.png" style="width:5%; padding-bottom: 10px;">
|
||||
<div style="color:rgb(241,241,241)">team.paradise.1165</div>
|
||||
<div style="width:6%"></div>
|
||||
<img src="/Resources/snapchat.png" style="width:5%; padding-bottom: 10px;">
|
||||
<div style="color:rgb(241,241,241)">Team1165</div>
|
||||
<div style="width:6%"></div>
|
||||
<img src="/Resources/facebook.png" style="width:5%; padding-bottom: 10px;">
|
||||
<div style="color:rgb(241,241,241)">Team Paradise</div>
|
||||
</div>
|
||||
</body>
|
||||
<div class="divider">
|
||||
<hr />
|
||||
<h1
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
Our Info
|
||||
</h1>
|
||||
<hr />
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: rgb(241, 241, 241);
|
||||
text-align: center;
|
||||
font-size: large;
|
||||
margin: 40px;
|
||||
"
|
||||
>
|
||||
Email: team1165@gmail.com <br />
|
||||
Lead Coach Email: joramos@pvlearners.net
|
||||
</div>
|
||||
<div class="divider" style="padding-bottom: 50px">
|
||||
<hr />
|
||||
<h1
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
Reach out on Socials
|
||||
</h1>
|
||||
<hr />
|
||||
</div>
|
||||
<div class="divider">
|
||||
<img src="/Resources/insta-line.png" style="width: 5%" />
|
||||
<div style="color: rgb(241, 241, 241)">teamparadise.1165</div>
|
||||
<div style="width: 6%"></div>
|
||||
<img
|
||||
src="/Resources/tiktok.png"
|
||||
style="width: 5%; padding-bottom: 10px"
|
||||
/>
|
||||
<div style="color: rgb(241, 241, 241)">team.paradise.1165</div>
|
||||
<div style="width: 6%"></div>
|
||||
<img
|
||||
src="/Resources/snapchat.png"
|
||||
style="width: 5%; padding-bottom: 10px"
|
||||
/>
|
||||
<div style="color: rgb(241, 241, 241)">Team1165</div>
|
||||
<div style="width: 6%"></div>
|
||||
<img
|
||||
src="/Resources/facebook.png"
|
||||
style="width: 5%; padding-bottom: 10px"
|
||||
/>
|
||||
<div style="color: rgb(241, 241, 241)">Team Paradise</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,325 +1,321 @@
|
|||
@font-face { font-family: OpenSans; src: url('../Resources/openSans.ttf'); }
|
||||
html{
|
||||
background-color: #e0e0e0;
|
||||
font-family: OpenSans;
|
||||
}
|
||||
/*SCROLLBAR*/
|
||||
/* width */
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
/* Handle */
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
border-color: #000;
|
||||
background: #c0c0c0;
|
||||
}
|
||||
/* Handle on hover */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #000000;
|
||||
}
|
||||
@font-face {
|
||||
font-family: OpenSans;
|
||||
src: url("../Resources/openSans.ttf");
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: #e0e0e0;
|
||||
font-family: OpenSans;
|
||||
}
|
||||
|
||||
/*SCROLLBAR*/
|
||||
/* width */
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
/* Body */
|
||||
body{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
/* Handle */
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
border-color: #000;
|
||||
background: #c0c0c0;
|
||||
}
|
||||
|
||||
/* Handle on hover */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
/* Navigation Bar */
|
||||
#nav-bar{
|
||||
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;
|
||||
}
|
||||
#nav-bar ul {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#nav-bar ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
#nav-bar ul li a {
|
||||
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: 60px;
|
||||
}
|
||||
#nav-bar ul li nav.dropdown-content::before{
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: auto;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: solid transparent;
|
||||
content: "";
|
||||
/* Body */
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Navigation Bar */
|
||||
#nav-bar {
|
||||
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;
|
||||
}
|
||||
#nav-bar ul {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#nav-bar ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
#nav-bar ul li a {
|
||||
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: 60px;
|
||||
}
|
||||
#nav-bar ul li nav.dropdown-content::before {
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
||||
#nav-logo {
|
||||
width: 3.5%;
|
||||
vertical-align: middle;
|
||||
padding-right: 30%;
|
||||
display: none;
|
||||
}
|
||||
nav.fill ul .nav-button {
|
||||
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;
|
||||
}
|
||||
|
||||
nav.fill ul .nav-button{
|
||||
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;
|
||||
}
|
||||
/* Dropdown Text */
|
||||
nav.fill ul .dropdown-content a {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Dropdown Text */
|
||||
nav.fill ul .dropdown-content a{
|
||||
color: #f1f1f1;
|
||||
}
|
||||
/* Hover over dropdown text */
|
||||
nav.fill ul .dropdown-content a:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* Hover over dropdown text */
|
||||
nav.fill ul .dropdown-content a:hover{
|
||||
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%;
|
||||
}
|
||||
|
||||
/* 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%;
|
||||
}
|
||||
/* Show dropdown on hover */
|
||||
nav.fill ul #donate-dropdown:hover #donate-dropdown-content {
|
||||
display: block;
|
||||
text-align: center;
|
||||
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%;
|
||||
}
|
||||
nav ul li a,
|
||||
nav ul li a:after,
|
||||
nav ul li a:before {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
nav ul li a:hover {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
|
||||
nav ul li a,
|
||||
nav ul li a:after,
|
||||
nav ul li a:before {
|
||||
transition: all .2s;
|
||||
}
|
||||
nav ul li a:hover {
|
||||
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;
|
||||
}
|
||||
nav.fill ul li a {
|
||||
transition: all 1s;
|
||||
}
|
||||
nav.fill ul li a:hover {
|
||||
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;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
nav.fill ul li a {
|
||||
transition: all 1s;
|
||||
}
|
||||
nav.fill ul li a:hover {
|
||||
color: #c3153a;
|
||||
z-index: 1;
|
||||
}
|
||||
nav.fill ul li a:hover:after {
|
||||
z-index: -10;
|
||||
animation: fill .5s forwards;
|
||||
-webkit-animation: fill 1s forwards;
|
||||
-moz-animation: fill 1s forwards;
|
||||
opacity: 1;
|
||||
}
|
||||
main {
|
||||
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);
|
||||
}
|
||||
|
||||
main {
|
||||
padding-top: 25px;
|
||||
background-color: #f1f1f1;
|
||||
z-index: 100;
|
||||
}
|
||||
.logo-container #Logo-Image {
|
||||
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;
|
||||
}
|
||||
|
||||
#Background-Image {
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Logo + Background Image */
|
||||
.logo-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
/*height: calc(100vw*0.664179104);*/
|
||||
height: calc(100vh);
|
||||
}
|
||||
/* Home Content */
|
||||
.header2 {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 20px;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.section-white {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.section-gray {
|
||||
background-color: #e1e1e1;
|
||||
}
|
||||
.text-image-chunk {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.logo-container #Logo-Image{
|
||||
position: fixed;
|
||||
z-index: 80;
|
||||
width: 50%;
|
||||
}
|
||||
/* About Us */
|
||||
#about-us-image {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
width: 35%;
|
||||
}
|
||||
#about-us-text {
|
||||
text-align: center;
|
||||
padding-right: 5%;
|
||||
}
|
||||
|
||||
.logo-container #Background-Image{
|
||||
position: fixed;
|
||||
z-index: 50;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-position: bottom;
|
||||
}
|
||||
/* Projects */
|
||||
#x-2023 {
|
||||
justify-content: right;
|
||||
}
|
||||
#projects-image-x-2023 {
|
||||
height: 60%;
|
||||
width: calc(60vh * 1.02327961);
|
||||
padding-right: 10%;
|
||||
padding-left: 10%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#Background-Image {
|
||||
overflow: visible;
|
||||
height: auto;
|
||||
}
|
||||
/* Leaders */
|
||||
#leaders section {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.leaders-list {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
font-family: OpenSans;
|
||||
}
|
||||
.leaders-list li div {
|
||||
font-size: medium;
|
||||
font-weight: 625;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.leaders-list li span {
|
||||
font-size: small;
|
||||
}
|
||||
#head-mentors ul {
|
||||
column-count: 2;
|
||||
}
|
||||
#mentors-1 ul {
|
||||
column-count: 6;
|
||||
}
|
||||
#mentors-2 ul {
|
||||
column-count: 3;
|
||||
}
|
||||
#officers ul {
|
||||
column-count: 5;
|
||||
}
|
||||
#captains ul {
|
||||
column-count: 6;
|
||||
}
|
||||
|
||||
/* Home Content */
|
||||
.header2 {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 20px;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.section-white {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
.section-gray {
|
||||
background-color: #e1e1e1;
|
||||
}
|
||||
.text-image-chunk {
|
||||
display: flex;
|
||||
}
|
||||
/* Footer */
|
||||
.footer {
|
||||
padding-top: 50px;
|
||||
background-color: #e1e1e1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* About Us */
|
||||
#about-us-image {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
width: 35%
|
||||
}
|
||||
#about-us-text{
|
||||
text-align: center;
|
||||
padding-right: 5%;
|
||||
}
|
||||
|
||||
/* Projects */
|
||||
#x-2023 {
|
||||
justify-content: right;
|
||||
}
|
||||
#projects-image-x-2023 {
|
||||
height: 60%;
|
||||
width: calc(60vh*1.02327961);
|
||||
padding-right: 10%;
|
||||
padding-left: 10%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Leaders */
|
||||
#leaders section {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.leaders-list {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
font-family: OpenSans;
|
||||
}
|
||||
.leaders-list li div {
|
||||
font-size: medium;
|
||||
font-weight: 625;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.leaders-list li span {
|
||||
font-size: small;
|
||||
}
|
||||
#head-mentors ul {
|
||||
column-count: 2;
|
||||
}
|
||||
#mentors-1 ul {
|
||||
column-count: 6;
|
||||
}
|
||||
#mentors-2 ul {
|
||||
column-count: 3;
|
||||
}
|
||||
#officers ul {
|
||||
column-count: 5;
|
||||
}
|
||||
#captains ul {
|
||||
column-count: 6;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer {
|
||||
padding-top: 50px;
|
||||
background-color: #e1e1e1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
||||
/*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;
|
||||
}
|
||||
}
|
||||
/*Desktop*/
|
||||
@media screen and (min-width: 1201px) {
|
||||
.ourStory-Container{
|
||||
/*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{
|
||||
}
|
||||
.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;
|
||||
|
|
@ -327,78 +323,74 @@
|
|||
text-align: center;
|
||||
font-size: medium;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.ourStory-Container img{
|
||||
padding: 2%;
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.ourStory-Container img {
|
||||
padding: 2%;
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
|
||||
.page-title{
|
||||
font-size: 100px;
|
||||
color: #141415;
|
||||
font-family: OpenSans;
|
||||
}
|
||||
.Title-Container{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
height:100%;
|
||||
}
|
||||
.flex-break{
|
||||
flex-basis: 100%;
|
||||
height: 0;
|
||||
}
|
||||
.people-container{
|
||||
display: flex;
|
||||
flex-wrap:wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.people-container .person{
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding: 12px;
|
||||
}
|
||||
.people-container .person .name{
|
||||
font-size: px;
|
||||
color: #000000;
|
||||
}
|
||||
.people-container .person .pTitle{
|
||||
font-size: 18px;
|
||||
color: rgb(224, 198, 83);
|
||||
}
|
||||
.sponsor-amount{
|
||||
color: #000000;
|
||||
size:18px;
|
||||
}
|
||||
.sponsor-detail{
|
||||
color:#000000;
|
||||
size:14px;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-size: 100px;
|
||||
color: #141415;
|
||||
font-family: OpenSans;
|
||||
}
|
||||
.Title-Container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
height: 100%;
|
||||
}
|
||||
.flex-break {
|
||||
flex-basis: 100%;
|
||||
height: 0;
|
||||
}
|
||||
.people-container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.people-container .person {
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding: 12px;
|
||||
}
|
||||
.people-container .person .name {
|
||||
font-size: px;
|
||||
color: #000000;
|
||||
}
|
||||
.people-container .person .pTitle {
|
||||
font-size: 18px;
|
||||
color: rgb(224, 198, 83);
|
||||
}
|
||||
.sponsor-amount {
|
||||
color: #000000;
|
||||
size: 18px;
|
||||
}
|
||||
.sponsor-detail {
|
||||
color: #000000;
|
||||
size: 14px;
|
||||
}
|
||||
|
||||
h2{
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
|
||||
/*@-webkit-keyframes fill {
|
||||
0% {
|
||||
width: 0%;
|
||||
height: 1px;
|
||||
}
|
||||
50% {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
}
|
||||
100% {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgb(163, 47, 47);
|
||||
}
|
||||
}*/
|
||||
h2 {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
/*@-webkit-keyframes fill {
|
||||
0% {
|
||||
width: 0%;
|
||||
height: 1px;
|
||||
}
|
||||
50% {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
}
|
||||
100% {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgb(163, 47, 47);
|
||||
}
|
||||
}*/
|
||||
|
|
|
|||
|
|
@ -1,35 +1,81 @@
|
|||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width:100%; text-align: center;">Welcome To Our Donation Page</h1>
|
||||
<div style="display: flex; align-items:center; justify-content: center;">
|
||||
<img src="/Resources/Icons/Pencil-icon.png" id="TeamIcon" alt="Team Icon">
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="/Resources/Favicons/favicon.png"
|
||||
/>
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width: 100%; text-align: center">
|
||||
Welcome To Our Donation Page
|
||||
</h1>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
"
|
||||
>
|
||||
<img
|
||||
src="/Resources/Icons/Pencil-icon.png"
|
||||
id="TeamIcon"
|
||||
alt="Team Icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<hr>
|
||||
<h1 style="display: flex; justify-content:center; text-align: center;">Resources</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div style="margin: auto; width: 80%; color: #f1f1f1; text-align: center">Thank you for your support to our team! Use our <a href="https://venmo.com/u/Gina-DisipioParrish">Venmo link here</a> to make your donation.<br><br>If you have any questions about making a donation, please contact us at <a href="mailto:team1165@gmail.com">team1165@gmail.com</a><br><br>Thank you for your support!</div>
|
||||
<div style="height: 30%;"></div>
|
||||
<a href="https://www.notion.so/d3c957c706684065a480779f7f0f240d?v=cd0bd8cc4da046f6a999f825990bcd94" style="color: white; font-size:2vw; text-align:center; justify-content:center; align-items:center; display:flex;">Notion Book</a></li>
|
||||
<div style="height: 30%;"></div>
|
||||
</body>
|
||||
<div class="divider">
|
||||
<hr />
|
||||
<h1
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
Resources
|
||||
</h1>
|
||||
<hr />
|
||||
</div>
|
||||
<div
|
||||
style="margin: auto; width: 80%; color: #f1f1f1; text-align: center"
|
||||
>
|
||||
Thank you for your support to our team! Use our
|
||||
<a href="https://venmo.com/u/Gina-DisipioParrish"
|
||||
>Venmo link here</a
|
||||
>
|
||||
to make your donation.<br /><br />If you have any questions about
|
||||
making a donation, please contact us at
|
||||
<a href="mailto:team1165@gmail.com">team1165@gmail.com</a
|
||||
><br /><br />Thank you for your support!
|
||||
</div>
|
||||
<div style="height: 30%"></div>
|
||||
<a
|
||||
href="https://www.notion.so/d3c957c706684065a480779f7f0f240d?v=cd0bd8cc4da046f6a999f825990bcd94"
|
||||
style="
|
||||
color: white;
|
||||
font-size: 2vw;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
"
|
||||
>Notion Book</a
|
||||
>
|
||||
<div style="height: 30%"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,86 +1,150 @@
|
|||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width:100%; text-align: center;">Interested in Sponsoring Us?</h1>
|
||||
<div style="display: flex; align-items:center; justify-content: center;">
|
||||
<img src="/Resources/Icons/handshake-icon.png" id="TeamIcon" alt="Team Icon">
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="/Resources/Favicons/favicon.png"
|
||||
/>
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width: 100%; text-align: center">
|
||||
Interested in Sponsoring Us?
|
||||
</h1>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
"
|
||||
>
|
||||
<img
|
||||
src="/Resources/Icons/handshake-icon.png"
|
||||
id="TeamIcon"
|
||||
alt="Team Icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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">
|
||||
<div>
|
||||
<!-- Paradise Sponsor -->
|
||||
<h2 style="color: #500a0a; text-decoration: underline;">Paradise Sponsor</h2>
|
||||
<div class="sponsor-amount">$10,000+</div>
|
||||
<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">
|
||||
<div>
|
||||
<!-- Paradise Sponsor -->
|
||||
<h2 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>
|
||||
<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 style="color: #6d9eeb; text-decoration: underline;">Platinum Sponsor</h2>
|
||||
<div class="sponsor-amount">$5,000-$9,999</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 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 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 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 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>
|
||||
<div style="display:flex; align-items:center; justify-content: center;">
|
||||
<a href="https://drive.google.com/file/d/1Jw3b2Ish6vnYYuKsQ_BXDHRR-khnJSUf/view?usp=sharing" style=" color:white">View our Sponsorship Packet</a>
|
||||
</div>
|
||||
</body>
|
||||
<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 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 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 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>
|
||||
<div
|
||||
style="display: flex; align-items: center; justify-content: center"
|
||||
>
|
||||
<a
|
||||
href="https://drive.google.com/file/d/1Jw3b2Ish6vnYYuKsQ_BXDHRR-khnJSUf/view?usp=sharing"
|
||||
style="color: white"
|
||||
>View our Sponsorship Packet</a
|
||||
>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
228
Pages/Team.html
228
Pages/Team.html
|
|
@ -1,115 +1,131 @@
|
|||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width:100%; text-align: center;">Here is Our Team</h1>
|
||||
<div style="display: flex; align-items:center; justify-content: center;">
|
||||
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon">
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="/Resources/Favicons/favicon.png"
|
||||
/>
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width: 100%; text-align: center">
|
||||
Here is Our Team
|
||||
</h1>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
"
|
||||
>
|
||||
<img
|
||||
src="/Resources/Icons/team-icon.png"
|
||||
id="TeamIcon"
|
||||
alt="Team Icon"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<hr>
|
||||
<h1 style="display: flex; justify-content:center; ">Members</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="people-container">
|
||||
<div class="person">
|
||||
<div class="Name">Justin Friedlander</div>
|
||||
<div class="pTitle">President</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Manas Pund</div>
|
||||
<div class="pTitle">Vice President</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Bridget Ruble</div>
|
||||
<div class="pTitle">Treasurer</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Arianna Decker</div>
|
||||
<div class="pTitle">Secretary</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<hr>
|
||||
<h1 style="display: flex; justify-content:center; ">Captains</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div class ="people-container">
|
||||
<div class="person">
|
||||
<div class="Name">Caden Laughlin</div>
|
||||
<div class="pTitle">Captain of Build</div>
|
||||
<div class="divider">
|
||||
<hr />
|
||||
<h1 style="display: flex; justify-content: center">Members</h1>
|
||||
<hr />
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">James Campos</div>
|
||||
<div class="pTitle">Captain of Design</div>
|
||||
<div class="people-container">
|
||||
<div class="person">
|
||||
<div class="Name">Justin Friedlander</div>
|
||||
<div class="pTitle">President</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Manas Pund</div>
|
||||
<div class="pTitle">Vice President</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Bridget Ruble</div>
|
||||
<div class="pTitle">Treasurer</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Arianna Decker</div>
|
||||
<div class="pTitle">Secretary</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">James Gold</div>
|
||||
<div class="pTitle">Captain of Electrical</div>
|
||||
<div class="divider">
|
||||
<hr />
|
||||
<h1 style="display: flex; justify-content: center">Captains</h1>
|
||||
<hr />
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Bridget Ruble</div>
|
||||
<div class="pTitle">Captain of Finances</div>
|
||||
<div class="people-container">
|
||||
<div class="person">
|
||||
<div class="Name">Caden Laughlin</div>
|
||||
<div class="pTitle">Captain of Build</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">James Campos</div>
|
||||
<div class="pTitle">Captain of Design</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">James Gold</div>
|
||||
<div class="pTitle">Captain of Electrical</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Bridget Ruble</div>
|
||||
<div class="pTitle">Captain of Finances</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Arianna Decker</div>
|
||||
<div class="pTitle">Captain of Media</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">James Gold</div>
|
||||
<div class="pTitle">Captain of Programming</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Jackson Trabue</div>
|
||||
<div class="pTitle">Captain of Safety</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Jacob Silber</div>
|
||||
<div class="pTitle">Captain of Scouting</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Arianna Decker</div>
|
||||
<div class="pTitle">Captain of Media</div>
|
||||
<div class="divider">
|
||||
<hr />
|
||||
<h1 style="display: flex; justify-content: center">Mentors</h1>
|
||||
<hr />
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">James Gold</div>
|
||||
<div class="pTitle">Captain of Programming</div>
|
||||
<div class="people-container">
|
||||
<div class="person">
|
||||
<div class="Name">Jorge "Chef" Ramos</div>
|
||||
<div class="pTitle">Lead Coach</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Melanie Young</div>
|
||||
<div class="pTitle">Coach</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Ken Whitley</div>
|
||||
<div class="pTitle">Build and Design Coach</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Gatlin Farrington</div>
|
||||
<div class="pTitle">Programming and Business</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Mike Moenich</div>
|
||||
<div class="pTitle">Build and Design</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Jackson Trabue</div>
|
||||
<div class="pTitle">Captain of Safety</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Jacob Silber</div>
|
||||
<div class="pTitle">Captain of Scouting</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<hr>
|
||||
<h1 style="display: flex; justify-content:center; ">Mentors</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="people-container">
|
||||
<div class="person">
|
||||
<div class="Name">Jorge "Chef" Ramos</div>
|
||||
<div class="pTitle">Lead Coach</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Melanie Young</div>
|
||||
<div class="pTitle">Coach</div>
|
||||
</div>
|
||||
<div class ="person">
|
||||
<div class ="Name">Ken Whitley</div>
|
||||
<div class ="pTitle">Build and Design Coach</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Gatlin Farrington</div>
|
||||
<div class="pTitle">Programming and Business</div>
|
||||
</div>
|
||||
<div class="person">
|
||||
<div class="Name">Mike Moenich</div>
|
||||
<div class="pTitle">Build and Design</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,34 +1,74 @@
|
|||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" type="image/x-icon" href="/Resources/Favicons/favicon.png">
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width:100%; text-align: center;">Calendar</h1>
|
||||
<div style="display: flex; align-items:center; justify-content: center;">
|
||||
<img src="/Resources/Icons/calendar.png" id="TeamIcon" alt="Team Icon" style="width: 12%;">
|
||||
<head>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="/Resources/Favicons/favicon.png"
|
||||
/>
|
||||
<nav class="fill">
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Team.html">Our Team</a></li>
|
||||
<li><a href="Contact.html">Contact</a></li>
|
||||
<li><a href="Sponsors.html">Sponsors</a></li>
|
||||
<li><a href="Resources.html">Donate</a></li>
|
||||
<li><a href="calendar.html">Calendar</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div class="Title-Container">
|
||||
<div>
|
||||
<h1 class="page-title" style="width: 100%; text-align: center">
|
||||
Calendar
|
||||
</h1>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
"
|
||||
>
|
||||
<img
|
||||
src="/Resources/Icons/calendar.png"
|
||||
id="TeamIcon"
|
||||
alt="Team Icon"
|
||||
style="width: 12%"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider">
|
||||
<hr>
|
||||
<h1 style="display: flex; justify-content:center; text-align: center;">Calendar</h1>
|
||||
<hr>
|
||||
</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?height=600&wkst=1&bgcolor=%23a32f2f&ctz=America%2FPhoenix&showTitle=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&src=Y18xZHBiYzQ1MXM5MjJrYnVmNGltbW1xcW1pY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%237986CB" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
|
||||
</div>
|
||||
</body>
|
||||
<div class="divider">
|
||||
<hr />
|
||||
<h1
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
Calendar
|
||||
</h1>
|
||||
<hr />
|
||||
</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?height=600&wkst=1&bgcolor=%23a32f2f&ctz=America%2FPhoenix&showTitle=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&src=Y18xZHBiYzQ1MXM5MjJrYnVmNGltbW1xcW1pY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&color=%237986CB"
|
||||
style="border-width: 0"
|
||||
width="800"
|
||||
height="600"
|
||||
frameborder="0"
|
||||
scrolling="no"
|
||||
></iframe>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,50 +1,55 @@
|
|||
document.addEventListener("DOMContentLoaded", function(){
|
||||
fields.firstName = document.getElementById('firstName');
|
||||
fields.lastName = document.getElementById('lastName');
|
||||
fields.email = document.getElementById('email');
|
||||
fields.message = document.getElementById('question');
|
||||
})
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
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;
|
||||
function isNotEmpty(value) {
|
||||
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());
|
||||
}
|
||||
|
||||
//field.className to change classes
|
||||
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());
|
||||
}
|
||||
|
||||
class User{
|
||||
constructor(firstName, lastName, email, question){
|
||||
this.firstName = firstName;
|
||||
this.lastName = lastName;
|
||||
this.email = email;
|
||||
this.question = question;
|
||||
}
|
||||
}
|
||||
//field.className to change classes
|
||||
|
||||
function sendContact(){
|
||||
if(isValid()){
|
||||
let usr = new User(firstName.value, lastName.value, email.value, question.value);
|
||||
|
||||
}
|
||||
}
|
||||
class User {
|
||||
constructor(firstName, lastName, email, question) {
|
||||
this.firstName = firstName;
|
||||
this.lastName = lastName;
|
||||
this.email = email;
|
||||
this.question = question;
|
||||
}
|
||||
}
|
||||
|
||||
/* function scrollPosition() {
|
||||
var navBar = getElementById("nav-bar");
|
||||
var scrollPosition = this.window.scrollY;
|
||||
function sendContact() {
|
||||
if (isValid()) {
|
||||
let usr = new User(
|
||||
firstName.value,
|
||||
lastName.value,
|
||||
email.value,
|
||||
question.value
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
if (scrollPosition > 100) {
|
||||
navBar.style.backgroundColor = "black";
|
||||
} else {
|
||||
navBar.style.backgroundColor = "red";
|
||||
}
|
||||
}; */
|
||||
/*function scrollPosition() {
|
||||
var navBar = getElementById("nav-bar");
|
||||
var scrollPosition = this.window.scrollY;
|
||||
|
||||
if (scrollPosition > 100) {
|
||||
navBar.style.backgroundColor = "black";
|
||||
} else {
|
||||
navBar.style.backgroundColor = "red";
|
||||
}
|
||||
}*/
|
||||
|
|
|
|||
533
Pages/index.html
533
Pages/index.html
|
|
@ -1,297 +1,256 @@
|
|||
<html>
|
||||
<head>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="./Resources/Favicons/favicon.png"
|
||||
/>
|
||||
<link rel="stylesheet" href="/Pages/Desktop.css" />
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
|
||||
<link rel="stylesheet" href="/Pages/Desktop.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"
|
||||
/>
|
||||
<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/Team.html">Shop</a></li>
|
||||
<li class="nav-button" id="donate-dropdown">
|
||||
<a href="/Pages/Resources.html">Donate</a>
|
||||
<nav class="dropdown-content" id="donate-dropdown-content">
|
||||
<a class="first-dropdown" href="index.html"
|
||||
>General Donation</a
|
||||
>
|
||||
<a href="index.html">Tax Credit</a>
|
||||
</nav>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<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/Team.html">Shop</a></li>
|
||||
<li class = "nav-button" id = "donate-dropdown"><a href="/Pages/Resources.html">Donate</a>
|
||||
<nav class = "dropdown-content" id = "donate-dropdown-content">
|
||||
<a class = "first-dropdown" href="index.html">General Donation</a>
|
||||
<a href="index.html">Tax Credit</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">
|
||||
</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>
|
||||
<!--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>
|
||||
</section>
|
||||
</header>
|
||||
|
||||
<!-- Projects -->
|
||||
<section class = "section-gray">
|
||||
<header>
|
||||
<h2 class = "header2">Projects</h2>
|
||||
</header>
|
||||
<section class="text-image-chunk" id="x-2023">
|
||||
<div id = "projects">
|
||||
Insert text here.
|
||||
</div>
|
||||
<img src="/Resources/x-2023.JPG" id="projects-image-x-2023" alt="Team Picture">
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<!-- Leaders -->
|
||||
<section class = "section-white" id="leaders">
|
||||
<header>
|
||||
<h2 class = "header2">Leaders</h2>
|
||||
</header>
|
||||
<section id="head-mentors">
|
||||
<ul class="leaders-list">
|
||||
<li id="lead-coach-1">
|
||||
<div>
|
||||
Jorge "Chef" Ramos
|
||||
</div>
|
||||
<span>
|
||||
Lead Coach 1
|
||||
</span>
|
||||
</li>
|
||||
<li id="lead-coach-2">
|
||||
<div>
|
||||
Melanie Young
|
||||
</div>
|
||||
<span>
|
||||
Lead Coach 2
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
|
||||
<section id="mentors-1">
|
||||
<ul class="leaders-list">
|
||||
<li>
|
||||
<div>
|
||||
Juan Cisneros
|
||||
</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>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- Projects -->
|
||||
<section class="section-gray">
|
||||
<header>
|
||||
<h2 class="header2">Projects</h2>
|
||||
</header>
|
||||
<section class="text-image-chunk" id="x-2023">
|
||||
<div id="projects">Insert text here.</div>
|
||||
<img
|
||||
src="/Resources/x-2023.JPG"
|
||||
id="projects-image-x-2023"
|
||||
alt="Team Picture"
|
||||
/>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section id="mentors-2">
|
||||
<ul class="leaders-list">
|
||||
<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>
|
||||
|
||||
<section id="officers">
|
||||
<ul class="leaders-list">
|
||||
<li>
|
||||
<div>
|
||||
Justin Friedlander
|
||||
</div>
|
||||
<span>
|
||||
President
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Manas Pund
|
||||
</div>
|
||||
<span>
|
||||
Vice President
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Bridget Ruble
|
||||
</div>
|
||||
<span>
|
||||
Treasurer
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Aneesa Napoli
|
||||
</div>
|
||||
<span>
|
||||
Co-Secretary
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Maggie "Kate" Osteen
|
||||
</div>
|
||||
<span>
|
||||
Co-Secretary
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- Leaders -->
|
||||
<section class="section-white" id="leaders">
|
||||
<header>
|
||||
<h2 class="header2">Leaders</h2>
|
||||
</header>
|
||||
<section id="head-mentors">
|
||||
<ul class="leaders-list">
|
||||
<li id="lead-coach-1">
|
||||
<div>Jorge "Chef" Ramos</div>
|
||||
<span> Lead Coach 1 </span>
|
||||
</li>
|
||||
<li id="lead-coach-2">
|
||||
<div>Melanie Young</div>
|
||||
<span> Lead Coach 2 </span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="captains">
|
||||
<ul class="leaders-list">
|
||||
<li>
|
||||
<div>
|
||||
Caden Laughlin
|
||||
</div>
|
||||
<span>
|
||||
Captain of Build
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
James Campos
|
||||
</div>
|
||||
<span>
|
||||
Captain of Design
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
James Gold
|
||||
</div>
|
||||
<span>
|
||||
Captain of Electrical
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Arianna Decker
|
||||
</div>
|
||||
<span>
|
||||
Captain of Media
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
James Gold
|
||||
</div>
|
||||
<span>
|
||||
Captain of Programming
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Jackson Trabue
|
||||
</div>
|
||||
<span>
|
||||
Captain of Safety
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
</section>
|
||||
<section id="mentors-1">
|
||||
<ul class="leaders-list">
|
||||
<li>
|
||||
<div>Juan Cisneros</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>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="footer">
|
||||
<section id="footer-instagram">
|
||||
<img src="/Resources/Instagram.png" style="width:5%;">
|
||||
<div>teamparadise.1165</div>
|
||||
</section>
|
||||
<section id="footer-facebook">
|
||||
<img src="/Resources/Facebook.png" style="width:5%; padding-bottom: 10px;">
|
||||
<div>Team Paradise 1165</div>
|
||||
</section>
|
||||
<section id="footer-gmail">
|
||||
<img src="/Resources/Gmail Logo.png" style="width:5%; padding-bottom: 10px;">
|
||||
<div>team1165@gmail.com</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
<section id="mentors-2">
|
||||
<ul class="leaders-list">
|
||||
<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>
|
||||
|
||||
<section id="officers">
|
||||
<ul class="leaders-list">
|
||||
<li>
|
||||
<div>Justin Friedlander</div>
|
||||
<span> President </span>
|
||||
</li>
|
||||
<li>
|
||||
<div>Manas Pund</div>
|
||||
<span> Vice President </span>
|
||||
</li>
|
||||
<li>
|
||||
<div>Bridget Ruble</div>
|
||||
<span> Treasurer </span>
|
||||
</li>
|
||||
<li>
|
||||
<div>Aneesa Napoli</div>
|
||||
<span> Co-Secretary </span>
|
||||
</li>
|
||||
<li>
|
||||
<div>Maggie "Kate" Osteen</div>
|
||||
<span> Co-Secretary </span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="captains">
|
||||
<ul class="leaders-list">
|
||||
<li>
|
||||
<div>Caden Laughlin</div>
|
||||
<span> Captain of Build </span>
|
||||
</li>
|
||||
<li>
|
||||
<div>James Campos</div>
|
||||
<span> Captain of Design </span>
|
||||
</li>
|
||||
<li>
|
||||
<div>James Gold</div>
|
||||
<span> Captain of Electrical </span>
|
||||
</li>
|
||||
<li>
|
||||
<div>Arianna Decker</div>
|
||||
<span> Captain of Media </span>
|
||||
</li>
|
||||
<li>
|
||||
<div>James Gold</div>
|
||||
<span> Captain of Programming </span>
|
||||
</li>
|
||||
<li>
|
||||
<div>Jackson Trabue</div>
|
||||
<span> Captain of Safety </span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="footer">
|
||||
<section id="footer-instagram">
|
||||
<img src="/Resources/Instagram.png" style="width: 5%" />
|
||||
<div>teamparadise.1165</div>
|
||||
</section>
|
||||
<section id="footer-facebook">
|
||||
<img
|
||||
src="/Resources/Facebook.png"
|
||||
style="width: 5%; padding-bottom: 10px"
|
||||
/>
|
||||
<div>Team Paradise 1165</div>
|
||||
</section>
|
||||
<section id="footer-gmail">
|
||||
<img
|
||||
src="/Resources/Gmail Logo.png"
|
||||
style="width: 5%; padding-bottom: 10px"
|
||||
/>
|
||||
<div>team1165@gmail.com</div>
|
||||
</section>
|
||||
</section>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue