-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (104 loc) · 6.76 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
<!DOCTYPE html>
<html>
<head>
<title>Ashish Bardhan</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<meta name="description" content="Frontend Engineer | UI/UX Specialist | Creative Coder">
<meta name="author" content="Ashish Bardhan - ashbardhan">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header>
<div class="header-container">
<a class="header-logo" href="#">
<img src="assets/images/ashish-header.jpg" alt="Ashish Header">
</a>
<div class="header-links">
<a href="#about">About</a>
<a href="#projects">Projects</a>
</div>
</div>
</header>
<section id="hero">
<div class="container">
<div class="hero-group">
<div class="hero-image">
<img src="assets/images/ashish.jpg" alt="Ashish">
</div>
<div class="hero-title">
<h1>Ashish Bardhan</h1>
<h2>Frontend Engineer | UI/UX Specialist | Creative Coder</h2>
<div class="social-links">
<a href="https://www.linkedin.com/in/ashbardhan/" aria-label="LinkedIn" title="LinkedIn" class="social-link" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.69 56.69">
<path fill="currentColor" d="M49.27 4.67H7.13A3.6 3.6 0 0 0 3.5 8.23v42.61a3.6 3.6 0 0 0 3.65 3.56h42.12c2.02 0 3.66-1.6 3.66-3.56V8.23a3.6 3.6 0 0 0-3.66-3.56zM18.46 46.3H11V23.85h7.47V46.3zm-3.73-25.52h-.05c-2.5 0-4.12-1.73-4.12-3.88 0-2.2 1.67-3.88 4.22-3.88 2.56 0 4.13 1.67 4.18 3.88 0 2.15-1.63 3.88-4.23 3.88zM45.4 46.3h-7.46v-12c0-3.02-1.08-5.08-3.78-5.08a4.08 4.08 0 0 0-3.83 2.73c-.2.48-.25 1.15-.25 1.82V46.3h-7.46s.1-20.35 0-22.46h7.46v3.18c1-1.53 2.77-3.7 6.73-3.7 4.91 0 8.6 3.2 8.6 10.1V46.3z"/>
</svg>
</a>
<a href="https://x.com/CreativeBakchod" aria-label="Twiiter X" title="Twiiter/X" class="social-link" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227">
<path fill="currentColor" d="M714 519 1161 0h-106L667 451 357 0H0l468 682L0 1226h106l409-476 328 476h357L714 519ZM569 688l-47-68L144 80h163l304 436 48 68 396 566H892L569 688Z"/>
</svg>
</a>
<a href="https://github.com/AshBardhan" aria-label="GitHub" title="GitHub" class="social-link" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path fill="currentColor" fill-rule="evenodd" d="M16 0a16 16 0 0 0-5 31.2c.7.1 1-.4 1-.8v-2.8c-4.4 1-5.4-2-5.4-2-.7-2-1.7-2.4-1.7-2.4-1.5-1 0-1 0-1 1.7.1 2.5 1.7 2.5 1.7 1.4 2.4 3.8 1.7 4.7 1.3a3 3 0 0 1 1-2.1c-3.6-.4-7.3-1.8-7.3-8 0-1.7.6-3.1 1.6-4.2-.1-.4-.7-2 .2-4.3 0 0 1.3-.4 4.4 1.7a15.3 15.3 0 0 1 8 0c3-2.1 4.4-1.7 4.4-1.7.9 2.2.3 3.9.2 4.3 1 1 1.6 2.5 1.6 4.3 0 6.1-3.7 7.5-7.3 7.9.6.4 1.1 1.4 1.1 2.9v4.4c0 .5.3 1 1 .8A16 16 0 0 0 16 0z" clip-rule="evenodd"/>
</svg>
</a>
<a href="https://codepen.io/AshBardhan" aria-label="CodePen" title="CodePen" class="social-link" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<path fill="currentColor" fill-rule="evenodd" d="M117 73.2 103.2 64l13.8-9.2v18.4zm-47.5 39V86.6l23.8-16 19.3 12.9-43.1 28.7zM64 77 44.5 64 64 51l19.5 13L64 77zm-5.5 35.2L15.4 83.5l19.3-12.9 23.8 16v25.6zM11 54.8 24.8 64 11 73.2V54.8zm47.5-39v25.6l-23.8 16-19.3-12.9 43.1-28.7zm11 0 43.1 28.7-19.3 12.9-23.8-16V15.8zm58.5 28v-.3l-.2-.4v-.3a6.7 6.7 0 0 0-.5-1l-.2-.3a3.9 3.9 0 0 0-.4-.5l-.3-.3-.2-.3-.3-.2-.3-.2L67 1a5.5 5.5 0 0 0-6.2 0L2.5 40h-.1a4 4 0 0 0-.6.4l-.2.3a3.8 3.8 0 0 0-.5.5 5 5 0 0 0-.6 1v.2l-.2.4-.1.3-.1.4v.3l-.1.7v39.7l.1.3v.4l.2.3.1.4.1.3.2.3.2.3A4.9 4.9 0 0 0 2 87.8l.3.2L61 127a5.4 5.4 0 0 0 6.1 0l58.6-39 .3-.2.3-.2.2-.3a4.8 4.8 0 0 0 .7-.8l.2-.3.2-.3v-.3l.2-.4.1-.3.1-.4v-.3l.1-.7V43.8z" clip-rule="evenodd"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="about">
<div class="container reveal">
<h2>About Me</h2>
<div>
<p>Hello World,</p>
<p>
I am <strong>Ashish Bardhan</strong> from New Delhi, India. I'm a passionate frontend/UI engineer with 10+ years of experience in building scalable web applications. Proficient with multiple CSS and JS Frameworks, with extensive knowledge of UX and agile project management.
</p>
<p>
I love to <a href="https://www.instagram.com/ashbee.arts/" target="_blank">sketch doodles</a> and <a href="https://codepen.io/AshBardhan" target="_blank">program CSS artwroks</a>, as a way to express my creativity.
</p>
<p>
In a nutshell... Art, Programming and somewhere in between I'll describe my line of work.
</p>
</div>
</div>
</section>
<section id="projects">
<div class="container reveal">
<h2>My Projects</h2>
<div class="project-cards">
<div class="project-card">
<img src="assets/images/memefy-this.jpg" alt="Memefy This">
<h3>Memefy This</h3>
<p>A Chrome extension developed in Vanilla JS for making instant memes from images online, with over 8,000 downloads and 2,000 active users..</p>
<a href="https://github.com/AshBardhan/memefy-this" aria-label="Source Code" title="Source Code" class="social-link social-link--dark" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<path fill="currentColor" fill-rule="evenodd" d="M16 0a16 16 0 0 0-5 31.2c.7.1 1-.4 1-.8v-2.8c-4.4 1-5.4-2-5.4-2-.7-2-1.7-2.4-1.7-2.4-1.5-1 0-1 0-1 1.7.1 2.5 1.7 2.5 1.7 1.4 2.4 3.8 1.7 4.7 1.3a3 3 0 0 1 1-2.1c-3.6-.4-7.3-1.8-7.3-8 0-1.7.6-3.1 1.6-4.2-.1-.4-.7-2 .2-4.3 0 0 1.3-.4 4.4 1.7a15.3 15.3 0 0 1 8 0c3-2.1 4.4-1.7 4.4-1.7.9 2.2.3 3.9.2 4.3 1 1 1.6 2.5 1.6 4.3 0 6.1-3.7 7.5-7.3 7.9.6.4 1.1 1.4 1.1 2.9v4.4c0 .5.3 1 1 .8A16 16 0 0 0 16 0z" clip-rule="evenodd"/>
</svg>
</a>
</div>
<div class="project-card">
<img src="assets/images/robo-galactic-shooter.jpg" alt="Memefy This">
<h3>Robo Galactic Shooter</h3>
<p>A Retro single-player shooting video game developed in HTML Canvas and SVG sprites with Kontra and sfxr JS libraries under 13 KB.</p>
<a href="https://github.com/AshBardhan/robo-galactic-shooter" aria-label="Source Code" title="Source Code" class="social-link social-link--dark" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
<path fill="currentColor" fill-rule="evenodd" d="M16 0a16 16 0 0 0-5 31.2c.7.1 1-.4 1-.8v-2.8c-4.4 1-5.4-2-5.4-2-.7-2-1.7-2.4-1.7-2.4-1.5-1 0-1 0-1 1.7.1 2.5 1.7 2.5 1.7 1.4 2.4 3.8 1.7 4.7 1.3a3 3 0 0 1 1-2.1c-3.6-.4-7.3-1.8-7.3-8 0-1.7.6-3.1 1.6-4.2-.1-.4-.7-2 .2-4.3 0 0 1.3-.4 4.4 1.7a15.3 15.3 0 0 1 8 0c3-2.1 4.4-1.7 4.4-1.7.9 2.2.3 3.9.2 4.3 1 1 1.6 2.5 1.6 4.3 0 6.1-3.7 7.5-7.3 7.9.6.4 1.1 1.4 1.1 2.9v4.4c0 .5.3 1 1 .8A16 16 0 0 0 16 0z" clip-rule="evenodd"/>
</svg>
</a>
</div>
</div>
</div>
</section>
<script src="index.js"></script>
</body>
</html>