-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
152 lines (138 loc) · 6.97 KB
/
Copy pathindex.html
File metadata and controls
152 lines (138 loc) · 6.97 KB
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Eric Graham on GitHub</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Digital Portfolio</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="extracurricular.html">Volunteering/Interests </a></li>
<li><a href="links.html">My Links</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo"><span class="icon fa-gem"></span></div>
<h2>Eric Graham</h2>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a href="projects.html" class="image"><img src="images/graham_seniorphoto.jpg" alt="" /></a>
<div class="content">
<h2 class="major">The Basics</h2>
<p>Welcome, esteemed visitor, to Eric Graham’s digital portfolio. I am a senior computer science student at the University of Colorado, Boulder, where I’ve gotten exposure to everything from assembly language and kernel programming to data science and AI. I recently completed a project for myself and my friends written in Python that automatically creates a tierlist of the user’s favorite shows. That’s one of the multiple projects you can explore here.</p>
<a href="projects.html" class="special">To Projects</a>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a href="extracurricular.html" class="image"><img src="images/band_photo.jpg" alt="" /></a>
<div class="content">
<h2 class="major">My Personality</h2>
<p>I have a strong interest in language and communication and a passion for people. This informs my whole approach to computer science, as the reason I can get excited about writing a given program is because of the good it can do people rather than specific concepts or architectures, and a desire to communicate clearly shapes the way I write my code - even if it works, it’s not done until I’ve made it elegant and understandable to whoever reads it. I also enjoy writing fiction and philosophy and learning Japanese in my spare time. </p>
<a href="extracurricular.html" class="special">To Interests</a>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a href="#" class="image"><img src="images/cube.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Purpose</h2>
<p>This digital portfolio is meant as a kind of “3D” resume or archive (I know it’s still just 2 dimensions; get off my case!). It is a showcase of who I am as well as my skills, achievements, and what I’ve learned throughout the projects I’ve done and experiences I’ve had.</p>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">Contents</h2>
<p>It includes summaries of and links to school projects, volunteering and leadership experience, a snapshot of not-working me, and a plain old resume if that’s your thing.</p>
<section class="features">
<article>
<a href="projects.html" class="image"><img src="images/coding.PNG" alt="" /></a>
<h3 class="major">Projects</h3>
<p>A collection of my largest projects both personal and from school.</p>
<a href="projects.html" class="special">Explore</a>
</article>
<article>
<a href="resume.html" class="image"><img src="images/resumepic.PNG" alt="" /></a>
<h3 class="major">Resume</h3>
<p>Good ol' resume</p>
<a href="resume.html" class="special">Explore</a>
</article>
<article>
<a href="extracurricular.html" class="image"><img src="images/charity4.png" alt="" /></a>
<h3 class="major">Volunteering and Interests</h3>
<p>Proof that I am a real person</p>
<a href="extracurricular.html" class="special">Explore</a>
</article>
<article>
<a href="links.html" class="image"><img src="images/html.png" alt="" /></a>
<h3 class="major">My Links</h3>
<p>My links. Yep.</p>
<a href="links.html" class="special">Explore</a>
</article>
</section>
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>I’m looking for an internship for the summer and soon a full-time position after I graduate in December. I’m a quick learner, and as I’ve suggested above, the purpose of any project is more important to me than the specific language/concepts/architecture, so I’m open to anything. Feel free to contact me!</p>
<ul class="contact">
<li class="icon solid fa-envelope"><a href="#">ergr2410@colorado.edu</a></li>
<li class="icon brands fa-linkedin"><a href="https://www.linkedin.com/in/eric-a-graham/">https://www.linkedin.com/in/eric-a-graham/</a></li>
<li class="icon brands fa-github"><a href="https://github.com/EricGraham7">https://github.com/EricGraham7</a></li>
</ul>
<ul class="copyright">
<li>© Eric Graham. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>