-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
224 lines (199 loc) · 9.92 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
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Raju Sivanantham 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">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>Raju Sivanantham<br />
</h1>
<p> Game Designer | Programmer </p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Raju Sivanantham</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Projects</a></li>
<li><a href="3DModelGoku.html"></a></li>
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/raju-sivanantham/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href="https://github.com/Rajus0906" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://twitter.com/RajuS0906" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/__raju.s/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="About Me">
<header class="major">
<h2>About Me<br /></h2>
<p>Hi there! Welcome to my portfolio I am Raju, a game designer born and raised in Toronto, Canada. <br>
I am currently studying at York University's Lassonde School of Engineering, majoring in Digital Media <br>
Game Arts for my bachelor's degree. </p>
<p> Growing up, I always had an immense passion for playing video games. <br>
It was one of the few ways I was able to spend time bonding with my brothers and parents or if I just wanted to release stress. <br>
If I got stuck on Mario I would hand the DS to my Mom, or if it was playing Call of Duty with my siblings and losing miserably, <br>
Games was always able to put a smile on our faces, Now being able to pursue making the thing I love most, I love <br>
to be able to bring the same enjoyment to others the same way it did for me! </p>
<p>If you have any questions please feel free to contact me :)</p>
<ul class="actions special">
<li><a href="Raju_Sivanantham_Resume.pdf" class="button">Download Resume PDF</a></li>
</ul>
</header>
</section>
</div>
<!-- Main -->
<div id="main">
<!-- Featured Project -->
<article class="Featured">
<header class="major">
<h1>Featured Project<br />
</a></h1>
<h2><a href="https://rajusivanantham.itch.io/ash">Ash</a></h2>
<strong>Unreal Engine 5 | Blueprints | Maya </strong>
<p>Glide. Explore. Discover. A 3D open world adventure game</p>
</header>
<a href="https://rajusivanantham.itch.io/ash" class="image main"><img src="images/Cover8.png" alt="Ash" /></a>
</article>
<article class="Game Projects">
<header class="major">
<h1>Game Projects<br /></h1>
</article>
<!-- Project -->
<section class="posts">
<article>
<header>
<h2><a href="https://rajusivanantham.itch.io/ash">Ash<br /></a></h2>
</header>
<a href="https://rajusivanantham.itch.io/ash" class="image fit"><img src="images/Cover8.png" alt="Ash" /></a>
<strong>Unreal Engine 5 | Blueprints | Maya</strong>
<p style="text-align: center;">Glide. Explore. Discover. <br>
Play as the last Dawnbringer, the final guardian of light. Guided by spectral ancestors, uncover the light's secrets, drive back shadows, and unlock powers as your bond deepens.</p>
<ul class="actions special">
<li><a href="https://gitlab.com/datt3701/ash" class="button">View Project Code</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="https://rajusivanantham.itch.io/bloodstained-moon">BloodStained-Moon <br /></a></h2>
</header>
<a href="https://rajusivanantham.itch.io/bloodstained-moon" class="image fit"><img src="images/BloodstainMoonBanner.png" alt="BloodStained-Moon" /></a>
<strong>Unity | C# </strong>
<p>In a future where betrayal meets cybernetics, a ninja resurrected from death by cutting-edge tech. With a body enhanced for vengeance, he hunts his brother through a world where humanity and machines collide, seeking justice in the shadows.</p>
<ul class="actions special">
<li><a href="https://github.com/Rajus0906/Bloodstained_Moon" class="button">View Project Code</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="https://rajusivanantham.itch.io/critical-404">Critical 404<br /></a></h2>
</header>
<a href="https://rajusivanantham.itch.io/critical-404" class="image fit"><img src="images/spread.jpeg" alt="Critical 404 main cover art" /></a>
<strong>Unity | C# </strong>
<p>A fighting game, akin to games like Street Fighter, where the main gameplay involves two characters fighting against each other to see who reigns supreme.</p>
<ul class="actions special">
<li><a href="https://github.com/Rajus0906/Critical_404" class="button">View Project Code</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="https://rajusivanantham.itch.io/epidemicx">EpidemicX<br /></a></h2>
</header>
<a href="https://rajusivanantham.itch.io/epidemicx" class="image fit"><img src="images/EpidemicX.JPG" alt="" /></a>
<strong>Unity | C# </strong>
<p>Step into the shoes of a brilliant scientist in EpidemicX, a gripping 2D parallax game. Your mission: collect the antidote, save the world, and battle relentless mutated creatures. Are you up for the challenge?</p>
<ul class="actions special">
<li><a href="https://github.com/Rajus0906/EpidemicX" class="button">View Project Code</a></li>
</ul>
</article>
</section>
<article class="Personal Projects">
<header class="major">
<h1>Other Projects<br /></h1>
</article>
<section class="posts">
<article>
<header>
<h2><a href="https://rajus0906.github.io/RajuSivanantham/">Portfolio Website<br /></a></h2>
</header>
<a href="https://rajus0906.github.io/RajuSivanantham/" class="image fit"><img src="images/WS.png" alt="" /></a>
<strong>HTML | CSS | Javascript</strong>
<p>Welcome to my portfolio website, your gateway to a world of creativity and innovation. Explore my work and discover how I bring ideas to life through design, development, and a passion for excellence.</p>
<ul class="actions special">
<li><a href="https://github.com/Rajus0906/RajuSivanantham" class="button">View Project Code</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="3DModelGoku.html">Goku 3D Model<br /></a></h2>
</header>
<a class="image fit"><img src="images/Goku.jpg" alt="Goku 3D model" /></a>
<strong>Maya</strong>
<p>Using Maya, I fully sculpted and modeled one of my favourite characters growing up Goku. To view more of the building process click on the button</p>
<ul class="actions special">
<li><a href="3DModelGoku.html" class="button">View Project</a></li>
</ul>
</article>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<section>
<h3>Location</h3>
<p>Toronto, ON, Canada</p>
</section>
<section>
<h3>Phone</h3>
<p>+1(647)-534-5795</p>
</section>
<section>
<h3>Email</h3>
<p><a href="[email protected]">[email protected]</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.linkedin.com/in/raju-sivanantham/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href="https://github.com/Rajus0906" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://twitter.com/RajuS0906" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/__raju.s/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© 2023 by Raju Sivannatham</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li></ul>
</div>
</div>
<!-- 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>