-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
85 lines (75 loc) · 2.67 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
<!DOCTYPE html>
<html>
<head>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto:300');
</style>
<link rel = "stylesheet" href = "style.css" type = "text/css">
</head>
<body >
<div class="menu-bar">
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/"> Home </a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/personal.html"> Personal Life </a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/work.html"> Achievements</a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/context.html"> Context </a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/newMain.html"> Legacy </a>
<div class="dropdown">
<a href="#" onclick="myFunction()" class="dropbtn"> More </a>
<div id="myDropdown" class="dropdown-content">
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/about.html" class = "active">About us</a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/Marian_Lockwood_Quiz.html">Lockwood Quiz</a>
<a href="https://hackthesolarsystem.github.io/Marian-Lockwood/quiz.html">Space Quiz</a>
</div>
</div>
</div>
<!-- Heading video -->
<div class = "fullscreen">
<div class = "video_overlay_text">
<p style = "color: white; font-size: 100px"> About Us </p>
</div>
<video loop muted autoplay poster="img/videoframe.jpg" class = "fullscreen_video">
<source src="supernova.mp4" type="video/mp4">
</video>
</div>
<!-- End Heading video -->
<style>
.parallax2 {
background-image: url('our_photo.jpg_large');
height: 90%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
<div class="parallax2"> </div>
<section >
<div class="block" >
<h2> The BridgeUP: STEM Brown Scholars Team</h2>
<p>
We're a group of 5 from different schools under the Brown Scholars program at AMNH. We coded this website to let others know about significant women in science, specifically at AMNH.
</p>
</div>
</section>
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>
</body>
</html>