-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
210 additions
and
37 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #3e4d42; /* Matches your color scheme */ | ||
| color: #d9d9d9; | ||
| text-align: center; | ||
| } | ||
|
|
||
| header h1 { | ||
| padding: 20px; | ||
| background-color: #6ea727; /* Highlighted green for header */ | ||
| margin: 0; | ||
| color: white; | ||
| } | ||
|
|
||
| .team-container { | ||
| padding: 20px; | ||
| } | ||
|
|
||
| .team-section { | ||
| margin-bottom: 40px; | ||
| } | ||
|
|
||
| .team-section h2 { | ||
| margin-bottom: 20px; | ||
| color: #a2db4f; /* Light green for section headers */ | ||
| } | ||
|
|
||
| .team-row { | ||
| display: flex; | ||
| justify-content: center; | ||
| flex-wrap: wrap; | ||
| gap: 20px; | ||
| } | ||
|
|
||
| .team-member { | ||
| width: 150px; | ||
| text-align: center; | ||
| transition: transform 0.3s ease, box-shadow 0.3s ease; | ||
| } | ||
|
|
||
| .team-member img { | ||
| width: 100%; | ||
| height: auto; | ||
| border-radius: 15px; /* Rounded square */ | ||
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||
| transition: transform 0.3s ease, box-shadow 0.3s ease; | ||
| } | ||
|
|
||
| .team-member img:hover { | ||
| transform: scale(1.05); | ||
| box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); | ||
| } | ||
|
|
||
| .team-member p { | ||
| margin-top: 10px; | ||
| font-size: 14px; | ||
| color: white; | ||
| } | ||
|
|
||
| a { | ||
| text-decoration: none; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,104 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Our Team</title> | ||
| <link rel="stylesheet" href="/css/team.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Meet Our Team</h1> | ||
| </header> | ||
|
|
||
| <main class="team-container"> | ||
| <!-- Co-Presidents Section --> | ||
| <section class="team-section"> | ||
| <h2>Co-Presidents</h2> | ||
| <div class="team-row"> | ||
| <a href="https://www.linkedin.com/in/hardik-shres/" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/hardik.jpg" alt="Hardik Shrestha"> | ||
| <p>Hardik Shrestha</p> | ||
| </div> | ||
| </a> | ||
| <a href="https://www.linkedin.com/in/vivianlshen/" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/vivian.jpg" alt="Vivian Shen"> | ||
| <p>Vivian Shen</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Vice Presidents Section --> | ||
| <section class="team-section"> | ||
| <h2>Vice Presidents</h2> | ||
| <div class="team-row"> | ||
| <a href="https://www.linkedin.com/in/tongye-rose-yang/" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/rose.jpg" alt="Rose Yang"> | ||
| <p>Rose Yang</p> | ||
| </div> | ||
| </a> | ||
| <a href="https://www.linkedin.com/in/ethan-milroy/" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/ethan.jpg" alt="Ethan Milroy"> | ||
| <p>Ethan Milroy</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Executives Section --> | ||
| <section class="team-section"> | ||
| <h2>Executives</h2> | ||
| <div class="team-row"> | ||
| <a href="https://www.linkedin.com/in/amy-zhang-08240a139/" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/amy.jpg" alt="Amy Zhang"> | ||
| <p>Amy Zhang</p> | ||
| </div> | ||
| </a> | ||
| <a href="https://google.com" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/angela.jpg" alt="Angela Wang"> | ||
| <p>Angela Wang</p> | ||
| </div> | ||
| </a> | ||
| <a href="https://www.linkedin.com/in/sawaiz-ashraf-62806a246/" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/sawaiz.jpg" alt="Sawaiz Ashraf"> | ||
| <p>Sawaiz Ashraf</p> | ||
| </div> | ||
| </a> | ||
| <a href="https://www.linkedin.com/in/junsoo-p-96aa8a319/" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/junsoo.jpg" alt="Junsoo Pak"> | ||
| <p>Junsoo Pak</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Founders Section --> | ||
| <section class="team-section"> | ||
| <h2>Founders</h2> | ||
| <div class="team-row"> | ||
| <a href="https://www.linkedin.com/in/kierataylor2409/" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/kiera.jpg" alt="Kiera Taylor"> | ||
| <p>Kiera Taylor</p> | ||
| </div> | ||
| </a> | ||
| <a href="https://www.linkedin.com/in/firuza-h/" target="_blank"> | ||
| <div class="team-member"> | ||
| <img src="/img/team/x.png" alt="Firuza H"> | ||
| <p>Firuza H</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |