-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
246 lines (235 loc) · 11.7 KB
/
Copy pathindex.html
File metadata and controls
246 lines (235 loc) · 11.7 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
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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pranav C — Portfolio</title>
<meta name="description" content="Pranav C — student founder building AI for education, healthcare, and wellbeing. Head of AI & Events at CodeStarters, Co-Founder & CMO at Public." />
<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=Gabarito:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Inter:wght@400;500&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="grain" aria-hidden="true"></div>
<div class="scroll-progress" id="scrollProgress" aria-hidden="true"></div>
<!-- Nav -->
<header class="nav" id="nav">
<a href="#top" class="nav-logo">Pranav C.</a>
<nav class="nav-links">
<a href="#about"><span>01</span> About</a>
<a href="#work"><span>02</span> Work</a>
<a href="#ventures"><span>03</span> Ventures</a>
<a href="#clients"><span>04</span> Clients</a>
<a href="#contact"><span>05</span> Contact</a>
</nav>
<button class="nav-toggle" id="navToggle" aria-label="Toggle menu">Menu</button>
</header>
<main id="top">
<!-- Hero -->
<section class="hero">
<p class="hero-eyebrow reveal">Student · Founder · Educator — est. 2022</p>
<h1 class="hero-title">
<span class="line"><span class="line-in">Building <em>AI</em> that</span></span>
<span class="line"><span class="line-in">actually helps</span></span>
<span class="line"><span class="line-in">people.</span></span>
</h1>
<div class="hero-meta reveal">
<p>I'm Pranav — a U.S.-based student founder working across education, healthcare, and wellbeing. I teach AI to the next generation and build products people rely on.</p>
<a href="#work" class="arrow-link" data-magnetic>See the work <span>↓</span></a>
</div>
</section>
<!-- Marquee -->
<div class="marquee" aria-hidden="true" data-parallax="0.12">
<div class="marquee-track">
<span>Head of AI & Events, CodeStarters ✳</span>
<span>Co-Founder & CMO, Publick ✳</span>
<span>Founder, Aurelia ✳</span>
<span>Managing Director, One Sphere Array ✳</span>
<span>Head of AI & Events, CodeStarters ✳</span>
<span>Co-Founder & CMO, Publick ✳</span>
<span>Founder, Aurelia ✳</span>
<span>Managing Director, One Sphere Array ✳</span>
</div>
</div>
<!-- About -->
<section class="section" id="about">
<div class="section-head reveal">
<span class="idx">(01)</span>
<span class="section-kicker">About</span>
</div>
<div class="about">
<p class="about-lead reveal">My programming journey began in 2022. Since then I've founded five products, led teams, and taught AI to hundreds of younger students.</p>
<div class="about-body reveal">
<p>I care about one thing: building technology that genuinely helps people — students who need a mentor, patients who need clarity, anyone trying to understand their own mind a little better.</p>
<p>Most of my time goes to <strong>CodeStarters</strong>, where I run bootcamps and hackathons and write the AI curriculum, and to <strong>Publick</strong>, the AI college counselor I co-founded. Everything else is detail.</p>
</div>
</div>
</section>
<!-- Work / Roles -->
<section class="section" id="work">
<div class="section-head reveal">
<span class="idx">(02)</span>
<span class="section-kicker">What I do</span>
</div>
<ul class="rolelist">
<li class="role reveal">
<div class="role-main">
<h3>Head of AI & Events</h3>
<a class="role-org" href="https://codestarters.org" target="_blank" rel="noopener">CodeStarters ↗</a>
</div>
<p class="role-desc">I lead AI programming for a youth tech community — running bootcamps and hackathons, teaching AI to younger audiences, and designing the curriculum they learn from.</p>
<span class="role-year">Present</span>
</li>
<li class="role reveal">
<div class="role-main">
<h3>Co-Founder & CMO</h3>
<a class="role-org" href="https://publick.app" target="_blank" rel="noopener">Publick ↗</a>
</div>
<p class="role-desc">Co-founded an AI college counselor that guides students through applications. I own marketing, brand, and growth.</p>
<span class="role-year">Present</span>
</li>
<li class="role reveal">
<div class="role-main">
<h3>Managing Director</h3>
<a class="role-org" href="https://osa.ngo" target="_blank" rel="noopener">One Sphere Array ↗</a>
</div>
<p class="role-desc">Lead initiatives at the intersection of software and social impact — including efforts to preserve California's Great America through petitions and public engagement.</p>
<span class="role-year">Present</span>
</li>
</ul>
</section>
<!-- Ventures -->
<section class="section" id="ventures">
<div class="section-head reveal">
<span class="idx">(03)</span>
<span class="section-kicker">Things I've built</span>
</div>
<ol class="ventures">
<li class="venture reveal">
<a class="venture-row" href="https://publick.app" target="_blank" rel="noopener">
<span class="v-num" data-parallax="0.06">01</span>
<div class="v-body">
<span class="v-role">Co-Founder & CMO</span>
<h3>Publick <span class="v-arrow">↗</span></h3>
<p>An AI college counselor that helps students navigate applications with clarity and confidence.</p>
</div>
<span class="v-tag">AI · EdTech</span>
</a>
</li>
<li class="venture reveal">
<a class="venture-row" href="https://aureliamood.vercel.app" target="_blank" rel="noopener">
<span class="v-num" data-parallax="0.06">02</span>
<div class="v-body">
<span class="v-role">Founder</span>
<h3>Aurelia <span class="v-arrow">↗</span></h3>
<p>An AI mood tracker that helps people notice patterns in how they feel and understand themselves better.</p>
</div>
<span class="v-tag">AI · Wellbeing</span>
</a>
</li>
<li class="venture reveal">
<a class="venture-row" href="https://medisummarize-alpha.vercel.app" target="_blank" rel="noopener">
<span class="v-num" data-parallax="0.06">03</span>
<div class="v-body">
<span class="v-role">Founder</span>
<h3>Medisummarize <span class="v-arrow">↗</span></h3>
<p>An AI healthcare assistant helping patients prepare for appointments and communicate symptoms clearly.</p>
</div>
<span class="v-tag">AI · Health</span>
</a>
</li>
<li class="venture reveal">
<a class="venture-row" href="https://futurely.lovable.app" target="_blank" rel="noopener">
<span class="v-num" data-parallax="0.06">04</span>
<div class="v-body">
<span class="v-role">Founder</span>
<h3>Futurely <span class="v-arrow">↗</span></h3>
<p>An educational platform helping students prepare smarter for tests, assignments, and learning goals.</p>
</div>
<span class="v-tag">EdTech</span>
</a>
</li>
<li class="venture reveal">
<a class="venture-row" href="https://studycluster.lovable.app" target="_blank" rel="noopener">
<span class="v-num" data-parallax="0.06">05</span>
<div class="v-body">
<span class="v-role">Founder</span>
<h3>StudyCluster <span class="v-arrow">↗</span></h3>
<p>A student collaboration platform built on the belief that no student should have to study alone.</p>
</div>
<span class="v-tag">Community</span>
</a>
</li>
</ol>
</section>
<!-- Client work -->
<section class="section" id="clients">
<div class="section-head reveal">
<span class="idx">(04)</span>
<span class="section-kicker">Client work</span>
</div>
<div class="clients">
<p class="clients-lead reveal">Beyond my own products, I build custom software for clients — shaped around the problem, not a template.</p>
<div class="clients-grid">
<div class="client-card reveal">
<span class="client-num">→</span>
<h3>Automation</h3>
<p>Scripts, bots, and pipelines that quietly remove repetitive work from a team's day.</p>
</div>
<div class="client-card reveal">
<span class="client-num">→</span>
<h3>Team & Company Hubs</h3>
<p>Central dashboards where a company coordinates people, projects, and knowledge in one place.</p>
</div>
<div class="client-card reveal">
<span class="client-num">→</span>
<h3>Work Trackers</h3>
<p>Custom task and project trackers built to match how a specific team actually operates.</p>
</div>
<div class="client-card reveal">
<span class="client-num">→</span>
<h3>Bespoke Tools</h3>
<p>One-off web apps and internal tools designed around a single, particular need.</p>
</div>
</div>
<div class="clients-cta reveal">
<p class="clients-avail"><span class="dot"></span> Available for free apps and projects</p>
<a class="btn-solid" data-magnetic href="https://docs.google.com/forms/d/e/1FAIpQLScHRtElG7eRfCTo-uoCMMHLt8dpvKyh6ZM1De3Ck3c6_QYkVA/viewform" target="_blank" rel="noopener">Start a project <span>↗</span></a>
</div>
</div>
</section>
<!-- Skills -->
<section class="section skills-section reveal">
<span class="idx">Toolkit</span>
<p class="skills-line">
AI Integration · Product Development · Curriculum Design · JavaScript · HTML · CSS ·
Web Design · Debugging · Marketing & Brand · Leadership · Teaching · Problem Solving
</p>
</section>
<!-- Contact -->
<section class="section contact" id="contact">
<div class="section-head reveal">
<span class="idx">(05)</span>
<span class="section-kicker">Contact</span>
</div>
<h2 class="contact-title reveal">Let's build<br />something worth<br /><em>making.</em></h2>
<div class="contact-links reveal">
<a href="mailto:medisummarize@gmail.com" class="arrow-link big" data-magnetic>medisummarize@gmail.com <span>↗</span></a>
<a href="https://www.linkedin.com/in/pranav-c-70019b403/" target="_blank" rel="noopener" class="arrow-link big" data-magnetic>LinkedIn <span>↗</span></a>
<span class="contact-discord">Discord — thepc101</span>
</div>
</section>
</main>
<footer class="footer">
<div class="footer-top">
<span>© <span id="year"></span> — Pranav C.</span>
<a href="mailto:medisummarize@gmail.com">medisummarize@gmail.com</a>
<a href="https://www.linkedin.com/in/pranav-c-70019b403/" target="_blank" rel="noopener">LinkedIn ↗</a>
<span>Made with intent, not templates.</span>
</div>
<div class="footer-name reveal"><span class="foot-word">Pranav C.</span></div>
</footer>
<script src="script.js"></script>
</body>
</html>