System-End/Team_Website
1
0
Fork 0
mirror of https://github.com/System-End/Team_Website.git synced 2026-04-19 16:28:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Home Page Done (except footer)

Browse source
This commit is contained in:
juFried 2024-02-06 16:18:59 -07:00
parent 57c3cf1a03
commit 41e486822d
13 changed files with 585 additions and 232 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
.vscode/launch.json vendored
View file

@ -6,7 +6,7 @@
"configurations": [
{
"name": "Attach to Chrome",
"port": 9222,
"port": 8080,
"request": "attach",
"type": "chrome",
"webRoot": "${workspaceFolder}"
@ -16,14 +16,14 @@
"name": "Launch Chrome",
"request": "launch",
"type": "chrome",
"url": "http://localhost:8080",
"url": "https://localhost:8080",
"webRoot": "${workspaceFolder}"
},
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"url": "https://localhost:9222",
"webRoot": "${workspaceFolder}"
}
]

14
Pages/Contact.html
View file

@ -2,10 +2,10 @@
<head>
<script src="email.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
<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="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>
@ -19,7 +19,7 @@
<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">
<img src="/Resources/Icons/email-icon.png" id="TeamIcon" alt="Team Icon">
</div>
</div>
</div>
@ -54,16 +54,16 @@
<hr>
</div>
<div class="divider">
<img src="../Resources/insta-line.png" style="width:5%;">
<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;">
<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;">
<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;">
<img src="/Resources/facebook.png" style="width:5%; padding-bottom: 10px;">
<div style="color:rgb(241,241,241)">Team Paradise</div>
</div>
</body>

399
Pages/style.css → Pages/Desktop.css
View file

@ -1,6 +1,6 @@
@font-face { font-family: OpenSans; src: url('../Resources/openSans.ttf'); }
html{
background-color: #c3153a;
background-color: #e0e0e0;
font-family: OpenSans;
}
/*SCROLLBAR*/
@ -11,105 +11,275 @@
/* Handle */
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #141415;
border-color: #000;
background: #c0c0c0;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #000000;
}
/* 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.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;
}
/* 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 #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 .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 .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: 100%;
z-index: 1
/*height: calc(100vw*0.664179104);*/
height: calc(100vh);
}
.Logo-Image{
width: 60%;
.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;
}
/* Navigation Bar */
ul{
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
#Background-Image {
overflow: visible;
height: auto;
}
/* Home Content */
.header2 {
margin-top: 25px;
margin-bottom: 20px;
justify-content: center;
}
li {
display: inline;
}
/* Hide Dropdown */
ul .nav-dropdown {
display: none;
position: absolute;
background-color: #c3153a;
z-index: 100;
}
/* Dropdown Text */
ul .nav-dropdown a {
color: #f1f1f1;
display: block;
}
/* Show dropdown on hover */
ul .dropdown:hover .nav-dropdown {
display: block;
}
/* li a{
font-family: OpenSans;
padding: 14px 16px;
color: rgb(150, 150, 150);
background-color: #141415;
text-align: center;
text-decoration: none;
border-radius: 5px;
transition: background-color .75s ease-out 50ms;
transition: color .75s ease-out 50ms;
transition: font-size .75s ease-out 50ms;
}
li a:hover {
background-color: rgb(163, 47, 47);
color: rgb(241, 241, 241);
font-size:18px;
} */
.divider hr{
height: 1px;
background-color: #141415;
border: none;
width: 40%;
padding: 10px, 10px;
.section-white {
background-color: #f1f1f1;
}
.divider{
.section-gray {
background-color: #e1e1e1;
}
.text-image-chunk {
display: flex;
align-items: center;
justify-content: center;
}
h1{
color: #141415
/* 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;
}
/*
body {
background-image: url('../Resources/Homepage-Picture.jpg');
background-position: center;
background-repeat: no-repeat;
background-position-y: top;
z-index: 150;
}*/
/*Mobile*/
@ -135,8 +305,9 @@
}
nav {
width: 80%;
margin: 0 auto;
font-size: 25px;
margin: 0;
margin-right: 5%;
font-size: 15px;
}
}
/*Desktop*/
@ -214,73 +385,9 @@
h2{
margin:5px;
}
/*NAV.FILL*/
nav {
width: 80%;
margin: 0 auto;
}
nav ul {
list-style: none;
text-align: center;
}
nav ul li {
display: inline-block;
}
nav ul li a {
display: block;
padding: 15px;
text-decoration: none;
color: #141415;
font-weight: 800;
text-transform: uppercase;
}
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 {
position: relative;
}
nav.fill ul li a:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
content: '.';
color: transparent;
background: #aaa;
height: 1px;
}
nav.fill ul li a {
transition: all 2s;
}
nav.fill ul li a:after {
text-align: left;
content: '.';
margin: 0;
opacity: 0;
}
nav.fill ul li a:hover {
color: #fff;
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;
}
@-webkit-keyframes fill {
/*@-webkit-keyframes fill {
0% {
width: 0%;
height: 1px;
@ -294,4 +401,4 @@
height: 100%;
background: rgb(163, 47, 47);
}
}
}*/

6
Pages/Resources.html
View file

@ -1,10 +1,10 @@
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
<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="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>
@ -18,7 +18,7 @@
<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">
<img src="/Resources/Icons/Pencil-icon.png" id="TeamIcon" alt="Team Icon">
</div>
</div>
</div>

8
Pages/Sponsors.html
View file

@ -1,10 +1,10 @@
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
<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="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>
@ -16,9 +16,9 @@
<body>
<div class="Title-Container">
<div>
<h1 class="page-title" style="width:100%; text-align: center;">Intersted in Sponsoring Us?</h1>
<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">
<img src="/Resources/Icons/handshake-icon.png" id="TeamIcon" alt="Team Icon">
</div>
</div>
</div>

6
Pages/Team.html
View file

@ -1,10 +1,10 @@
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
<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="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>
@ -18,7 +18,7 @@
<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">
<img src="/Resources/Icons/team-icon.png" id="TeamIcon" alt="Team Icon">
</div>
</div>
</div>

6
Pages/calendar.html
View file

@ -1,10 +1,10 @@
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
<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="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>
@ -18,7 +18,7 @@
<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%;">
<img src="/Resources/Icons/calendar.png" id="TeamIcon" alt="Team Icon" style="width: 12%;">
</div>
</div>
</div>

13
Pages/email.js
View file

@ -36,4 +36,15 @@ function isEmail(email) {
let usr = new User(firstName.value, lastName.value, email.value, question.value);
}
}
}
/* function scrollPosition() {
var navBar = getElementById("nav-bar");
var scrollPosition = this.window.scrollY;
if (scrollPosition > 100) {
navBar.style.backgroundColor = "black";
} else {
navBar.style.backgroundColor = "red";
}
}; */

