-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
230 lines (204 loc) · 10.6 KB
/
index.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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<html>
<head>
<title>STAR</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
<link rel="stylesheet" type = "text/css" href="assets/css/nav_footer.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="assets/css/home.css">
<meta name="title" content="STAR">
<meta name="keywords" content="STAR, CalSTAR, CALSTAR, rocket team, UC Berkeley, space, school, high power, rocketry, club, technology">
<meta name="description" content="STAR, UC Berkeley's Space Technologies and Rocketry Team, is a student club whose mission is to design, build, test, and launch high-power rockets. Founded in Fall 2015, STAR has competed in NASA's Student Launch Initiative (USLI) as well as ESRA's Intercollegiate Rocket Engineering Competition (IREC). As the team continues to grow and establish itself, we hope to do research in the fields of space, technology, and rocketry. We would also like to reach out to the community of Berkeley and the Bay Area to establish a prominent aerospace community that doesn't exist currently. This is just the beginnng">
<meta property="og:title" contenet="STAR">
<meta property="og:url" content="http://stars.berkeley.edu">
<meta property="og:description" content="STAR is a UC Berkeley competition team that designs, builds, tests, and launches rockets.">
<meta property="og:image" content="http://kevinhsuwho.github.io/assets/images/star.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/bootstrap.js"></script>
<meta charset="UTF-8">
</head>
<body>
<script src="js/navScroll.js"></script>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="index.html">
<img src="./assets/newimages/white_logo.png" id = "logo">
</a>
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav right-align-menu ml-auto">
<li class="nav-item">
<a class="nav-link" id = "nav-link-color" href="projects.html"> Projects</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id = "nav-link-color" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Teams
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="leads.html">Speciality Leads</a>
<a class="dropdown-item" href="managers.html">Project Manager</a>
<a class="dropdown-item" href="#">Team Members</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" id = "nav-link-color" href="news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" id = "nav-link-color" href="sponsors.html">Sponsors</a>
</li>
<li class="nav-item">
<a class="nav-link" id = "nav-link-color" href="sl_docs.html">Sl Docs</a>
</li>
<li class="nav-item">
<a class="nav-link" id= "nav_last" href="">Contact us</a>
</li>
</ul>
</div>
</nav>
<div class = "main_video_container">
<video autoplay muted loop id="myVideo">
<source src="assets/videos/GroundPOV.mp4" type="video/mp4">
</video>
<button id="myBtn" onclick="myFunction()">Pause</button>
</div>
<div class="main-content">
<h1 class = "title">STAR</h1>
<h4 class = "subtitle"> UC BERKELEY'S SPACE TECHNOLOGIES AND ROCKETRY TEAM</h4>
<div class = "new_items">
</div>
</div>
<div class = "background">
<div class="welcome_container">
<h1 class = "welcome_header">WHO WE ARE</h1>
<p class="welcome_p">
STAR boasts the longest and most successful launch history on campus, with a total of eight complete vehicles engineered over our half-decade lifetime, and a liquid engine!
<br>
<br>
These vehicles have been completely student-designed and tested, from our in-house avionics to our liquid-fuel propulsion to our array of payloads -- ranging from microbial power cells to muon detectors, and even rocket-deployed aircraft! STAR also boasts the longest competition history on campus, having previously launched as NASA Student Launch, and now participating in the ESRA Spaceport America Cup.
</p>
<div class = "row">
<div class = "counter col-md-4">
<p class = "counter_header">8</p>
<p class = "counter_p">Completed Vehicles</p>
</div>
<div class = "counter col-md-4">
<p class = "counter_header">1</p>
<p class = "counter_p">Liquid Engine</p>
</div>
<div class = "counter col-md-4">
<p class = "counter_header">11</p>
<p class = "counter_p">Subteams</p>
</div>
</div>
<div class = "welcome_photo_container">
<img class="welcome_photo" src="assets/images/teamphoto_cropped.jpg"/>
</div>
</div>
<div class="three-tenets">
<div class="container">
<h1 class = "tenets_header">OUR AMBITIONS</h1>
<h3 class = "tenets_subtitle">Redefining collegiate space exploration.</h3>
<div class="tenet-row row">
<div class="tenet col-md-4">
<i class="fas fa-trophy"></i>
<h4 class ="tenet_header">COMPLETIONS</h4>
<p>Reaching new heights in
<br>national and international
<br>ocketry competitions.<p>
</div>
<div class="tenet col-md-4">
<i class="fas fa-users"></i>
<h4 class ="tenet_header">CONNECTIONS</h4>
<p>Gaining industry-level experience
<br>and making
<br>lifelong friendships.<p>
</div>
<div class="tenet col-md-4">
<i class="fas fa-hands-helping"></i>
<h4 class ="tenet_header">COMMUNITY</h4>
<p>Educating local students
<br>and residents
<br>about aerospace technologies.<p>
</div>
</div>
</div>
</div>
<div class="interest_container">
<h1 class = "interest_header">SOUNDS INTERESTING?</h1>
<p class = "interest_p">
What makes STAR special is that we are a very education-focused team, and new members do not need any prior experience at all -- we teach them everything they need to know!
We pair all new members with a mentor and have them complete an intro project which will teach them everything they need to know to become a fully functional member of our team.
<br>
<br>
We have a variety of sub-teams available to our members like airframe, avionics, propulsion, payload, recovery, operations, systems, business, outreach, and media. We welcome all majors and backgrounds!
<br>
<br>
Regular recruitment season begins at the start of Fall semester, though if you are super passionate please contact the lead of the team you are interested in to enquirement further information (Found under Teams > Specialty Leads)
</p>
<div class="interest_image_container row">
<div class="col-md-6">
<img class = "interest_image" src="./assets/images/research copy.png">
</div>
<div class="col-md-6">
<img class = "interest_image" src="./assets/images/ssepd500-20 copy.jpg">
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-content">
<div class="container">
<div class="footer-content-box col-md-4" style="float: left;">
<h5>ABOUT US</h5>
<p>STAR is UC Berkeley’s competitive high-power rocketry team, founded in 2015 and comprised of a medley of audacious and wildly curious students with a burning passion for space.</p>
<a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope-square"></i></a>
<a href="https://www.facebook.com/ucberkeleystar" target="blank"><i class="fab fa-facebook-square"></i></a>
<a href="https://www.youtube.com/channel/UC-ceqnZp3XVz5mH8297izJA" target="blank"><i class="fab fa-youtube-square"></i></a>
<a href="https://www.flickr.com/photos/ucberkeleystar" target="_blank"><i class="fab fa-flickr"></i></a>
</div>
<div class="footer-content-box col-md-4" id="flickr" style="float: left;">
<h5><a href="https://www.instagram.com/_calstar/?hl=en">INSTAGRAM</a></h5>
<div class="flickr-img-tbl">
<div class="flickr-img-row row">
<!-- <div class="col-md-4">
<img src="assets/images/flickr1.jpg">
</div>
<div class="col-md-4">
<img src="assets/images/flickr3.jpg">
</div>
<div class="col-md-4">
<img src="assets/images/flickr4.jpg">
</div> -->
</div>
</div>
</div>
<div class="footer-content-box col-md-4" id="three" style="float: left;">
<h5>JOIN TODAY!</h5>
<p>For more information about what STAR is and who we are, check us out at <a href="https://rocketry.gitbook.io" target="_blank">rocketry.gitbook.io</a>, and come out to our infosessions at the beginning of each semester! Also, feel free to reach out to any of our team members <a href="team.html">here.</a></p>
</div>
</div>
</div>
<div class="footer-bar">
<div class="container">
<div style="float: left;">
<p> © STAR. MADE BY <a href="https://github.com/Omkar-Waingankar">OMKAR WAINGANKAR</a>,
<a href="https://github.com/arjunsahai">ARJUN SAHAI</a>, CINDY KHAN-TUSHIG<p>
</div>
</div>
</div>
<div class="footer-bar" style="text-align:left; background-color:white; color:navy;">
<div class="container">
<div style="float: left; margin-top: 2vh;">
<a href="https://www.ocf.berkeley.edu">
<img class="ocfpic" src="https://www.ocf.berkeley.edu/hosting-logos/ocfbadge_blue8.png"
alt="Hosted by the OCF" style="border: 0; height: 32px; width: 32px;"/> </a>
</div>
<div style="float: left; position: relative; left: 10px;">
<p> We are a student group acting independently of the University of California. We take full responsibility for our organization and this website.<p>
</div>
</div>
</div>
</div>
</body>
</html>