-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (110 loc) · 5.36 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
<!DOCTYPE html>
<html lang="en">
<title>Olin Rocketry</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-black w3-card">
<a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hidse-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<a href="index.html" class="w3-bar-item w3-button w3-padding-large">HOME</a>
<a href="html/Competition.html" class="w3-bar-item w3-button w3-padding-large">LATEST</a>
<a href="html/Archive.html" class="w3-bar-item w3-button w3-padding-large">ARCHIVE</a>
<a href="html/Team.html" class="w3-bar-item w3-button w3-padding-large">TEAM</a>
<a href="html/Sponsor.html" class="w3-bar-item w3-button w3-padding-large">SPONSOR</a>
<a href="html/Donate.html" class="w3-bar-item w3-button w3-padding-large">DONATE</a>
</div>
</div>
<!-- Page content -->
<div class="w3-content" style="max-width:2000px;margin-top:46px">
<!-- Automatic Slideshow Images -->
<div class="w3-black" id="slideshow">
<div class="mySlides w3-display-container w3-center">
<img src="media/14.jpg" alt="photo" style="width:50%">
<div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
</div>
</div>
<div class="mySlides w3-display-container w3-center">
<img src="media/TestFire12.jpg" alt="photo" style="width:41%">
<div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
</div>
</div>
</div>
<!-- The First Section -->
<div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px" id="band">
<h1 class="w3-wide"><b>WELCOME TO OLIN ROCKETRY</b></h1><br>
<iframe width="750" height="420" src="https://www.youtube-nocookie.com/embed/LZNEUZcTM4I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<!-- The Second Section -->
<div class="w3-black" id="tour">
<div class="w3-container w3-content w3-padding-64" style="max-width:1200px">
<h1 class="w3-wide w3-center">SUB-TEAM DESCRIPTIONS</h1>
<ul class="w3-ul w3-border w3-white">
<li class="w3-padding"><font size="4">SUB-TEAM A </font><p><font size="3"><b> XXX </b></font></p></li>
<li class="w3-padding"><font size="4">SUB-TEAM B </font><p><font size="3"><b> XXX </b></font></p></li>
<li class="w3-padding"><font size="4">SUB-TEAM C </font><p><font size="3"><b> XXX </b></font></p></li>
<li class="w3-padding"><font size="4">SUB-TEAM D </font><p><font size="3"><b> XXX </b></font></p></li>
<li class="w3-padding"><font size="4">SUB-TEAM E </font><p><font size="3"><b> XXX </b></font></p></li>
</ul>
</div>
</div>
<!-- The Contact Section -->
<div class="w3-container w3-content w3-padding-64" style="max-width:800px" id="contact">
<h2 class="w3-wide w3-center">CONTACT</h2>
<p class="w3-opacity w3-center"><i>Reach out to us!</i></p>
<div class="w3-row w3-padding-32">
<div class="w3-col m6 w3-large w3-margin-bottom">
<i class="fa fa-map-marker" style="width:30px"></i> Olin College of Engineering, Needham, MA <br>
<i class="fa fa-envelope" style="width:30px"></i> Email: rocketry@olin.edu <br>
<i class="fa fa-facebook-official w3-hover-opacity" style="width:30px"></i> <a href="https://www.facebook.com/olinrocketry"> Official Facebook Page</a> <br>
<i class="fa fa-instagram w3-hover-opacity" style="width:30px"></i> <a href="https://www.instagram.com/olin_rocketry/"> Official Instagram Handle</a> <br>
<i class="fa fa-youtube w3-hover-opacity" style="width:30px"></i> <a href="https://www.youtube.com/channel/UCHPHwylmXD6BhFC0sJ4Efpg"> YouTube Channel</a> <br>
<i class="fa fa-linkedin w3-hover-opacity" style="width:30px"></i> <a href="https://www.linkedin.com/company/40899416/admin"> LinkedIn Portfolio </a> <br>
</div>
</div>
</div>
<!-- End Page Content -->
</div>
<img src="media/IMG_1655.png" alt="photo" class="w3-image w3-greyscale-min" style="width:100%">
<script>
// Automatic Slideshow - change image every 10 seconds
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 10000);
}
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
// When the user clicks anywhere outside of the modal, close it
var modal = document.getElementById('ticketModal');
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
</body>
</html>