-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (92 loc) · 4.5 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
<!DOCTYPE html>
<html>
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
}
main {
flex: 1 0 auto;
}
a {
color: #ee6e73
}
</style>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.sidenav').sidenav();
});
</script>
</head>
<body>
<header>
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper blue lighten-1">
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<a href="#!" class="brand-logo center">Ryan Lapchynski</a>
<ul class="right hide-on-med-and-down">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="careergoals.html">Career Goals</a></li>
<li><a href="resume.html">Résumé</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
</div>
</nav>
</div>
<ul class="sidenav" id="mobile-demo">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="careergoals.html">Career Goals</a></li>
<li><a href="resume.html">Résumé</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
</header>
<main>
<div class="container">
<h1>Hello,</h1>
<p class="flow-text">This website is what I've taken to calling my "Career Portfolio." In essence,
it is a collection of career-relevant information about me including a brief summary of my career
goals, an expanded resume, and a selection of my projects I've chosen to highlight.</p>
<p class="flow-text">I'm currently a third-year student at The Ohio State University, completing a
B.S. in Computer Science and Engineering (CSE) and a B.S. in Mathematics. (These are two distinct
degrees, not a double major.) I expect to graduate with the CSE degree in Spring of 2021 and with
the math degree in Autumn of 2021. My main interests in the computer science field are in systems
administration, cybersecurity, and software development, and I'm currently looking for an
internship or co-op related to one of these areas utilizing strong collaborative abilities and
extensive Linux and programming experience.</p>
<p class="flow-text hide-on-med-and-down">The pages are accessible through the tabs in the top right,
along with contact information and links to my other online accounts available in the footer, or on
the <a href="contact.html">contact</a> page. I use cards to give more information on certain topics
without taking up unnecessary screen space, and these are breifly explained on the pages that use
them. On the longer pages, there's also a table of contents along the right side that you can click
on to go directly to a section.</p>
<p class="flow-text hide-on-large-only">The pages are accessible through the menu icon in the top left,
along with contact information and links to my other online accounts available in the footer, or on
<a href="contact.html">the contact page</a>. I use cards to give more information on certain topics
without taking up unnecessary screen space, and these are breifly explained on the pages that use
them.</p>
</main>
<footer class="page-footer blue lighten-1">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Footer Content</h5>
<p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
</div>
</div>
</div>
<div class="footer-copyright"></div>
</footer>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</body>
</html>