-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
70 lines (68 loc) · 2.88 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css"> <!-- Load in css styling - styles.css -->
<h1 id="womenTitle">Women in STEM</h1>
<!-- Responsive Navigation, from: https://www.w3schools.com/howto/howto_js_topnav_responsive.asp -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- load in hamburger icon -->
<div class="topnav" id="myTopnav">
<a href="index.html" class="active">Home</a>
<a href="sciencePage.html">Science</a>
<a href="techPage.html">Tech</a>
<a href="engineerPage.html">Engineering</a>
<a href="mathPage.html">Math</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
<!-- Javascript code between the script tags -->
<script>
/* myFunction() toggles between adding and removing the "responsive" class to topnav when the user
clicks on the icon. It is called when the icon is clicked (onclick="myFunction()"),
as can be seen on the javscript line beneath the nav */
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
}
else {
x.className = "topnav";
}
}
</script>
</head>
<body>
<div class="homePage">
<h3>
Women didn't just appear in STEM fields (Science, Technology, Engineering, Math) once the laws changed
'allowing' women to finally persue degrees. We've been here all along.
</h3>
<br>
<p id="discover">Discover women in stem ></p> <!-- With Javascript will link to a random women's page -->
<br>
<p>
Many women listed on this site have discovered, learnt and built things that cross the letters in the
STEM acronym. They have been placed under the heading the submitted felt was most relevant.
</p>
<br>
<div id="contributions">
<h3 id="contriTitle">Thanks to all who have helped contribute to this project:</h3>
<table style="width:100%">
<tr>
<th>Name</th>
<th>Discipline</th>
</tr>
<tr>
<td>Cel</td>
<td>Computer Science</td>
</tr>
<tr>
<td>Keerat</td>
<td>Electrical and Computer Engineering</td>
</table>
</div>
</div>
</body>
<footer>
</footer>
</html>