Added Teams Section
This commit is contained in:
James Dinh
parent
36519d52b5
commit
4049a1584a
@ -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;
|
||||||
|
|||||||
98
index.html
98
index.html
@ -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-->
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user