-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
466 lines (445 loc) · 29.3 KB
/
index.html
File metadata and controls
466 lines (445 loc) · 29.3 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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>iOS Developer Resume - Balaji Royal</title>
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Google Fonts - Inter -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Lucide Icons CDN -->
<script src="https://unpkg.com/lucide@latest"></script>
<style>
/* Base styles for screen display */
body {
font-family: 'Inter', sans-serif;
background-color: #f3f4f6;
color: #374151;
line-height: 1.6;
}
.container {
max-width: 900px;
margin: 2rem auto;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
padding: 2.5rem;
}
h1, h2, h3 {
color: #1f2937;
font-weight: 600;
}
h1 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
text-align: center;
}
h2 {
font-size: 1.75rem;
margin-top: 2rem;
margin-bottom: 1rem;
border-bottom: 2px solid #e5e7eb;
padding-bottom: 0.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
}
h3 {
font-size: 1.25rem;
margin-top: 1.5rem;
margin-bottom: 0.75rem;
}
.section-content {
padding-left: 1rem;
}
.bullet-point {
margin-bottom: 0.5rem;
}
.project-card {
background-color: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 1.5rem;
margin-bottom: 1.5rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.project-details {
flex-grow: 1;
}
.contact-item {
display: flex;
align-items: center;
gap: 0.5rem;
}
@media (min-width: 768px) {
.project-card {
flex-direction: row;
align-items: flex-start;
}
}
/* --- Print Specific Styles for A4 Two Pages (Professional Design) --- */
@media print {
html, body {
width: 210mm; /* A4 width */
min-height: 297mm; /* Ensure at least one page height */
margin: 0;
padding: 10mm 15mm; /* Global print margins */
overflow: visible; /* Allow content to flow to multiple pages */
font-size: 8.5pt; /* Smaller base font for print */
line-height: 1.3; /* Tighter line height for overall text */
color: #000; /* Ensure black text for printing */
-webkit-print-color-adjust: exact; /* Ensure background colors and gradients are printed */
print-color-adjust: exact;
}
/* Remove screen-specific container styles */
.min-h-screen, .max-w-4xl {
min-height: auto;
background: none;
padding: 0;
margin: 0;
max-width: 100%;
border-radius: 0;
box-shadow: none;
}
/* Header Styling for Print */
header {
background: #3b82f6 !important; /* Solid blue for header background */
color: #fff !important;
padding: 0.5rem 1rem !important; /* Reduced padding */
border-radius: 0;
margin-bottom: 0.5rem; /* Space after header */
}
header h1 {
font-size: 1.6rem !important; /* Adjusted heading size */
margin-bottom: 0.1rem !important;
letter-spacing: 0.5px; /* Slight letter spacing for header name */
}
header p {
font-size: 0.8rem !important; /* Adjusted title size */
margin-bottom: 0.3rem !important;
opacity: 1 !important; /* Ensure full opacity */
}
header .flex {
gap: 0.75rem !important; /* Tighter gap for contact items */
font-size: 0.75rem !important; /* Smaller contact info font */
}
header .lucide {
width: 10px !important; /* Smaller icons in header */
height: 10px !important;
}
header a, header span {
color: #fff !important; /* Ensure white text for links */
text-decoration: none !important; /* No underline for links */
}
/* Main Content Area */
main {
padding: 0 !important; /* Remove main padding, use body padding */
margin-top: 0.5rem; /* Small margin after header */
}
/* Section Styling for Print */
section {
background-color: #fff !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important; /* Sections themselves have no padding, content inside will define */
margin-bottom: 0.75rem !important; /* Consistent spacing between sections */
}
h2 {
font-size: 1.1rem !important; /* Section heading size */
margin-top: 0.6rem !important;
margin-bottom: 0.3rem !important;
padding-bottom: 0.15rem !important;
border-bottom: 1px solid #e5e7eb !important; /* Lighter border */
gap: 0.4rem !important; /* Reduced gap for icons */
color: #1f2937 !important; /* Ensure dark color */
}
h2 .lucide {
width: 13px !important; /* Icons next to section titles */
height: 13px !important;
min-width: 13px;
min-height: 13px;
}
h3 {
font-size: 0.9rem !important; /* Sub-heading size */
margin-top: 0.5rem !important;
margin-bottom: 0.2rem !important;
color: #1f2937 !important;
}
p {
font-size: 0.75rem !important; /* Paragraph font size */
margin-bottom: 0.2rem !important; /* Reduced margin */
line-height: 1.35; /* Tighter line height */
color: #374151 !important;
}
p strong {
color: #1f2937 !important; /* Ensure strong text is dark */
}
ul {
margin-left: 0.75rem !important; /* Standard bullet indentation */
list-style-type: disc; /* Ensure disc bullets */
}
li {
font-size: 0.72rem !important; /* List item font size */
margin-bottom: 0.1rem !important; /* Minimal space between list items */
line-height: 1.3; /* Tighter line height for lists */
color: #374151 !important;
}
/* Project Card Specifics */
.project-card {
background-color: #fff !important; /* White background for print */
border: none !important; /* No border for print */
box-shadow: none !important; /* No shadow for print */
padding: 0.3rem 0 !important; /* Minimal padding */
margin-bottom: 0.5rem !important; /* Space between projects */
gap: 0.5rem !important; /* Tighter gap within card */
}
.project-card h3 {
font-size: 0.85rem !important; /* Project title size */
margin-bottom: 0.05rem !important;
color: #1f2937 !important;
}
.project-card p {
font-size: 0.68rem !important; /* Project description size */
margin-bottom: 0.3rem !important;
color: #6b7280 !important; /* Lighter grey for sub-info */
}
/* Ensure elements don't break across pages awkwardly */
section, .project-card, .mb-6 {
page-break-inside: avoid;
}
/* Force page break after Technical Expertise for a clean 2-page split */
section:nth-of-type(2) { /* This targets the second section, 'Technical Expertise' */
page-break-after: always;
}
/* Hide the Lucide script for print */
script[src*="lucide"] {
display: none;
}
}
</style>
</head>
<body>
<div class="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 p-4 sm:p-6 lg:p-8 font-inter antialiased">
<div class="max-w-4xl mx-auto bg-white rounded-xl shadow-2xl overflow-hidden">
<!-- Header - Contact Information -->
<header class="bg-gradient-to-r from-blue-600 to-indigo-700 text-white p-6 sm:p-8 text-center rounded-t-xl">
<h1 class="text-4xl sm:text-4xl font-bold text-white mb-2 tracking-tight">Balaji Royal</h1>
<p class="text-lg sm:text-xl font-light opacity-90">iOS Developer</p>
<div class="flex flex-wrap justify-center gap-x-6 gap-y-3 text-sm sm:text-base mt-5">
<a href="tel:+919701660809" class="flex items-center gap-2 hover:text-blue-200 transition-colors duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
<span>+91-9701660809</span>
</a>
<a href="mailto:balajiroyalterla007@gmail.com" class="flex items-center gap-2 hover:text-blue-200 transition-colors duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
<span>balajiroyalterla007@gmail.com</span>
</a>
<a href="https://www.linkedin.com/in/balaji-royal" target="_blank" rel="noopener noreferrer" class="text-white hover:text-blue-200 hover:underline flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect width="4" height="12" x="2" y="9"/><circle cx="4" cy="4" r="2"/></svg>
<span>LinkedIn</span>
</a>
<a href="https://github.com/Alenroyfeild" target="_blank" rel="noopener noreferrer" class="text-white hover:text-blue-200 hover:underline flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.44-.78-3.46 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.55 1.02-.9 2.21-.78 3.46 0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>
<span>GitHub/Portfolio</span>
</a>
<span class="flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin text-gray-400"><path d="M12 18.3a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/><path d="M12 22L4.93 12.48A7 7 0 0 1 12 2h0a7 7 0 0 1 7.07 10.48Z"/></svg>
<span>Chennai, India</span>
</span>
</div>
</header>
<main class="p-6 sm:p-8 lg:p-10 space-y-10">
<!-- Professional Summary -->
<section class="bg-white p-6 rounded-lg shadow-md border border-gray-100">
<h2 class="text-2xl font-semibold text-gray-800 mb-5 pb-3 border-b-2 border-blue-500 flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user text-blue-500"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
Professional Summary
</h2>
<p class="mb-3 text-gray-700 leading-relaxed">
Highly driven iOS Developer with <strong class="text-blue-600">3+ years of experience</strong>, including independently leading the end-to-end development of the <strong class="text-blue-600">ZohoIM SDK</strong>, a real-time messaging solution critical to Zoho Desk and CRM.
</p>
<p class="text-gray-700 leading-relaxed">
Proven expertise in building <strong class="text-blue-600">scalable, modular, and secure SDKs</strong> with deep knowledge of UIKit, real-time communication, encryption, and performance optimization. Bridges core business needs with delightful user experiences through clean, maintainable code and full lifecycle ownership.
</p>
</section>
<!-- Technical Expertise -->
<section class="bg-white p-6 rounded-lg shadow-md border border-gray-100">
<h2 class="text-2xl font-semibold text-gray-800 mb-5 pb-3 border-b-2 border-blue-500 flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench text-blue-500"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.77 3.77z"/><path d="m19.5 12.5-4 4"/></svg>
Technical Expertise
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-6 text-gray-700">
<div>
<h3 class="text-lg font-medium text-gray-800 mb-2">Languages & Frameworks</h3>
<ul class="list-disc list-inside text-gray-700 space-y-1 ml-4">
<li>Swift, UIKit, SwiftUI (Basic)</li>
<li>Combine, CoreData, URLSession, JSON</li>
</ul>
</div>
<div>
<h3 class="text-lg font-medium text-gray-800 mb-2">Architectures & Design</h3>
<ul class="list-disc list-inside text-gray-700 space-y-1 ml-4">
<li>MVVM, Modular SDK Structure</li>
<li>System Design Principles</li>
</ul>
</div>
<div>
<h3 class="text-lg font-medium text-gray-800 mb-2">Key Concepts & APIs</h3>
<ul class="list-disc list-inside text-gray-700 space-y-1 ml-4">
<li>Real-time Communication (PubSub)</li>
<li>Encryption (File, Payload, SQLite DB)</li>
<li>Swift Concurrency, Performance Optimization</li>
<li>Apple Translation API, Sensitive Content Analysis</li>
<li>MDM Compatibility, Dynamic UI Rendering</li>
</ul>
</div>
<div>
<h3 class="text-lg font-medium text-gray-800 mb-2">Tools & Methodologies</h3>
<ul class="list-disc list-inside text-gray-700 space-y-1 ml-4">
<li>Xcode, Git</li>
<li>Full Lifecycle Ownership</li>
<li>Client Integration & Support</li>
</ul>
</div>
</div>
</section>
<!-- Projects & Impact -->
<section class="bg-white p-6 rounded-lg shadow-md border border-gray-100">
<h2 class="text-2xl font-semibold text-gray-800 mb-5 pb-3 border-b-2 border-blue-500 flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb text-blue-500"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1.3.5 2.6 1.5 3.5.8.8 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/><path d="M10 19.5c.5.5 1 1.5 2 1.5s1.5-.5 2-1.5"/><path d="M12 2c-.9 0-1.7.2-2.5.7a4.9 4.9 0 0 0-2.2 2.2c-.5.8-.7 1.7-.7 2.5 0 1.3.5 2.6 1.5 3.5.8.8 1.3 1.5 1.5 2.5"/></svg>
Selected Projects & Impact
</h2>
<div class="grid grid-cols-1 gap-6">
<!-- ZohoIM SDK Project -->
<div class="bg-gray-50 p-6 rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition-shadow duration-200">
<h3 class="text-xl font-semibold text-gray-800 mb-1">ZohoIM SDK <span class="text-base font-normal text-gray-500">(iOS Developer)</span></h3>
<p class="text-gray-600 text-sm mb-3">Integrated across Zoho Desk, Zoho CRM, Bigin, Radar, and other internal products</p>
<ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
<li class="leading-relaxed">
<span >Independently led the <strong>complete development of a real-time messaging SDK</strong>, enabling seamless chat, file uploads, and real-time indicators.</span>
</li>
<li class="leading-relaxed">
<span >Architected and implemented robust sync and state management for iOS products, supporting 1-3K daily active users each.</span>
</li>
<li class="leading-relaxed">
<span >Engineered comprehensive <strong>security measures</strong> including file encryption, encrypted payloads, and SQLite database encryption.</span>
</li>
<li class="leading-relaxed">
<span >Handled client-side integration, performance fixes, and internal testing, ensuring seamless adoption and optimal user experience.</span>
</li>
<li class="leading-relaxed">
<span >Continuously added new features specifically tailored to enhance the iOS chat application experience.</span>
</li>
</ul>
</div>
<!-- AI Insights UI SDK Project -->
<div class="bg-gray-50 p-6 rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition-shadow duration-200">
<h3 class="text-xl font-semibold text-gray-800 mb-1">AI Insights UI SDK <span class="text-base font-normal text-gray-500">(iOS Developer)</span></h3>
<p class="text-gray-600 text-sm mb-3">Modular UI for contextual AI insights across Zoho apps</p>
<ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
<li class="leading-relaxed">
<span >Developed a mini, modular UIKit-based UI SDK to display contextual AI insights, suggestions, and data highlights.</span>
</li>
<li class="leading-relaxed">
<span >Built for plug-and-play integration across various Zoho applications, leveraging OpenAI APIs for internal overview of insights.</span>
</li>
<li class="leading-relaxed">
<span >Implemented dynamic message layouts and conditional suggestion logic, enhancing user engagement and data comprehension.</span>
</li>
<li class="leading-relaxed">
<span >Designed a flexible UI structure for future extensions, ensuring long-term adaptability.</span>
</li>
</ul>
</div>
<!-- Filter-Based Views Project -->
<div class="bg-gray-50 p-6 rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition-shadow duration-200">
<h3 class="text-xl font-semibold text-gray-800 mb-1">Filter-Based Views in Zoho Desk App <span class="text-base font-normal text-gray-500">(iOS Developer)</span></h3>
<ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
<li class="leading-relaxed">
<span >Created reusable UI modules for filters like “My Tickets,” “All Tickets,” enabling faster navigation and modular development.</span>
</li>
<li class="leading-relaxed">
<span >Contributed to a more efficient and scalable codebase by promoting component reusability.</span>
</li>
</ul>
</div>
</div>
</section>
<!-- Professional Experience -->
<section class="bg-white p-6 rounded-lg shadow-md border border-gray-100">
<h2 class="text-2xl font-semibold text-gray-800 mb-5 pb-3 border-b-2 border-blue-500 flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase text-blue-500"><rect width="20" height="14" x="2" y="7" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
Professional Experience
</h2>
<div class="mb-6 last:mb-0">
<h3 class="text-xl font-semibold text-gray-800">Member Technical Staff | Zoho Corporation</h3>
<p class="text-gray-600 text-base mb-1">Chennai, India | July 2022 – Present</p>
<ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">
<li class="leading-relaxed">
<span>Led and contributed to the development of critical iOS SDKs and features, including the ZohoIM SDK and AI Insights UI SDK (details above).</span>
</li>
<li class="leading-relaxed">
<span>Applied deep expertise in UIKit, real-time communication, and performance optimization to deliver robust and user-centric solutions.</span>
</li>
<li class="leading-relaxed">
<span>Collaborated cross-functionally with product, design, and QA teams to ensure high-quality releases and seamless integrations.</span>
</li>
<li class="leading-relaxed">
<span>Actively explored and integrated the latest iOS APIs and patterns to keep solutions modern and efficient.</span>
</li>
</ul>
</div>
</section>
<!-- Education -->
<section class="bg-white p-6 rounded-lg shadow-md border border-gray-100">
<h2 class="text-2xl font-semibold text-gray-800 mb-5 pb-3 border-b-2 border-blue-500 flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap text-blue-500"><path d="M21.42 10.98c.4-.73.4-1.66 0-2.39a2 2 0 0 0-3.22-1.23l-3.22 1.23a2 2 0 0 1-3.22-1.23l-3.22-1.23a2 2 0 0 0-3.22 1.23c-.4.73-.4 1.66 0 2.39a2 2 0 0 0 3.22 1.23l3.22-1.23a2 2 0 0 1 3.22 1.23l3.22 1.23a2 2 0 0 0 3.22-1.23z"/><path d="M12 2v20"/><path d="M12 10l-7.22 2.78a2 2 0 0 0-1.23 3.22c.73.4 1.66.4 2.39 0l3.22-1.23a2 2 0 0 1 3.22 1.23l3.22 1.23a2 2 0 0 0 3.22-1.23c.4-.73.4-1.66 0-2.39a2 2 0 0 0-3.22-1.23l-3.22 1.23a2 2 0 0 1-3.22-1.23z"/></svg>
Education
</h2>
<div>
<h3 class="text-xl font-semibold text-gray-800">Bachelor of Technology in Computer Science and Engineering (CSE)</h3>
<p class="text-gray-600 text-base mb-1">Kalasalingam University, Chennai, India</p>
<p class="text-500 text-sm mb-1">Graduation Year: 2022 | CGPA: 9.01/10.0</p>
<p class="text-sm text-gray-600">Intermediate: 975/1000 | School: 10 CGPA</p>
</div>
</section>
<!-- Strengths -->
<section class="bg-white p-6 rounded-lg shadow-md border border-gray-100">
<h2 class="text-2xl font-semibold text-gray-800 mb-5 pb-3 border-b-2 border-blue-500 flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-blue-500"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
Strengths
</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-gray-700">
<div class="bg-gray-50 p-4 rounded-lg border border-gray-200 shadow-sm">
<h3 class="text-lg font-medium text-gray-800 mb-1">End-to-end Ownership</h3>
<p class="text-gray-700 text-sm">From architectural design to release, ensuring high-quality and performant solutions.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg border border-gray-200 shadow-sm">
<h3 class="text-lg font-medium text-gray-800 mb-1">Performance & UX Focus</h3>
<p class="text-gray-700 text-sm">High attention to detail in optimizing app performance and delivering delightful user experiences.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg border border-gray-200 shadow-sm">
<h3 class="text-lg font-medium text-gray-800 mb-1">Cross-functional Collaboration</h3>
<p class="text-gray-700 text-sm">Proven ability to work effectively with product, design, and QA teams.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg border border-gray-200 shadow-sm">
<h3 class="text-lg font-medium text-gray-800 mb-1">Continuous Learning</h3>
<p class="text-gray-700 text-sm">Proactively explores and adopts the latest iOS APIs, patterns, and system design principles.</p>
</div>
</div>
</section>
</main>
</div>
</div>
<script>
// This script is for Lucide icons. They are already rendered statically in the HTML,
// but this line is kept for completeness if dynamic icon rendering was intended.
// For static HTML, the SVG paths are directly embedded.
// If you were to add new icons dynamically, you would need a mechanism to render them.
// For this static HTML, the SVG code for each icon is directly placed.
</script>
</body>
</html>