website/index.html
2023-10-31 16:37:50 -05:00

102 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- bootstrap css -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<!-- bootstrap icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap" rel="stylesheet">
<!-- css -->
<link rel="stylesheet" type="text/css" href="static/index.css">
<!-- favicons -->
<link type="image/png" sizes="16x16" rel="icon" href="static/favicon/icons8-console-material-sharp-16.png">
<link type="image/png" sizes="32x32" rel="icon" href="static/favicon/icons8-console-material-sharp-32.png">
<link type="image/png" sizes="96x96" rel="icon" href="static/favicon/icons8-console-material-sharp-96.png">
<title>Aarya Bhatia</title>
</head>
<body>
<div class="container">
<h1 class="p-2">Aarya Bhatia</h1>
<hr />
<!-- <img src="static/photo.png" class="img-fluid" height="100" alt="" /> -->
<h4 class="my-2">Introduction</h4>
<p>I am a student pursuing a Bachelor's degree in Applied Mathematics
and Computer Science from the University of Illinois, at
Urbana-Champaign. I grew up in India and came to the US in 2020 for
studies. I will graduate in May 2024 and work full-time as a software
developer.</p>
<h4 class="my-2">Skills</h4>
<p>I am experienced in full-stack web development and systems
programming. I am proficient in Linux and C/C++, Python, Javascript
and SQL languages. I have worked with several web frameworks like
Node.js, Flask.py and Rails. I love problem-solving and being the
most efficient version of myself. My workflow uses neovim, tmux and
i3.</p>
<h4 class="my-2">Work Experience</h4>
<p>Most recently, I worked as a SDE intern at Amazon, San
Francisco, where I developed shipped several website improvments in
React.js. Presently, I am a course assistant at my university for
CS340, where we teach about computer systems and C programming.</p>
<h4 class="my-2">Hobbies</h4>
<p>I am a trained musician with my primary instrument being the
electric guitar. I have been playing guitar for over a decade. For
fun, I enjoy playing sports like badminton and hiking.</p>
<!-- <p><a class="p-2" href="https://raw.githubusercontent.com/aarya-bhatia/resume/main/resume.pdf">Resume</a></p> -->
<h4 class="my-2">Contact Me</h2>
<form action="mailto:aaryab.alertservice@gmail.com" method="post" enctype="text/plain">
<div class="form-group mb-4">
<div class="form-group">
<label for="name">Name</label>
<input required type="text" class="text-white bg-dark form-control" name="name" id="name" placeholder="Name" />
</div>
</div>
<div class="form-group mb-4">
<div class="form-group">
<label for="email">Email</label>
<input required type="email" class="text-white bg-dark form-control" name="email" id="email" placeholder="Email" />
</div>
</div>
<div class="form-group mb-4">
<div class="form-group">
<label for="message">Message</label>
<textarea required class="text-white bg-dark form-control" name="message" id="message"></textarea>
</div>
</div>
<button type="submit" class="btn btn-primary">Send</button>
</form>
<div id="social" class="mb-4 d-flex justify-content-center">
<a class="p-2" href="mailto:aarya.bhatia1678@gmail.com"><i title="email" class="bi bi-envelope"></i></a>
<a class="p-2" href="https://www.github.com/aarya-bhatia/"><i title="github" class="bi bi-github"></i></a>
<a class="p-2" href="https://www.linkedin.com/in/aarya-bhatia/"><i title="linkedin" class="bi bi-linkedin"></i></a>
<a class="p-2" href="https://www.instagram.com/aarya.bhatia/"><i title="instagram" class="bi bi-instagram"></i></a>
</div>
</div>
<!-- bootstrap js -->
<!-- <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> -->
</body>
</html>