297
Pages/index.html Normal file
View file

@ -0,0 +1,297 @@
<html>
<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>
<!--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>
</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>
<!-- 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="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 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>
</div>
</section>
</main>
</body>
</html>

BIN
Resources/Black Logo (1).jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 69 KiB

BIN
Resources/Black Logo-1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 157 KiB

BIN
Resources/x-2023.JPG Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 MiB

62
index.html
View file

@ -1,62 +0,0 @@
<html>
<head>
<link rel="icon" type="image/x-icon" href="./Resources/Favicons/favicon.png">
<link rel="stylesheet" href="./Pages/style.css">
<nav class="fill">
<ul>
<li class = "dropdown"><a href="index.html">Home</a></li>
<nav class = "nav-dropdown">
<a href="index.html">Projects</a>
<a href="index.html">Leaders</a>
</nav>
<li><a href="./Pages/calendar.html">Calendar</a></li>
<li><a href="./Pages/Sponsors.html">Sponsors</a></li>
<li><a href="./Pages/Team.html">Shop</a></li>
<li class = "dropdown"><a href="./Pages/Resources.html">Donate</a></li>
<nav class = "nav-dropdown">
<a href="index.html">General Donation</a>
<a href="index.html">Tax Credit</a>
</nav>
</ul>
</nav>
</head>
<body>
<div class="logo-container">
<img src="./Resources/ParadiseLogo.png" class="logo-image" id="Logo-Image" alt="Team 1165 Logo">
</div>
<div id = "About-Us" class="divider">
<hr>
<h1 style="display: flex; justify-content:center; text-align: center;">Our Team</h1>
<hr>
</div>
<div class="OurStory-Container">
<img src="./Resources/Team Photo ARL.jpg" id="teamImage" alt="Team Picture">
<div style="color: #000000;">
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>
<div class="divider" style="padding-bottom: 50px;">
<hr>
<h1 style="display: flex; justify-content:center; text-align: center;">Our Socials</h1>
<hr>
</div>
<div class="divider">
<img src="./Resources/Instagram.png" style="width:5%;">
<div style="color:rgb(241,241,241)">teamparadise.1165</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 1165</div>
<div style="width:6%"></div>
<img src="./Resources/X Logo.png" style="width:5%; padding-bottom: 10px;">
<div style="color:rgb(241,241,241)">@Team1165</div>
<div style="width:6%"></div>
<img src="./Resources/Gmail Logo.png" style="width:5%; padding-bottom: 10px;">
<div style="color:rgb(241,241,241)">team1165@gmail.com</div>
</div>
</body>
</html>