-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (143 loc) · 7.74 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
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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<head>
<title>Drew Romanyk</title>
<meta name="keywords" content="Drew Romanyk, Drew, Romanyk, Andrew Romanyk, Andrew">
<link rel="shortcut icon" href="./images/favIcon.ico" />
<script type="text/javascript" src="./jquery-2.1.4.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/css/materialize.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/js/materialize.min.js"></script>
<script type="text/javascript" src="./index.js"></script>
<style>
.underscore {
text-decoration: underline;
}
</style>
</head>
<body>
<!-- NAV -->
<nav class="indigo" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="./" class="brand-logo">Drew</a>
<ul class="right hide-on-med-and-down">
<li><a href="./projects/">Projects</a></li>
<li><a href="./Resume-Drew-Romanyk-Summer2017-v2.pdf">Resume</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="./projects/">Projects</a></li>
<li><a href="./Resume-Drew-Romanyk-Summer2017-v2.pdf">Resume</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</div>
</nav>
<!-- -->
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light white-text">"When you dance, your purpose is not to get to a certain place on the floor. It's to enjoy each step along the way."<br> - Wayne Dyer</h5>
</div>
</div>
</div>
<div class="parallax"><img src="./images/image0x.jpg" alt="Unsplashed background img 2">
</div>
</div>
<div class="container">
<div class="section">
<!-- Personal Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center indigo-text"><i class="mdi-hardware-laptop"></i></h2>
<h5 class="center">I like to code</h5>
<p class="light">I'm a developer for Android and Web and I love every second of it!</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center indigo-text"><i class="mdi-maps-directions-walk"></i></h2>
<h5 class="center">I like to dance</h5>
<p class="light">Dancing, what a way to express yourself and just have fun. You can learn a lot about life from dance, and especially with anyone can dance</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center indigo-text"><i class="mdi-social-cake"></i></h2>
<h5 class="center">I like to bake</h5>
<p class="light">What better gift to give to loved ones and yourself than baked goods filled with love? Plus it is delish.</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light white-text">"If you're trying to create a company, it's like baking a cake. You have to have all the ingredients in the right proportion."<br> - Elon Musk</h5>
</div>
</div>
</div>
<div class="parallax"><img src="./images/image2x.jpg" alt="Unsplashed background img 2">
</div>
</div>
<div class="container">
<div class="section">
<!-- Business Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center indigo-text"><i class="mdi-social-school"></i></h2>
<h5 class="center">University of Texas</h5>
<p class="light">I currently go to school at the Unversity of Texas at Austin for a bachlors of science in Computer Science. I plan to graduate in May 2018.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center indigo-text"><i class="mdi-action-perm-phone-msg"></i></h2>
<h5 class="center">Tilt</h5>
<p class="light">For the summer of 2016, I'll be an intern for Tilt, which is a company that is focused on making crowdfunding possible for all people and not just for big ideas or companies that are on kickstarter.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center indigo-text"><i class="mdi-device-developer-mode"></i></h2>
<h5 class="center">MAD</h5>
<p class="light">MAD, or Mobile App Development, is an organization that I'm apart of that is an organization designed to help students use what they have learned in their classes in the real world, such as mobile applications or even web.</p>
</div>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="page-footer indigo">
<div id="contact" class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Contact</h5>
<p class="grey-text text-lighten-4">Please feel free to contact me in any of the listed mediums.</p>
</div>
<div class="col l3 s12">
<h5 class="white-text">Connect</h5>
<ul>
<li><a class="white-text underscore" href="mailto:[email protected]">Email</a></li>
<li><a class="white-text underscore" href="http://www.linkedin.com/in/andrewromanyk">LinkedIn</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="indigo-text">_</h5>
<ul>
<li><a class="white-text underscore" href="http://www.facebook.com/drew.romanyk">Facebook</a></li>
<li><a class="white-text underscore" href="http://www.github.com/DrewRomanyk">Github</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">Made by Drew Romanyk</div>
</div>
</footer>
</body>
</html>