-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathold-index.html
More file actions
152 lines (135 loc) · 5.96 KB
/
old-index.html
File metadata and controls
152 lines (135 loc) · 5.96 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>
<!--
Ethereal by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Rayo's Portfolio</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">
<!-- Wrapper -->
<div id="wrapper">
<!-- Panel (Banner) -->
<section class="panel banner right">
<div class="content color0 span-3-75">
<h1 class="major">Hello, my name<br />
is Rayo</h1>
<p>I'm an <strong>iOS Developer</strong> who loves to
challenge myself to develop mobile app.
Comfortable with Swift and iOS
environment mainly iPhones.</p>
<ul class="actions">
<li><a href="#first" class="button primary color1 circle icon fa-angle-right">Next</a></li>
</ul>
</div>
<div class="image filtered span-1-75" data-position="25% 25%">
<img src="images/rayo.JPG" alt="" />
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight medium right" id="first">
<div class="content span-7">
<h2 class="major">Apple Developer Academy</h2>
<p>In 2018, I got the scholarship to attend the first Apple Developer Academy in Asia.
During my time at the academy, I created 4 apps in 9 months, 2 of which is already available on the App Store.
In total I've worked with 6 different groups in total.
I got multiple chances to met with a lot of amazing people from Apple and distinguished guests who gave inspirational talk.
I also got training from Apple Distinguished Educator workshot.
I loved my experience at the Academy and would love to share it with you!
</p>
</div>
<div class="image filtered tinted" data-position="top left">
<img src="images/bgmain.jpg" alt="" />
</div>
</section>
<!-- Panel -->
<section class="panel color1">
<div class="intro joined">
<h2 class="major">Projects</h2>
<p>I have created 4 iOS apps in total which is Tarik Tambang, Bystander, Banban, and Mowl.</p>
</div>
<div class="inner">
<ul class="grid-icons two">
<li><span class="icon fa-diamond"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-camera-retro"><span class="label">Ipsum</span></span></li>
<li><span class="icon fa-cog"><span class="label">Dolor</span></span></li>
<li><span class="icon fa-paper-plane"><span class="label">Sit</span></span></li>
</ul>
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight large left">
<div class="content span-5">
<h2 style="color: #988741" class="major">Tarik Tambang</h2>
<p style="color: #988741" >A hyper-casual game inspired by the all-time classic tug of war.</p>
</div>
<div class="image tinted" data-position="top right">
<img src="images/tariktambang.png" alt="" />
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight large left">
<div class="content span-5">
<h2 style="color: #5BA2D9" class="major">Bystander</h2>
<p style="color: #5BA2D9">An Interactive Visual Novel about Bullying to raise the awareness for all the bystander out there.</p>
</div>
<div class="image tinted" data-position="top right">
<img src="images/bystander.png" alt="" />
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight large left">
<div class="content span-5">
<h2 style="color: #297FAD" class="major">Banban</h2>
<p style="color: #297FAD">Banban is a stress management app to help people with chronic stress relieve their stress by doing some activities.</p>
</div>
<div class="image tinted" data-position="top right">
<img src="images/banban.png" alt="" />
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight large left">
<div class="content span-5">
<h2 style="color: #B2855B" class="major">Mowl</h2>
<p style="color: #B2855B">How much money can you gain in a simulation? Mowl challenges the users to make as much money as possible by investment.</p>
</div>
<div class="image tinted" data-position="top right">
<img src="images/mowl.png" alt="" />
</div>
</section>
<!-- Panel -->
<section class="panel color4-alt">
<div class="intro color4">
<h2 class="major">Contact</h2>
<p>You can reach out to me via these links!</p>
</div>
<div class="inner columns divided">
<div class="span-1-5">
<ul class="contact-icons color1">
<li class="icon fa-envelope"><a href="#">rayoroderik@gmail.com</a></li>
<li class="icon fa-linkedin"><a href="https://www.linkedin.com/in/rayoroderik/">/in/rayoroderik</a></li>
<li class="icon fa-github"><a href="https://github.com/rayoroderik">/rayoroderik</a></li>
<li class="icon fa-instagram"><a href="#">@rayoroderik</a></li>
</ul>
</div>
</div>
</section>
<!-- Copyright -->
<div class="copyright">© Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>