-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
233 lines (218 loc) · 11.8 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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio</title>
<!-- font icons -->
<link rel="stylesheet" href="assets/vendors/themify-icons/css/themify-icons.css">
<!-- Bootstrap + Meyawo main styles -->
<link rel="stylesheet" href="assets/css/raxch.css">
<link rel="icon" href="assets/imgs/boy.png" type="image/x-icon">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
<!-- Page Navbar -->
<nav class="custom-navbar" data-spy="affix" data-offset-top="20">
<div class="container">
<a class="logo" href="#home">Home
<ul class="nav">
<li class="item">
<a class="link" href="#about">About</a>
</li>
<li class="item">
<a class="link" href="#service">Service</a>
</li>
<li class="item">
<a class="link" href="#portfolio">Portfolio</a>
</li>
<li class="item">
<a class="link" href="#contact">Contact</a>
</li>
<li class="item ml-md-3">
<a href="https://github.com/Relius-TP" class="btn btn-primary">GitHub</a>
</li>
</ul></a>
<a href="javascript:void(0)" id="nav-toggle" class="hamburger hamburger--elastic">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</a>
</div>
</nav><!-- End of Page Navbar -->
<!-- page header -->
<header id="home" class="header">
<div class="overlay"></div>
<div class="header-content container">
<h1 class="header-title">
<span class="up">HI! I am</span>
<span class="down">Aurelius</span>
</h1>
<p class="header-subtitle">GAME PROGRAMMER & DESIGNER</p>
<a href="https://github.com/Relius-TP"><button class="btn btn-primary">Visit My Works</button></a>
</div>
</header><!-- end of page header -->
<!-- about section -->
<section class="section pt-0" id="about">
<!-- container -->
<div class="container text-center">
<!-- about wrapper -->
<div class="about">
<div class="about-img-holder">
<img src="assets/imgs/man.jpg" class="about-img" alt="Aurelius Trisandio Prasetyo">
</div>
<div class="about-caption">
<p class="section-subtitle">Who Am I ?</p>
<h2 class="section-title mb-3">About Me</h2>
<p>
My full name is Aurelius Trisandio Prasetyo. I am a student of Bina Nusantara University (BINUS).
I am majoring in Computer Science and studying Game Application & Technology.
Currently, I am still learning to understand how to use Unity better and how to use the C# programming language more better.
For more complete data, please download the CV that has been listed below.
</p>
<a href="assets\doc\CV_Aurelius Trisandio Prasetyo_5.pdf" download>
<button class="btn-rounded btn btn-outline-primary mt-4">Download CV</button></a>
</div>
</div><!-- end of about wrapper -->
</div><!-- end of container -->
</section> <!-- end of about section -->
<!-- service section -->
<section class="section" id="service">
<div class="container text-center">
<p class="section-subtitle">What I Do ?</p>
<h6 class="section-title mb-6">Service</h6>
<!-- row -->
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="service-card">
<div class="body">
<img src="assets/imgs/game-designer.svg" alt="" class="icon">
<h6 class="title">Game Designer</h6>
<p class="subtitle">Think of mechanics, creating storylines, conducting a deep reset of the target market.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="service-card">
<div class="body">
<img src="assets/imgs/game-programmer.svg" alt="" class="icon">
<h6 class="title">Game Programmer</h6>
<p class="subtitle">Creating mechanics, Executing ideas, Creating AI, Debugging, Implementing Physics Simulations.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="service-card">
<div class="body">
<img src="assets/imgs/game-animation.svg" alt="" class="icon">
<h6 class="title">Game Animation</h6>
<p class="subtitle">Create Idle, Walk, Run, Attack, Jump, Crouch Movement Animations and create cut scene animations.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="service-card">
<div class="body">
<img src="assets/imgs/3d-modeling.svg" alt="" class="icon">
<h6 class="title">3D Game Assets</h6>
<p class="subtitle">Create 3d assets such as swords, shields, potions, buttons, treasure boxes and other items.</p>
</div>
</div>
</div>
</div><!-- end of row -->
</div>
</section><!-- end of service section -->
<!-- portfolio section -->
<section class="section" id="portfolio">
<div class="container text-center">
<p class="section-subtitle">What I Did ?</p>
<h6 class="section-title mb-6">Portfolio</h6>
<!-- row -->
<div class="row">
<div class="col-md-4">
<div class="portfolio-card">
<img src="assets/imgs/going-crazy-toilet-paper-shortage.gif" class="portfolio-card-img" alt="">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Lost In Nusantara</h5>
<p class="font-weight-normal">A horror game that explores the theme of the Indonesian archipelago,
aiming to introduce Indonesian folklore and legends</p>
<a href="https://alvint02.itch.io/lost-in-nusantara"><button class="btn btn-primary rounded">PLAY NOW</button></a>
</span>
</span>
</div>
</div>
<div class="col-md-4">
<div class="portfolio-card">
<img src="assets/imgs/icon-game-lawang-sewu.png" class="portfolio-card-img" alt="">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>Lawang Sewu</h5>
<p class="font-weight-normal">
Can you Dodge 1000 Doors ?<br>
How Fast You Can Type Left and Right ?<br>
Top Down Pixel Runner Controlled by typing and Battle With Your Friends!</p>
<a href="https://molokrakein.itch.io/lawang-sewu"><button class="btn btn-primary rounded">PLAY NOW</button></a>
</span>
</span>
</div>
</div>
<div class="col-md-4">
<div class="portfolio-card">
<img src="assets/imgs/Marin-Kitagawa-1-GIF.gif" class="portfolio-card-img" alt="">
<span class="portfolio-card-overlay">
<span class="portfolio-card-caption">
<h4>More Project</h5>
<p class="font-weight-normal">More project</p>
<a href="https://github.com/Relius-TP"><button class="btn btn-primary rounded">CLICK HERE</button></a>
</span>
</span>
</div>
</div>
</div><!-- end of row -->
</div><!-- end of container -->
</section> <!-- end of portfolio section -->
<!-- contact section -->
<section class="section" id="contact">
<div class="container text-center">
<p class="section-subtitle">How can you communicate?</p>
<h6 class="section-title mb-5">Contact Me</h6>
<!-- contact form -->
<form action="https://formspree.io/f/mwkdyndb" method="POST" class="contact-form col-md-10 col-lg-8 m-auto">
<div class="form-row">
<div class="form-group col-sm-6">
<input type="text" size="50" class="form-control" placeholder="Your Name" required id="name" name="Name">
</div>
<div class="form-group col-sm-6">
<input type="email" class="form-control" placeholder="Enter Email"requried id="email" name="Email">
</div>
<div class="form-group col-sm-12">
<textarea name="Comment" id="comment" rows="6" class="form-control" placeholder="Write Something"></textarea>
</div>
<div class="form-group col-sm-12 mt-3">
<input type="submit" value="Send Message" class="btn btn-outline-primary rounded">
</div>
</div>
</form><!-- end of contact form -->
</div><!-- end of container -->
</section><!-- end of contact section -->
<!-- footer -->
<div class="container">
<footer class="footer">
<p class="mb-0">Copyright <script>document.write(new Date().getFullYear())</script> © Aurelius Trisandio P</p>
<div class="social-links text-right m-auto ml-sm-auto">
<a href="https://wa.me/6285156980136" class="link"><i class="ti-mobile"></i></a>
<a href="https://github.com/Relius-TP" class="link"><i class="ti-github"></i></a>
<a href="https://linkedin.com/in/aurelius-trisandio-prasetyo" class="link"><i class="ti-linkedin"></i></a>
<a href="https://relius-tp.itch.io/" class="link"><i class="ti-shopping-cart"></i></a>
<a href="https://www.facebook.com/profile.php?id=100007836378979" class="link"><i class="ti-facebook"></i></a>
<a href="https://www.instagram.com/relius.tp/" class="link"><i class="ti-instagram"></i></a>
</div>
</footer>
</div> <!-- end of page footer -->
<!-- core -->
<script src="assets/vendors/jquery/jquery-3.4.1.js"></script>
<script src="assets/vendors/bootstrap/bootstrap.bundle.js"></script>
<!-- bootstrap 3 affix -->
<script src="assets/vendors/bootstrap/bootstrap.affix.js"></script>
<!-- Meyawo js -->
<script src="assets/js/raxch.js"></script>
</body>
</html>