forked from didster42/portfolio_website_old_2
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (132 loc) · 7.66 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
<html>
<head>
<meta name="viewport" content="width=device-width">
<script src="https://kit.fontawesome.com/3cb8af7518.js" crossorigin="anonymous"></script>
<title>
Dhruva Raja | Game Developer
</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<span class="logo">
DR
</span>
<div class="buttonContainer">
<a class="buttonLink" href="#homeSection"><div class="button">About</div></a>
<a class="buttonLink" href="#projectSection"><div class="button">Projects</div></a>
<a class="buttonLink" target="_blank" href="https://drive.google.com/file/d/1cVw_hdlBmh4IbxCKlijrRiEBz3YVLT9g/view?usp=sharing"><div class="button">Resume</div></a>
<a class="buttonLink" href="#"><div class="button">Blog</div></a>
</div>
</header>
<section class="home" id="homeSection">
<div class="aboutInfoContainer">
<div class="aboutInfo">
<h1>Hi, I'm Dhruva Raja, <br>I am a Game Developer and Engineering student.</h1>
<p>
I am currently pursuing an <span class="makeWhite">Msc. Mathematics</span> and <span class="makeWhite">
B.E Electronics and Communications Engineering</span>
from <span class="makeWhite">BITS Goa</span>.
I will be graduating in 2024. I have been making games for over a year now,
you can check them out
<a href="https://play.google.com/store/apps/developer?id=Dhruva+Raja" class="playLink" target="_blank">here</a>. Also, here is a link to my <a target="_blank" href="https://drive.google.com/file/d/1cVw_hdlBmh4IbxCKlijrRiEBz3YVLT9g/view?usp=sharing" class="playLink">resume</a>.
</p>
<p>
I also enjoy talking about games, football and basketball. I just started a blog
you can check that out <a href="" target="_blank" class="playLink">here</a>.
</p>
</div>
</div>
</section>
<section class="projects" id="projectSection">
<h1>Projects</h1>
<div class="cardContainer">
<div class="card">
<img src="images/tunnelPic.png">
<div class="cardInfoContainer">
<h2>Tunnel</h2>
<div class="skillButtonContainer">
<span class="skillButtons" id="android">Android</span>
<span class="skillButtons" id="gamedev">Game Development</span>
<span class="skillButtons" id="unity">Unity</span>
<span class="skillButtons" id="csharp">C#</span>
<span class="skillButtons" id="gamedes">Game Design</span>
</div>
<p class="cardInfoPara">
Tunnel was the second game I published on the playstore. You control a small
player (triangle) and try to evade a series of obstacles which come at you from ahead
(similar to life?). I wanted to go for something trippy with a nice beat.
It was because of those factors that playtesting was an incredibly
fun experience. I thought it would be amazing to let other people try
and beat my score, so far none have. Why don't you give it a try?
</p>
<div class="playButtonContainer">
<a href="https://play.google.com/store/apps/details?id=com.Dhruva.Tunnel" class="playButtonAnchor">
<div class="playButton" id="tunnel">Play!</div>
</a>
</div>
</div>
</div>
</div>
<div class="cardContainer">
<div class="card" id="secondCard">
<img src="images/SquareNinjaPic.png">
<div class="cardInfoContainer">
<h2>Square Ninja</h2>
<div class="skillButtonContainer">
<span class="skillButtons" id="android">Android</span>
<span class="skillButtons" id="gamedev">Game Development</span>
<span class="skillButtons" id="unity">Unity</span>
<span class="skillButtons" id="csharp">C#</span>
<span class="skillButtons" id="gamedes">Game Design</span>
</div>
<p class="cardInfoPara">
Square Ninja was the first game project I was able to complete.
You take control of a square, and you are defending your kind (The Squares)
in a 42 year old war between the squares and the triangles(Yes, I am serious).
Do you have what it takes to survive the onslaught of the triangle army?
Its funny how lack of graphics can form the premise for your
game. Honestly I love the name and the background story behind it. If you enjoy
dashing through enemies with cool slow motion effects this is the game for you.
You could even try beating the high score on the leaderboard,
even I'm second at the moment!
</p>
<div class="playButtonContainer">
<a href="https://play.google.com/store/apps/details?id=com.SquareNinja" class="playButtonAnchor">
<div class="playButton" id="squareninja">Play!</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="contact">
<h1>Contact</h1>
<div class="contactInfoContainer">
<div class="contactInfo">
<p>
Lets get in touch! I have answers for anything Games, Football, FIFA and basketball.
</p>
<div class="iconContainer">
<div class="contactButtonContainer">
<div class="contactButton">
<i class="fa fa-linkedin" aria-hidden="true"></i>
<a class="contactDescription" href="https://www.linkedin.com/in/dhruva-raja-a9543a1a9/">Dhruva Raja</a>
</div>
<div class="contactButton">
<i class="fa fa-envelope" aria-hidden="true"></i>
<a class="contactDescription" href="mailto:[email protected]">[email protected]</a>
</div>
<div class="contactButton">
<i class="fa-brands fa-github"></i>
<a class="contactDescription" href="https://github.com/didster42">didster42</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
</footer>
</body>
</html>