-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
61 lines (44 loc) · 2.66 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
<!DOCTYPE html>
<html>
<head>
<title>Addison Herr</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="main.css">
</head>
<body>
<script>
/* Set the width of the side navigation to 250px and the left margin of the page content to 250px and add a black background color to body */
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
/* Set the width of the side navigation to 0 and the left margin of the page content to 0, and the background color of body to white */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
document.body.style.backgroundColor = "white";
}
</script>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">HOME</a>
<a href="game.html">GAME DESIGN</a>
<a href="vr.html">VIRTUAL REALITY</a>
<a href="audiovisual.html">AUDIOVISUAL</a>
<a href="motion.html">MOTION GRAPHICS</a>
<a href="dance.html">DANCE</a>
<a href="about.html">CONTACT</a>
<a href="#"></a>
</div>
<!-- Use any element to open the sidenav -->
<span onclick="openNav()" class = "menu"><img src = "hamburger.png" alt="menu button" height = "50" width = "50" class = "padding"></span>
<!-- Add all page content inside this div if you want the side nav to push page content to the right (not used if you only want the sidenav to sit on top of the page -->
<div id="main">
<img src="circle.png" alt="logo" class="center" style="border-radius: 50%;">
<h1 class="textcenter">ADDISON HERR</h1>
<h6 class="textcenter">HELLO! I'M A FOURTH-YEAR COMPUTER SCIENCE & COMPUTER ENGINEERING MAJOR AT UNIVERSITY OF SOUTHERN CALIFORNIA, BUT I DO OTHER STUFF TOO. YOU CAN CONTACT ME VIA <a href="mailto:[email protected]">EMAIL</a> OR <a href="https://www.linkedin.com/in/addisonherr">LINKEDIN.</a></h6>
</div>
</body>
</html>
<!--
-->