This repository was archived by the owner on May 9, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
179 lines (160 loc) · 6.37 KB
/
index.html
File metadata and controls
179 lines (160 loc) · 6.37 KB
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
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<div id="particles-js"></div>
<html>
<head>
<title>Reetesh Sudhakar</title>
<link rel="shortcut icon" type="image/png" href="images/favicon.png">
<meta charset="utf-8" />
<meta property="og:title" content="Reetesh Sudhakar" />
<meta property="og:image" content="images/website-preview.png" />
<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">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Wrapper -->
<div id="wrapper">
<!-- Panel (Banner) -->
<section class="panel banner right" id="home">
<div class="content color0 span-3-75">
<style>
h1 {
background: linear-gradient(to right, #BDAADD, #FFA2AD, #FFD3C0, #FFFFDC);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
</style>
<h1>Hello, my name is<br />
Reetesh Sudhakar.</h1>
<h3 class="major">
<div id="word-display">Leader</div>
</h3>
<p>I am a Computer Science student at <strong>Georgia Tech</strong>, originally from Portland, OR.
This summer,
I'll be a Software Engineer Intern at <strong>Chicago Trading Company</strong>. Previously, I've
interned as a
Software Engineer Intern at
<strong>Robinhood</strong> and <strong>Siemens</strong>. My major concentrations are
<strong>Artificial Intelligence</strong>
and <strong>Modeling & Simulation</strong>. I'm also pursuing my MS through the accelerated
BS/MS program at Georgia Tech,
and I expect to complete my education in May 2025. Aside from academics, I'm passionate about
debate, a cappella, and taking
control of my personal finances.
</p>
<ul class="actions">
<li><a href="#first" class="button primary color1 circle icon solid fa-angle-right">Next</a>
</li>
<li><a href="resources/resume.pdf" class="button">Resumé</a></li>
<li><a download href="resources/contact.vcf" class="button">Contact Card</a></li>
</ul>
</div>
<div class="image span-1-75" data-position="25% 25%" fade-in="true">
<img class="image__img" src="images/ree00.jpg" alt="Reetesh Sudhakar" />
<div class="image__overlay">
<p class="image__description" align="center">At my favorite place, Downtown Portland.</p>
</div>
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight medium right" id="first">
<div class="content span-7">
<h1 class="major">More about me!</h1>
<p>I'm currently spending time deepening my experience in web development, Go,
product/project management, and much more (in and out of the classroom).
I'm involved in my community, whether it be service, philanthropy, or some
fun times with music!</p>
</div>
<div class="image filtered tinted" data-position="top left">
<img src="images/ree02.jpg" alt="Reetesh Sudhakar" />
</div>
</section>
<!-- Panel -->
<section class="panel color4-alt">
<div class="intro color4">
<style>
h2 {
background: linear-gradient(to right, #BDAADD, #EFE1FA);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
</style>
<h2 class="major">Contact</h2>
<p>Get in touch with me! I'd love to start a conversation with you.</p>
</div>
<div class="inner columns divided">
<div class="span-3-25">
<form method="post" action="https://formspree.io/f/mvodvpvl">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"
placeholder="Enter your message here..."></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="button primary" /></li>
<li><input type="reset" value="Reset" class="button"></li>
</ul>
</form>
</div>
<div class="span-1-4">
<style>
h2 {
background: linear-gradient(to right, #BDAADD, #EFE1FA);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
</style>
<h2 class="major">My Links</h2>
<p><i><strong>Find me on all the relevant platforms!</strong></i></p>
<ul class="contact-icons color1">
<li class="icon brands fa-github"><a
href="https://github.com/reeteshsudhakar">github.com/reeteshsudhakar</a></li>
<li class="icon brands fa-linkedin"><a
href="https://www.linkedin.com/in/reeteshsudhakar/">Reetesh Sudhakar</a></li>
<li class="icon brands fa-facebook-f"><a
href="https://facebook.com/reetesh.sudhakar.3">Reetesh Sudhakar</a></li>
<li class="icon brands fa-instagram"><a
href="https://www.instagram.com/reeteshsudhakar/">@reeteshsudhakar</a></li>
<li class="icon solids fa-envelope"><a
href="mailto:rsudhakar9@gatech.edu?subject=Contact">rsudhakar9@gatech.edu</a></li>
<li><a href="#home" class="button primary color1 circle icon solid fa-angle-left">Back</a>
</li>
</ul>
</div>
</div>
</section>
<section class="panel banner right">
<div class="image span-3" data-position="25% 25%" fade-in="true">
<img class="image__img" src="images/ree01.jpg" alt="Reetesh Sudhakar" />
<div class="image__overlay">
<p class="image__description" align="center">good things take time.</p>
</div>
</div>
</section>
<!-- Copyright -->
<div class="copyright">© <a href="#home">Reetesh Sudhakar, 2023.</a></div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/words.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>