-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
108 lines (91 loc) · 4.68 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<title>Andrew Hartwell</title>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="assets/website-design-background-1.jpg"/>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KFFZD2V');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-145048491-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-145048491-1');
</script>
</head>
<header>
<link rel="stylesheet" href="style.css">
<link href="fontawesome-free-5.10.2-web\css\all.css" rel="stylesheet">
</header>
<!--<script async="" src="//www.google-analytics.com/analytics.js"></script>
-->
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KFFZD2V" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div>
<!-- <a href="https://www.w3schools.com/html/" onclick="ga('send', 'event', 'Category', 'Action', 'Label', 'Value');"
target="_blank"></a>
FOR ANALYTICS LATER -->
</div>
<script>(function (i, s, o, g, r, a, m) { i["GoogleAnalyticsObject"] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', 'www.google-analytics.com/analytics.js', "ga"); ga("create", "UA-126212120-1", "auto"); ga("send", "pageview");</script>
<div class="topnav">
<ul >
<li><a class="active" href="#top">Home</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#tools">Tools</a></li>
<li><a href="https://github.com/arhartwe" target="_blank">Projects</a></li>
<li><a href="assets\Andrew Hartwell.pdf" target="_blank">Resume</a></li>
</ul>
</div>
<div class="pic">
<img src="assets\firstcrop.jpg" alt="avatar">
</div>
<div class="intro">
<h1 ><a>Who Am I?</a></h1>
<p>My name is Andrew Hartwell. Feel free to browse my website to learn more about who I am or how you can contact me. </p>
</div>
<div class="describe">
<h1 id="about"><a style="line-height: 4.9">About Me</a></h1>
<p>
I am a recent computer science (B.S.) graduate of the University of California, Santa Cruz.
I've always had a passion for technology and the education I receieved has allowed me to explore and create things that fascinate me in the field. I have a strong interest in back-end development
as well as cyber-security and I hope to find job opportunities that allow me to explore
these environments further.
</p>
</div>
<div class="describe">
<h1 id="tools"><a style="line-height: 4">Tools</a></h1>
<p>
I have worked with a variety of languages and tools throughout my education of computer science. Most of my experience
comes from working with languages such as Java, JavaScript, C/C++, and Python. I wanted to expand my knowledge by making this website.
Here is what I used to create my site:
</p>
</div>
<div class="tool_list">
<img id="html5" hspace="100" src='assets\1200px-HTML5_logo_and_wordmark.svg.png'>
<img id="css3" hspace="200" src='assets\CSS3_logo_and_wordmark.svg.png'>
<img id="visual" hspace="200" src='assets\1200px-Visual_Studio_Code_1.35_icon.svg.png'>
<img id="bash" hspace="200" src='assets\gwindows_logo.png'>
</div>
<div class="bottomnav">
<ul>
<li><a href = "https://github.com/arhartwe" target="_blank"><i class="fab fa-github fa-4x" aria-hidden="true"></i></a></li>
<li><a href = "https://www.linkedin.com/in/andrew-hartwell/" target="_blank"><i class="fab fa-linkedin fa-4x"></i></a></li>
<li><a href = "https://www.hackerrank.com/arhartwe" target="_blank"><i class="fab fa-hackerrank fa-4x"></i></i></a></li>
<li><a href = "mailto: [email protected]" target="_blank"><i class="fas fa-envelope fa-4x"></i></a></li>
</ul>
</div>
</body>
</html>