-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (143 loc) · 5.91 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
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Andi Susilo</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">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">About Me</a></li>
<li><a href="#two">My Portfolio</a></li>
<li><a href="#three">Contact </a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Andi Susilo</h1>
<p>I'm a React Native Developer, currently based in Indonesia. I'm passionate about improving my experiences in Programming, and constantly looking to learn new things everyday. I build things mobile app. <a href="http://html5up.net/license"></a>.</p>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>About Me</h1>
<p>Hello, my name is Andi Susilo, I enjoy creating things for mobile app (android). My interest in programming started back in 2021 when I joined a bootcamp, turns out taught me a lot about React Native. Fast-forward to today, my main focus is building mobile-app for clients. A few technologies I've been working with recently. <a href="http://html5up.net/license"></a>.</p>
<ul>
<li>JavaScript</a></li>
<li>React Native</a></li>
<li>Redux Saga</a></li>
<li>React Hooks </a></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>My Portofolio</h2>
<p>After 2 months of joining Bootcamp, my friends and I built several projects for our portfolio. My first project was Todo App, I built it for 2 weeks and did it myself, and collaborated with the backend. The second is the SeeEvents App review. I solved it as a group of 3 frontends and 3 backends. In the Final Project, we enter into a file containing 3 FrontEnd and 3 BackEnd, we both build an application called Cravyng. And my last project is GSM arena , with a collaboration API obtained from Github.</p>
<div class="features">
<section>
<span class="icon solid major fa-code"></span>
<a href="#three"><h3>SeeEvent</h3></a>
<p>
Application To view events that have been created and create events</p>
</section>
<section>
<span class="icon solid major fa-lock"></span>
<a href="https://drive.google.com/file/d/1jMaV2JcD92lCR4JUsjRpNkFVlAFcLivv/view?usp=sharing"><h3>Cravyng</h3></a>
<p>An application and web based for buying and selling food in a merchant.</p>
</section>
<section>
<span class="icon solid major fa-cog"></span>
<a href="https://drive.google.com/file/d/1xngkgWRv-7YqT8SBA9fw-noHbZ0uNBRh/view?usp=sharing"><h3>GsmArena</h3></a>
<p>Duplicate GsmArena by using Api available on github, but in further development stage.</p>
</section>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<p>I always open for the opportunity, so let's connect or just to say hello!.</p>
<div class="split style1">
<section>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
</div>
<ul class="actions">
<li><a href="#" class="button submit">Send Message</a></li>
</ul>
</form>
</section>
<section>
<ul class="contact">
<li>
<h3>Address</h3>
<span>Tasikmalaya<br />
Jawa Barat, <br />
Indonesia</span>
</li>
<li>
<h3>Email</h3>
<a href="#">[email protected]</a>
</li>
<li>
<h3>Social</h3>
<ul class="icons">
<li><a href="https://github.com/Fudci" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://gitlab.com/as.andisusilo" class="icon brands fa-gitlab"><span class="label">Gitlab</span></a></li
<li><a href="https://www.linkedin.com/in/andi-susilo2405/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>