-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
631 lines (626 loc) · 32.4 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
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
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Creative and detail-oriented Web Designer with 4 Years of experience translating client visions into
innovative and visually appealing websites. Proficient in front-end development languages and tools such
as
HTML, CSS, JavaScript, Wordpress, Bootstrap, and Webflow, with a experience in design softwares like Abobe
Photoshop, Illustrator and Figma. Adept at collaborating with cross-functional teams to deliver
high-quality
digital solutions that meet client objectives. Proven track record of managing multiple projects
simultaneously, meeting tight deadlines, and exceeding client expectations. Passionate about staying
abreast
of industry trends and emerging technologies to consistently deliver cutting-edge designs.">
<meta name="keywords" content="HTML, CSS, JavaScript, Photoshop, Illustrator, Figma, Webflow, Web Designer">
<meta name="author" content="Jenson R">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jenson Portfolio</title>
<link rel="shortcut icon" href="images/favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet">
</head>
<body>
<section class="hero-section">
<div class="container">
<nav class="navbar navbar-expand-lg fixed-top navbar-default">
<div class="container">
<a href="#" class="logo-link"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link sep-link" href="#aboutme">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link sep-link" href="#contact">Contant</a>
</li>
<li class="nav-item">
<a class="nav-link sep-link" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link sep-link" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link sep-link" href="#project">Project</a>
</li>
<li class="nav-item">
<a class="nav-link sep-link" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#R&R">R&R</a>
</li>
<li class="nav-item nav-sepbtn">
<a class="nav-link nav-btn" href="images/Jenson-2024-Resume.pdf" target="_blank">View CV</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="row">
<div class="col-lg-6 top-lftsec">
<div class="profile-details">
<h2>HELLO I’m</h2>
<h1>Jenson R</h1>
<h3>Web Designer & Front-end Developer</h3>
<h3 class="resp-exp">4 Years of Experience</h3>
<a href="images/Jenson-2024-Resume.pdf" target="_blank" class="cv-btntop">View CV</a>
<a href="#contact" class="cv-btntop mono-color">For Contact</a>
</div>
</div>
<div class="col-lg-6 top-rgtsec">
<div class="hero-section-img">
<img src="images/Jenson-Profile-New.png" alt="Jenson Profile" class="profile-img">
<div class="happy-satisfied">
<h3>4 Years </h3>
<p>of Experience</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about-me reveal" id="aboutme">
<div class="container">
<div class="row">
<div class="col-lg-4 about-bg">
<h4>About Me</h4>
</div>
<div class="col-lg-8 about-desc">
<p>Creative and detail-oriented Web Designer with 4 Years of experience translating client visions into
innovative and visually appealing websites. Proficient in front-end development languages and tools such
as
HTML, CSS, JavaScript, Wordpress, Bootstrap, and Webflow, with a experience in design softwares like Abobe
Photoshop, Illustrator and Figma. Adept at collaborating with cross-functional teams to deliver
high-quality
digital solutions that meet client objectives. Proven track record of managing multiple projects
simultaneously, meeting tight deadlines, and exceeding client expectations. Passionate about staying
abreast
of industry trends and emerging technologies to consistently deliver cutting-edge designs.
</div>
</div>
</div>
</section>
<section class="education reveal" id="experience">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h4 class="exp-title work-exp">WORK EXPERIENCE</h4>
<div class="exp-details">
<p class="compay-title"><a href="https://www.astroved.com/" class="company-link"
target="_blank">AstroVed.com</a></p>
<p>Web Designer <span class="exp-year">2020 - Current</span></p>
<p>As the Primary Web Designer at AstroVed.com, I spearheaded the design and development efforts for a
global Vedic astrology and remedial rituals company. My core activities included:</p>
<ul class="exp-ul">
<li>
<strong>Design and Development</strong>: Responsible for designing, developing, and managing AstroVed
and its partner websites. My focus was on creating visually appealing, user-friendly sites that aligned
with the company’s brand identity
</li>
<li>
<strong>User Experience (UX) and Performance Optimization</strong>: Worked on enhancing the overall user
experience by creating intuitive navigation, clear layouts, and responsive designs. Additionally,
optimized site performance and load times
</li>
<li>
<strong>Collaboration</strong>: Worked closely by collaborating with cross-functional teams, including
both frontend and backend developers, content creators, and marketing professionals. Together, we
implemented design changes and improvements. Some of the teams I worked with included PHP, .NET, Mobile
App development, and Social Media Campaign teams.
</li>
<li>
<strong>Quality Assurance (QA)</strong>: Conducted thorough testing to ensure that the websites
functioned correctly across various browsers and devices by conducting Unit and regression testing.
</li>
<li>
<strong>Bug Fix</strong>: Thoroughly understand the issue is it a layout problem, a scripting error, a
CSS styling issue, or something else? Utilize browser developer tools to inspect elements on the page,
aiding in the identification of incorrect CSS rules, JavaScript errors, or malformed HTML.
</li>
<li>
<strong>Content Management</strong>: Manage to updated website content, ensuring accuracy and relevance.
Utilized the WordPress Divi theme to update landing pages.
</li>
<li>
<strong>Graphic Design</strong>: Created visual elements such as banners, icons, blog and article
images, social media campaign images, design and send newsletters to customers using zoho campaigns, and
graphics to enhance the overall aesthetics of the website.
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="project reveal" id="project">
<div class="container">
<h4 class="exp-title">Project</h4>
<p class="domain">Domain: <span>E-commerce </span></p>
<div class="row prog-desc">
<div class="col-lg-12">
<h5>Designed and developed the web page for AstroVed's official website.
</h5>
<ul class="proj-ul">
<li>Completely revamped AstroVed's homepage based on current design standards, layout, responsiveness,
performance, and increase overall efficacy by 60%.</li>
<li>Collaborated with backend and content writers to improve readability and add new functionality to the
webpage.</li>
</ul>
</div>
<div class="col-lg-12">
<h5>Led the design and development for AstroVed revenue web pages and newsletters.</h5>
<ul class="proj-ul">
<li>Completely migrated AstroVed revenue pages and landing pages from code-based to Divi theme, greatly
increasing production speed by 70% and improving performance and design layouts</li>
<li>Designed and developed over 100+ landing pages, increasing user engagement by 40%</li>
<li>Led my senior teammates in providing knowledge transfer about the new landing page design format and
helped them adapt to the Divi theme</li>
<li>Designed, converted, and sent newsletters to customers using Zoho Campaigns to promote landing pages
</li>
</ul>
</div>
<div class="col-lg-12">
<h5>Led the design and development for AstroVed revenue web pages and newsletters.</h5>
<ul class="proj-ul">
<li>Completely migrated AstroVed revenue pages and landing pages from code-based to Divi theme, greatly
increasing production speed by 70% and improving performance and design layouts</li>
<li>Designed and developed over 100+ landing pages, increasing user engagement by 40%</li>
<li>Led my senior teammates in providing knowledge transfer about the new landing page design format and
helped them adapt to the Divi theme</li>
<li>Designed, converted, and sent newsletters to customers using Zoho Campaigns to promote landing pages
</li>
</ul>
</div>
<div class="col-lg-12">
<h5>Provided assistance in enhancing web pages for AstroVed partner sites.</h5>
<ul class="proj-ul">
<li>Worked on Astroved speakers to implement new design layouts, astrologer, and user profile pages,
increasing user engagement by 20%.</li>
<li>Provided assistance in integrating WordPress WooCommerce with the Pillai Center site.</li>
<li>Provided assistance in front-end coding expertise for the new admin dashboard, Instant Pooja, and
Astropedia.</li>
<li>Designed and developed Astroved Temple pages. </li>
</ul>
</div>
</div>
</div>
</section>
<section class="skills reveal" id="skills">
<div class="container">
<h4 class="exp-title">Skill & Tools</h4>
<div class="skill-row">
<div class="skills-use">
<p class="skill-lang html">
<img src="images/html.png" alt="HTML5" width="50" height="50"> HTML5
</p>
</div>
<div class="skills-use">
<p class="skill-lang css">
<img src="images/css.png" alt="CSS3" width="50" height="50"> CSS3
</p>
</div>
<div class="skills-use">
<p class="skill-lang javascript">
<img src="images/javascript.png" alt="Javascript" width="50" height="50"> Javascript
</p>
</div>
<div class="skills-use">
<p class="skill-lang jquery">
<img src="images/jquery.png" alt="jQuery" width="50" height="50"> jQuery
</p>
</div>
<div class="skills-use">
<p class="skill-lang bootstrap">
<img src="images/bootstrap.png" alt="Bootstrap" width="50" height="50"> Bootstrap
</p>
</div>
<div class="skills-use">
<p class="skill-lang bulma">
<img src="images/bulma.png" alt="Bulma" width="32" height="50"> Bulma
</p>
</div>
<div class="skills-use">
<p class="skill-lang wordpress">
<img src="images/wordpress.png" alt="WordPress" width="50" height="50"> WordPress
</p>
</div>
<div class="skills-use">
<p class="skill-lang divi">
<img src="images/divi.png" alt="Divi" width="50" height="50"> Divi Builder
</p>
</div>
<div class="skills-use">
<p class="skill-lang webflow">
<img src="images/webflow.png" alt="Webflow" width="50" height="50"> Webflow
</p>
</div>
<div class="skills-use">
<p class="skill-lang photoshop">
<img src="images/photoshop.png" alt="Photoshop" width="50" height="50"> Photoshop
</p>
</div>
<div class="skills-use">
<p class="skill-lang illustrator">
<img src="images/illustrator.png" alt="Illustrator" width="50" height="50"> Illustrator
</p>
</div>
<div class="skills-use">
<p class="skill-lang figma">
<img src="images/figma.png" alt="Figma" width="50" height="50"> Figma
</p>
</div>
<div class="skills-use">
<p class="skill-lang responsive">
<img src="images/responsive.png" alt="Responsive" width="50" height="50"> Responsive Design
</p>
</div>
<div class="skills-use">
<p class="skill-lang browser">
<img src="images/browser.png" alt="Cross-Browser Compatibility" width="50" height="50"> Cross-Browser
Compatibility
</p>
</div>
</div>
</div>
</section>
<section class="roles reveal" id="R&R">
<div class="container">
<h4 class="exp-title">Roles and Responsibilities</h4>
<ul class="proj-ul">
<li>Responsible to design, develop and manage AstroVed.com Homepage, Landing pages and there partner sites.
</li>
<li>Implement responsive design to ensure a seamless experience across various devices.</li>
<li>Create an aesthetically pleasing e-commerce website for selling spiritual products, such as statue, pooja
products and services, astrology services and etc.</li>
<li>Design a landing page for astroved pooja service and products, highlighting key features and benefits.
</li>
<li>Design a website to promote upcoming spiritual events.</li>
<li>Incorporate social sharing features to increase event visibility.</li>
<li>Optimize images, scripts, and other elements to enhance website loading speed.</li>
<li>Implement SEO best practices, including keyword optimization, meta tags, and product descriptions, to
improve search engine visibility.</li>
<li>Conduct unit testing on different browsers and devices to identify and fix any issues.</li>
</ul>
<div class="row">
<div class="accord-tab">
<div class="accordion" id="accordionExample">
<div class="row">
<div class="col-lg-6">
<div class="accordion-item">
<h5 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Understanding the Project Requirements
</button>
</h5>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Collaborate with Management to gather there requirement and implement in design, develop,
publish and managing site.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Website Design and Development
</button>
</h5>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Create visually appealing and user-friendly website layouts, landing page and designs to
Astroved and its Partner sites.</li>
<li>Creating and implementing website features and functionality.</li>
<li>Develop and maintain the overall look and feel of the website.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Graphic Design
</button>
</h5>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Create or work with graphic elements, such as images and icons, to enhance the website and
landing page visual appeal.
</li>
<li>Use design tools like Adobe Photoshop, Illustrator, and Figma.</li>
<li>Select and manipulate images, illustrations, and other visual elements to enhance the
overall
design.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
User Experience (UX) Design
</button>
</h5>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Focus on creating a positive and intuitive user experience.
</li>
<li>Designing user interfaces that are both aesthetically pleasing and functional.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
Responsive Design
</button>
</h5>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Ensuring that the website design is responsive and compatible with various devices and
screen
sizes.
</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
Content Management
</button>
</h5>
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Use content management systems (CMS) to update and manage website content.
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="accordion-item">
<h5 class="accordion-header" id="headingSeven">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
Communication
</button>
</h5>
<div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Incorporating feedback and making revisions as necessary.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingEight">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
Design Mockups
</button>
</h5>
<div id="collapseEight" class="accordion-collapse collapse" aria-labelledby="headingEight"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Create high-fidelity design mockups using graphic design tools like Figma.
</li>
<li>Pay attention to color schemes, typography, imagery, and branding elements.
</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingNine">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseNine" aria-expanded="false" aria-controls="collapseNine">
Development
</button>
</h5>
<div id="collapseNine" class="accordion-collapse collapse" aria-labelledby="headingNine"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Convert the approved design into code using web development technologies (HTML, CSS,
JavaScript).
</li>
<li>Integrate any necessary backend functionality.</li>
<li>Creating and implementing website functionality.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingTen">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTen" aria-expanded="false" aria-controls="collapseTen">
E-commerce Platform Integration
</button>
</h5>
<div id="collapseTen" class="accordion-collapse collapse" aria-labelledby="headingTen"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Familiarity with e-commerce platforms and the ability to design and implement within these
platforms.
</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingEleven">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseEleven" aria-expanded="false" aria-controls="collapseEleven">
SEO Awareness
</button>
</h5>
<div id="collapseEleven" class="accordion-collapse collapse" aria-labelledby="headingEleven"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Understand basic SEO principles to ensure that the website design is search
engine-friendly.
</li>
<li>Optimize images and other design elements for faster loading times.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h5 class="accordion-header" id="headingTwelve">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwelve" aria-expanded="false" aria-controls="collapseTwelve">
Security Considerations
</button>
</h5>
<div id="collapseTwelve" class="accordion-collapse collapse" aria-labelledby="headingTwelve"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="proj-ul">
<li>Be aware of security best practices and ensure that the design complies with security
requirements, especially when dealing with sensitive customer information.
</li>
<li>Be aware of basic security principles and ensure the website is designed with security in
mind.
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="experiences reveal" id="contact">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h4 class="exp-title">Contact</h4>
<ul class="contant-ul">
<li>
<p class="contact-icon">Address: <span data-tooltip="Click to view on map" class="tooltip-address"><a
href="https://maps.app.goo.gl/cvQ9CYkAih2N95ws8" class="contact-hover" target="_blank">12/229,
Kannadasan Street, Mogappair East, Chennai - 600037</a></span></p>
</li>
<li>
<p class="contact-icon phone">Phone: <span><a href="tel:+91 8124771225" class="contact-hover"
target="_blank">+91 8124771225</span></a></p>
</li>
<li>
<p class="contact-icon email">Email: <span><a href="mailto:[email protected]" class="contact-hover"
target="_blank">[email protected]</a></span></p>
</li>
</ul>
<ul class="contanct-social">
<li>
<a href="https://www.behance.net/jenson_r" target="_blank">
<img src="images/behance-logo.png" alt="Behance" title="Behance" class="contanr-icon" width="50"
height="50">
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/jenson-r-560188182" target="_blank">
<img src="images/linkedin-logo.png" alt="Linkedin" title="Linkedin" class="contanr-icon linkedin"
width="50" height="50">
</a>
</li>
<li>
<a href="images/Jenson-2024-Resume.pdf" target="_blank" class="cv-btntop">View CV</a>
</li>
</ul>
</div>
<div class="col-lg-6" id="education">
<h4 class="exp-title">Education</h4>
<div class="exp-details">
<p class="compay-title">BE Computer Science</p>
<p>St. Joseph College of Engineering (Anna University)<span class="exp-year">2015 - 2019</span></p>
</div>
<h4 class="exp-title">HOBBIES</h4>
<div class="exp-details">
<ul class="hobbies-sec">
<li>Gaming</li>
<li>Reading & Audio books</li>
<li>R&D on Tech and Investment</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-section">
<div class="container">
<a href="https://suryajenson.github.io/Jenson-Portfolio/"><img src="images/footer-logo.png" alt="Jenson Logo"
width="67" height="58"></a>
<p>© 2024 Jenson R CV Resume, All Rights Reserved</p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="script/index.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
crossorigin="anonymous"></script>
</body>
</html>