-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (124 loc) · 6.41 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Riya Kumar</title>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<link rel="icon" href="images\favicon.ico">
<link rel="stylesheet" href="css/index_master.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<div class="page one">
<div class="text">
<h1 class="heading">Hello,</h1>
<p class="introtext">I'm <span class="name">Riya Kumar</span></p>
<p class="tagline">AN ASPIRING FULL-STACK DEVELOPER</p>
</div>
<img class="myimg" src="images\me.png" alt="">
</div>
<hr class="dotline">
<div>
<div class="anim1">
<lottie-player src="https://assets10.lottiefiles.com/private_files/lf30_fqygznk9.json" background="transparent" speed="1" style="width: 450px; height: 450px;" loop autoplay></lottie-player>
</div>
<div class="aboutcontent">
<p class="abouthead">ABOUT ME</p>
<p class="about">I am currently pursuing my Bachelors in Technology in Computer Science and Engineering at <span class="name">Vellore Institute of Technology, Vellore</span>. My passion for coding drives me to explore new fields in the area of development and design. Apart from web development, I have interests in android application development, UI/UX designing and competitive coding.</p>
</div>
</div>
<hr class="dotline" style="margin-top:12%;">
<div class="aboutcontent">
<p class="skillshead">MY SKILLS</p>
<table>
<tr>
<td><img class="skillimg" src="images\html5.png" alt=""></td>
<td><img class="skillimg" src="images\css3.png" alt=""></td>
<td><img class="skillimg" src="images\js.png" alt=""></td>
<td><img class="skillimg" src="images\python.png" alt=""></td>
<td><img class="skillimg" src="images\java.png" alt=""></td>
<td><img class="skillimg" src="images\cplus.png" alt=""></td>
</tr>
</table>
<table>
<tr>
<td><img class="skillimg" src="images\bootstrap.png" alt=""></td>
<td><img class="skillimg" src="images\react.png" alt=""></td>
<td><img class="skillimg" src="images\node.png" alt=""></td>
<td><img class="skillimg" src="images\mongo.png" alt=""></td>
<td><img class="skillimg" src="images\mysql.png" alt=""></td>
</tr>
</table>
</div>
<hr class="dotline" style="margin-top:2%;">
<div class="aboutcontent">
<p class="skillshead">PROJECTS</p>
<table>
<tr>
<td class="card" onClick="document.location.href='https://pandemicpredictor.herokuapp.com/';"><p>COVID PREDICTION WEBAPP</p>
<p class="tbcont"> A web application to predict the number of new corona cases in each state for next 7 days.</p>
<p class="techstack">HTML / CSS / JS / PYTHON</p>
</td>
<td class="card" onClick="document.location.href='https://github.com/RiyaKumar00/Basic-Banking-App';"><p>BANKING APP</p>
<p class="tbcont"> A native Banking Application built using Java and SQLite as a part of the Graduate Rotational Internship Program (GRIP) at The Sparks Foundation</p>
<p class="techstack">JAVA / SQLite / ANDROID STUDIO</p>
</td>
<td class="card" onClick="document.location.href='https://github.com/RiyaKumar00/Learning-Android-Development/tree/main/WeatherApp';"><p>WHEATHER APP</p>
<p class="tbcont"> A android application that takes in a city name and displays the real time weather condiotion of the city using OpenWeatherMap API</p>
<p class="techstack">JAVA / ANDROID STUDIO / OpenWeatherAPI</p>
</td>
</tr>
<tr>
<td class="card" onClick="document.location.href='https://github.com/RiyaKumar00/Learning-Android-Development/tree/main/Connect3';"><p>CONNECT 3 GAME</p>
<p class="tbcont">A classic connect 3 game built using Java under app developement course</p>
<p class="techstack">JAVA / ANDROID STUDIO</p>
</td>
<td class="card" onClick="document.location.href='https://github.com/RiyaKumar00/College-Comrade';"><p>COLLEGE COMRADE</p>
<p class="tbcont"> Contributed in improving the front-end of the open-source application.</p>
<p class="techstack">JAVA / ANDROID STUDIO</p>
</td>
<td class="card" onClick="document.location.href='https://github.com/RiyaKumar00';"><p>OTHER PROJECTS</p>
</td>
</tr>
</table>
</div>
<hr class="dotline" style="margin-top:2%;">
<div class="contactcontent">
<p class="skillshead">COMPETITIVE CODING</p>
<img class="ccimg" src="images\roadmap.png" alt="">
<table class="counttable">
<tr>
<td class="countcell"><p class="count">391</p><p>Total Problems Solved</p></td>
<td class="countcell clickable" onClick="document.location.href='https://www.codechef.com/users/riya_k09';"><p class="count">2001</p><p>Codechef<br>highest rating</p></td>
<td class="countcell clickable" onClick="document.location.href='https://codeforces.com/profile/riyak09';"><p class="count">1490</p><p>Codeforces<br>highest rating</p></td>
</tr>
</table>
</div>
<hr class="dotline" style="margin-top:2%;">
<div class="contactcontent">
<table>
<tr>
<td class="contactcell border"><p class="skillshead">CONTACT ME</p>
<p>Have a question or want to work together?</p>
</td>
<td class="contactcell">
<p class="contacttext">CONNECT WITH ME ON:</p>
<table>
<tr>
<td><a href="https://www.linkedin.com/in/riya-kumar-1730881b6/"><img class="connect" src="images\linkedin.png" alt=""></a><p>Linkedin</p></td>
<td><a href="https://github.com/RiyaKumar00"><img class="connect" src="images\github.png" alt=""></a><p>Github</p></td>
</tr>
</table>
<p style="margin-top:0;">OR</p>
<div class="emailbutton">
<a class="btn" href="mailto:[email protected]?">SEND AN EMAIL</a>
</div>
</td>
</tr>
</table>
</div>
<div class="endbar">
</div>
</body>
</html>