Added Teams Section

This commit is contained in:
James Dinh 2022-06-01 19:32:00 -07:00
parent 36519d52b5
commit 4049a1584a
2 changed files with 157 additions and 2 deletions

View File

@ -327,7 +327,7 @@ main {
section { section {
width: auto; width: auto;
padding: 70px 0px 0 0px; padding-top: 70px;
text-align: center; text-align: center;
align-items: center; align-items: center;
max-width: 1500px; max-width: 1500px;
@ -915,6 +915,65 @@ input[data-description="5"]:checked ~ #timeline-descriptions-wrapper div[data-de
color: #ffde59; color: #ffde59;
} }
#team-container {
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
#team-container article {
padding: 20px 50px;
width: 400px;
}
.team-title {
font-size: 25px;
color:rgb(161, 245, 150)
}
.team-entry {
display: flex;
align-content: stretch;
padding: 15px 0;
}
.team-picture {
width: auto;
height: auto;
}
.team-picture img {
height: 100px;
border-radius: 50%;
border: 1px solid white;
}
.team-description {
text-align: left;
width: auto;
display: block;
margin-left: 18px;
}
.person-name {
font-size: 20px;
color:rgb(99, 169, 250);
padding-bottom: 2px;
}
.person-subtitle {
font-size: 15px;
color: rgb(129, 129, 129);
}
.person-contact {
font-size: 15px;
padding-top: 15px;
}
/* Utilities */ /* Utilities */
#line-header { #line-header {
width: 200px; width: 200px;

View File

@ -377,7 +377,103 @@
<section id="team"> <section id="team">
<h2 class="topic">Hackathon Team</h2> <h2 class="topic">Hackathon Team</h2>
<hr class="line"> <hr class="line">
<div id="team-container">
<article>
<h3 class="team-title">Administration</h3>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
</article>
<article>
<h3 class="team-title">Logistics</h3>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
</article>
<article>
<h3 class="team-title">Outreach</h3>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
</article>
<article>
<h3 class="team-title">Tech</h3>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
</article>
<article>
<h3 class="team-title">Marketing</h3>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
<div class="team-entry">
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact">[Email]</h5>
</div>
</div>
</article>
</div>
</section> </section>
</main> </main>
<!--Footer--> <!--Footer-->