NotLewis.github.io/page2.html at master · jimothy89/NotLewis.github.io · GitHub

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
<html>

<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="navigation.css">

    <link rel="stylesheet" type="text/css" href="style.css">
    <!-- The overlay -->
<div id="myNav" class="overlay">

  <!-- Button to close the overlay navigation -->
  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>

  <!-- Overlay content -->
 <div class="overlay-content">
    <a href="index.html">Homepage</a>
    <a href="imagePage.html">Images</a>
    <a href="page2.html">Page2</a>
    <a href="page3.html">Page3</a>
  </div>
</div>


<!-- Use any element to open/show the overlay navigation menu -->
<h4><span onclick="openNav()">☰ NAVIGATION</span></h4>
    <script> /* Open when someone clicks on the span element */
function openNav() {
    document.getElementById("myNav").style.width = "100%";
}

/* Close when someone clicks on the "x" symbol inside the overlay */
function closeNav() {
    document.getElementById("myNav").style.width = "0%";
}</script>


</head>


<body>


        <div class="down-arrow"˅>
        <a href="page3.html">˅</a>
        </div>


    </body>

</html>