-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
181 lines (162 loc) · 8.33 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - GTPL</title>
<!-- Favicon -->
<link rel="shortcut icon" href="assets/img/logo.png" type="image/x-icon">
<!-- Remixicons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.5.0/remixicon.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/about.css">
</head>
<body>
<!-- Header -->
<header class="header" id="header">
<nav class="nav container">
<a href="#" class="nav__logo">
<img src="assets/img/logo.png" alt="GTPL">
</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item">
<a href="index.html" class="nav__link">Home</a>
</li>
<li class="nav__item">
<a href="about.html" class="nav__link">About</a>
</li>
<li class="nav__item">
<a href="project.html" class="nav__link">Projects</a>
</li>
<li class="nav__item">
<a href="sponsors.html" class="nav__link">Sponsors</a>
</li>
<li class="nav__item">
<a href="contact.html" class="nav__link active">Contact</a>
</li>
</ul>
<div class="nav__close" id="nav-close">
<i class="ri-close-line"></i>
</div>
</div>
<div class="nav__toggle" id="nav-toggle">
<i class="ri-apps-2-line"></i>
</div>
</nav>
</header>
<main class="main">
<!-- Hero Section -->
<section class="home">
<div class="home__container container">
<h1 class="home__title">About Us</h1>
<!-- <h1 class="home__title">Our Mission</h1>
<p class="home__description">To become the first student team in the world to achieve hovering, vertical take-off, and landing (VTOL) of a hybrid rocket. </p> -->
</div>
</section>
<section class="mission__section">
<div class="mission__container">
<div class="mission__content">
<h2 class="mission__title">Our Mission</h2>
<p class="mission__description">To become the first student team in the world to achieve hovering, vertical take-off, and landing (VTOL) of a hybrid rocket.</p>
</div>
<div class="mission__image">
<img src="assets/img/groupimage.JPG" alt="GTPL Mission Image" />
</div>
</div>
</section>
<!-- Team Section with Horizontal Cards -->
<section class="team__section">
<div class="team__container">
<h2 class="section__title">Our Leadership Team</h2>
<div class="team__grid">
<!-- Team Lead -->
<div class="team__member">
<div class="member__photo">
<img src="assets/img/baldwin.jpg" alt="Team Lead" />
</div>
<div class="member__info">
<h3 class="member__name">Baldwin Chen</h3>
<p class="member__role">Founder & Team Lead</p>
<p class="member__bio">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae justo vel metus consectetur rutrum. Nullam quis felis at nunc vehicula sollicitudin.</p>
</div>
</div>
<!-- Vice Lead -->
<div class="team__member">
<div class="member__photo">
<img src="assets" alt="Vice Lead" />
</div>
<div class="member__info">
<h3 class="member__name">Mihir Das Gupta</h3>
<p class="member__role">A&GNC Lead</p>
<p class="member__bio">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae justo vel metus consectetur rutrum. Nullam quis felis at nunc vehicula sollicitudin.</p>
</div>
</div>
<!-- Propulsion Lead -->
<div class="team__member">
<div class="member__photo">
<img src="/api/placeholder/200/200" alt="Propulsion Lead" />
</div>
<div class="member__info">
<h3 class="member__name">Aaron</h3>
<p class="member__role">Propulsion Team Lead</p>
<p class="member__bio">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae justo vel metus consectetur rutrum. Nullam quis felis at nunc vehicula sollicitudin.</p>
</div>
</div>
<!-- Avionics Lead -->
<div class="team__member">
<div class="member__photo">
<img src="/api/placeholder/200/200" alt="Avionics Lead" />
</div>
<div class="member__info">
<h3 class="member__name">Jack Rumpf</h3>
<p class="member__role">Avionics Team Lead</p>
<p class="member__bio">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae justo vel metus consectetur rutrum. Nullam quis felis at nunc vehicula sollicitudin.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Contact Section -->
<section class="contact">
<div class="contact__container container">
<div class="contact__content">
<div class="contact__location">
<h2 class="wheretofind">Where To Find Us</h2>
<p>Georgia Institute of Technology</p>
<p>North Avenue</p>
<p>Atlanta, GA 30332</p>
</div>
<div class="site_map">
<h2 class="mapsite">Site Map</h2>
<ul class="site_map__list">
<li><a href="about.html" class="map_site">About Us</a></li>
<li><a href="projects.html" class="map_site">Projects</a></li>
<li><a href="sponsors.html" class="map_site">Sponsors</a></li>
<li><a href="contact.html" class="map_site">Contact</a></li>
</ul>
</div>
<div class="contact__socials">
<h2 class="socialcontact">Our Socials</h2>
<div class="social__icons">
<a href="mailto:[email protected]" class="fa fa-envelope"></a>
<a href="https://www.linkedin.com/company/propulsive-landers-georgia-tech" class="fa fa-linkedin"></a>
<a href="https://www.instagram.com/propulsivelandersgt/" class="fa fa-instagram"></a>
<a href="https://www.tiktok.com/@propulsive.landers.gt" class="social-icon tiktok">
<img src="assets/img/tiktok_round.png" class="tiktok-icon" alt="TikTok">
</a>
</div>
</div>
</div>
<h3 class="gtpl-heading">GTPL</h3>
</div>
<p class="copyright">Copyright 2024 © All rights Reserved. GTPL.</p>
</section>
</main>
<!-- Scripts -->
<script src="assets/js/gsap.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>