dng24.github.io/index.html at master · dng24/dng24.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
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
<!DOCTYPE html>
<html lang="en-US">
	<head>
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-57344315-2"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());
			gtag('config', 'UA-57344315-2');
		</script>

		<meta charset="UTF-8">
		<title>Derek Ng | Home</title>
		<link rel="stylesheet" type="text/css" href="style.css">
		<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet'>
		<link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet'>
		<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="icon" href="images/favicon.png" type="image/icon" sizes="16x16">
		<script src="scripts.js"></script>
	</head>
	<body onscroll="navScroll()">
		<nav id="nav">
			<ul>
				<li><a href="index.html">Home</a></li>
				<li><a href="academics.html">Academics</a></li>
				<li><a href="projects.html">Projects</a></li>
				<li><a href="aboutMe.html">About Me</a></li>
			</ul>
		</nav>

		<div class="homeTitle">
			<h1>Welcome!<br><a href="#hi"><img src="images/arrow.png"></a></h1>
		</div>

		<div>
			<h2 id="hi">Hello.</h2>
			<p class="homeP">
				Welcome to my website! I am Derek Ng, and I am an undergraduate studying cybersecurity and mathematics in
				the <a href="https://www.khoury.northeastern.edu/" target="_blank">Khoury College</a> at
				<a href="https://www.northeastern.edu/" target="_blank">Northeastern University</a>.
				If you would like to contact me, please	feel free to email me at
				<a href="mailto:ng.d@northeastern.edu" target="_top">ng.d@northeastern.edu</a>.
				Click the links below to learn more about me!
			</p>

			<div id="bigDiv">
				<div id="icons">
					<p>Academics</p>
					<a href="academics.html"><img src="images/shillman.jpg" alt="Academics"></a>
					<br>
					<form>
						<input type="button" value="Learn more" onclick="window.location.href='academics.html'" />
					</form>
				</div>
				<div id="icons">
					<p>Projects</p>
					<a href="projects.html"><img src="images/projects.png" alt="Projects"></a>
					<br>
					<form>
						<input type="button" value="Learn more" onclick="window.location.href='projects.html'" />
					</form>
				</div>
				<div id="icons">
					<p>About Me</p>
					<a href="aboutMe.html"><img src="images/me.jpg" alt="Me"></a>
					<br>
					<form>
						<input type="button" value="Learn more" onclick="window.location.href='aboutMe.html'" />
					</form>
				</div>
			</div>

			<br><br><br><br><br>
		</div>

		<footer id="footer">
			<br><br><br>
			<p>Contact: <a href="mailto:ng.d@northeastern.edu" target="_top">ng.d@northeastern.edu</a></p>
			<p>Hand-coded by Derek Ng</p>
			<p>&copy; 2017-2020</p>
			<p><a href="https://github.com/dng24" target="_blank"><img src="images/github.png" alt="Git Hub"></a>
			&nbsp;&nbsp;&nbsp;
			<a href="https://www.linkedin.com/in/ng-derek/" target="_blank"><img src="images/linkedin.png" alt="LinkedIn"></a></p>
			<br><br>
		</footer>
	</body>
</html>