-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·188 lines (163 loc) · 6.06 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<html>
<head>
<title>Jacob Rhoda</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="I am a software engineer, maker, and Christ follower.">
<meta name="author" content="Jacob Rhoda">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Biryani:200,300,400|Roboto:200,300,400" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body id="top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav id="bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".jacob-nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#top" style="opacity: 0;">Jacob Rhoda</a>
</div>
<div class="collapse navbar-collapse jacob-nav-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#portfolio">PORTFOLIO</a></li>
<li><a href="http://blog.jadar.net/">BLOG</a></li>
<li><a href="#contact">CONTACT ME</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- End navigation -->
<!-- Main page -->
<section id="main" class="main-section">
<div class="container-fluid">
<div class="hero parallax">
<div class="container">
<div class="name-container">
<div class="name">
Jacob<br />
Rhoda
</div>
<div class="subtitle">
Software Engineer, Maker, Christ Follower.
</div>
</div>
</div>
</div>
<a href="#portfolio" data-scroll="true" data-id="#portfolio" class="scroll-arrow hidden-xs hidden-sm">
<i class="fa fa-angle-down"></i>
</a>
</section>
<!-- End main page -->
<a id="portfolio"></a>
<!-- Start RPI section -->
<section id="portfolio-rpi" class="section">
<center>
<h1>Portfolio</h1>
</center>
<div class="container">
<div class="row">
<div class="col-md-4">
<a href="https://itunes.apple.com/us/app/rp-international/id1137006255?mt=8">
<figure class="rpi-screenshot rellax" data-rellax-speed="1"></figure>
</a>
</div>
<div class="col-md-1">
<a href="https://itunes.apple.com/us/app/rp-international/id1137006255?mt=8">
<figure class="app-icon"></figure>
</a>
</div>
<div class="col-md-6">
<h2>RP International / Covfamikoi</h2>
<br />
RP International allows attendees to make the most of the conference. Find the classes, seminars, and events,
that you're interested in! Get a heads up view of what is coming next and plan out your day in detail. Make
the most of your time by easily filtering through the events and seeing what matters to you.
<br />
<ul>
<li>See what events are happening on an hour-by-hour basis.</li>
<li>Favorite events so you know exactly what you want to do.</li>
<li>Easily find where events are located.</li>
<li>Filter events by category. (Nursery, Preschool, Kindergarten, Juniors, Middle School, High School,
College, Phase 2, Adult, and more!)</li>
<li>Search events by their name, location, speaker, and description.</li>
<li>Receive reminders 15-minutes before a favorite event begins.</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End RPI section -->
<!-- Start CYPU section -->
<section id="portfolio-cypu" class="section">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>CYPU</h2>
<br />
The website for Covenanter Young Peoples Union, an organization of the Great Lakes/Gulf Presbytery of the
Reformed Presbyterian Church, informs students and parents of upcoming events.
<br />
<ul>
<li>See what events are happening during the year.</li>
<li>Know when registration is open.</li>
<li>Register and pay conference fees online for easy check-in.</li>
</ul>
</div>
<div class="col-md-1">
<a href="http://cypu.info">
<figure class="app-icon"></figure>
</a>
</div>
<div class="col-md-4">
<a href="http://cypu.info">
<figure class="cypu-screenshot rellax" data-rellax-speed="1"></figure>
</a>
</div>
</div>
</div>
</section>
<!-- End CYPU section -->
<section id="contact" class="section">
<div class="container">
<center>
<h1>Contact Me</h1>
<div>
<figure class="portrait"></figure>
</div>
<div class="contact-icons">
<a href="https://github.com/jadar/" class="fa fa-github"></a>
<a href="https://www.linkedin.com/in/jacob-r-44a599122/" class="fa fa-linkedin"></a>
</div>
<h3>Have a question? Drop me a line!</h3>
</center>
</div>
</section>
<footer>
</footer>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script type="text/javascript" src="js/rellax.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script>
// Need DEBUG for old version of Rellax.js
var DEBUG = false;
var rellax = new Rellax('.rellax');
</script>
<!-- End Scripts -->
</body>
</html>