-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
387 lines (301 loc) · 26.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Aravindha samy-Website</title>
<link rel="stylesheet" href="stylesheet.css" />
<link rel="stylesheet" href="responsive.css">
<link
href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css"
rel="stylesheet"
/>
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
</head>
<body>
<header class="header">
<a href="a" class="logo"> <strong>Aravindha samy</strong></a>
<nav class="navbar">
<a href="#" style="--i: 1" class="active">Home</a>
<a href="#about" style="--i: 2">About</a>
<a href="#skills" style="--i: 3">Skills</a>
<a href="#portfolio" style="--i: 4">Project</a>
<a href="#contact" style="--i: 5">Contact</a>
</nav>
</header>
<section class="home">
<div class="home-content">
<h3 >Hello! It's Me</h3>
<h1>Aravindha samy</h1>
<h3>And I'm Junior <span class="text"></span></h3>
<p> Expert in Frontend, Backend, and Everything In Between</p>
<div class="home-sci">
<a target="_blank" href="https://www.linkedin.com/in/aravindhasamyb" style="--i: 7"><i class='bx bxl-linkedin' ></i></a>
<a target="_blank" href="https://instagram.com/i_am__aravinddnivara__" style="--i: 8"><i class="bx bxl-instagram"></i></a>
<a target="_blank" href="https://wa.me/+919952556301" style="--i: 9"><i class="bx bxl-whatsapp"></i></a>
<a target="_blank" href="https://github.com/Aravindha-samy " style="--i: 10"><i class="bx bxl-github"></i></a>
</div>
<a target="_blank" href="https://drive.google.com/file/d/1rkKo6ar8QCknOqDnWrywBiDKPmn10ss5/view?usp=drive_link" class="btn-box">Resume</a>
<a href="#about" class="btn-box">More About Me</a>
</div>
<span class="home-imgHover"></span>
</section>
<section class="about" id="about">
<div class="about-img">
<img src="images/bg.png" alt="Full Stack">
</div>
<div class="about-text">
<h2>About<span> Me</span></h2>
<h4>Full Stack Developer!</h4>
<p> I am Aravindha samy, a passionate full-stack developer dedicated to turning visions into functional, user-friendly applications. Whether it's crafting intuitive interfaces or optimizing databases, I bring a holistic approach to every project. Explore my portfolio to witness the transformative power of code.<br><br>Feel free to personalize it further based on your specific skills and the message you want to convey.
</p>
<a href="#services" class="btn-box">More About Me</a>
</div>
</section>
<section>
<div class="services" id="services">
<div class="container">
<div class="services-list">
<div>
<img width="50" height="50" src="https://img.icons8.com/ios-glyphs/30/22C3E6/graduation-cap--v1.png" >
<h2 ><b>Education</b></h2> <br>
<h5 class="heading5">COLLEGE :</h5>
<p>Anna University</p>
<h5 class="heading5">MAJOR :</h5>
<p>Bachelor of Technology , Information Technology</p>
<h5 class="heading5" >MINOR :</h5>
<p >Computer Mathamatics</p>
<a href="#skills" class="read">learn More</a>
</div>
<div>
<img width="50" height="50" src="https://img.icons8.com/ios-filled/50/22C3E6/i-pronoun.png" alt="i-pronoun"/>
<h2><b>MySelf</b></h2><br>
<ul style="list-style-type: square;">
<li> Willingness to learn and open booked </li>
<li>Accept responsibility and punctual </li>
<li> Self-motivated and Positive attitude </li>
<li>Problem solver </li>
<li>Games — mobile, pc </li>
</ul>
<a href="#skills" class="read">learn More</a>
</div>
</div>
</div>
</div>
</section>
<h1 class="sub-tittle">My <span> Skills </span></h1>
<section class="skills" id="skills">
<div class="container1" id="Skills">
<h1 class="heading1">Technical Skills </h1>
<div class="Technical-bars">
<div class="bar"><i style="color: #c95d2e;" class='bx bxl-html5'></i>
<div class="info">
<span>HTML</span>
</div>
<div class="progress-line html">
<span></span>
</div>
</div>
<br>
<div class="bar"><i style="color: #147bbc;" class='bx bxl-css3'></i>
<div class="info">
<span>CSS </span>
</div>
<div class="progress-line css">
<span></span>
</div>
</div>
<br>
<div class="bar"><i style="color: #b0bc1e;" class='bx bxl-javascript'></i>
<div class="info">
<span>JAVASCRIPT</span>
</div>
<div class="progress-line javascript">
<span></span>
</div>
</div>
<br>
<div class="bar"><i style="color: #c32ec9;" class='bx bxl-python'></i>
<div class="info">
<span>PYTHON</span>
</div>
<div class="progress-line python">
<span></span>
</div>
</div>
<br>
<div class="bar"><i style="color: #1fbed6;" class='bx bxl-java'></i>
<div class="info">
<span>JAVA</span>
</div>
<div class="progress-line java">
<span></span>
</div>
</div>
<div class="bar"><br><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 24 24"
style="fill:#22C3E6;">
<path d="M 3.125 1 C 2.219 1 1.5030625 1.4805 1.1640625 2.3125 C 1.0570625 2.5695 1.0029531 2.8420469 1.0019531 3.1230469 C 1.0009531 4.0540469 1.6009375 4.8097188 1.9609375 5.2617188 C 2.0239375 5.3407187 2.080625 5.4110938 2.140625 5.4960938 L 2.3027344 5.7109375 C 2.4637344 5.9219375 2.6470781 6.16125 2.7050781 6.28125 C 2.7240781 6.33625 2.7492031 6.4326875 2.7832031 6.5546875 C 2.9402031 7.1196875 3.2332187 8.16975 3.6992188 8.96875 C 3.8872187 9.29075 4.1517969 9.6954687 4.3417969 9.9804688 C 4.2147969 10.616469 4 11.788 4 12.5 C 4 13.75 4.2592188 14.753875 4.8242188 15.671875 C 5.0332187 15.999875 5.671 17 6.75 17 C 7.133 17 7.7694062 16.850391 7.9414062 15.900391 C 8.7064063 16.887391 10 18.125 12 19 C 12 19 8.2507969 14.625438 7.5917969 11.898438 C 7.5917969 11.898437 6.874625 12.625375 6.265625 14.109375 C 6.083625 13.651375 6 13.135 6 12.5 C 6 11.873 6.2758125 10.471375 6.3828125 9.984375 L 6.4765625 9.5605469 L 6.2304688 9.203125 C 6.2264687 9.196125 5.7227344 8.4688906 5.4277344 7.9628906 C 5.0917344 7.3868906 4.8439375 6.4955781 4.7109375 6.0175781 C 4.6459375 5.7845781 4.594875 5.6159531 4.546875 5.5019531 C 4.371875 5.1229531 4.115625 4.7900937 3.890625 4.4960938 L 3.765625 4.3300781 C 3.702625 4.2390781 3.6193906 4.133625 3.5253906 4.015625 C 3.3423906 3.785625 3.0017188 3.3570312 3.0117188 3.0820312 L 3.1230469 3.0039062 L 3.125 3 C 3.92 3 4.9440781 3.5643437 5.3300781 3.7773438 C 5.4560781 3.8463438 5.5486563 3.8940156 5.5976562 3.9160156 L 5.7714844 3.9921875 L 6.1132812 4.0039062 C 6.5602813 4.0139062 7.9189063 4.0456875 8.8789062 4.4296875 C 10.629906 5.1296875 11.598031 5.830375 12.582031 7.109375 C 14.906031 10.131375 15.763484 14.044984 15.771484 14.083984 L 15.896484 14.648438 L 16.443359 14.826172 C 16.462359 14.833172 17.992922 15.344641 19.419922 16.681641 C 17.624922 17.125641 17 18 17 18 C 17 18 17.476 18.928 19.75 20.375 C 21.125 21.25 21.875 21.875 23 23 C 23 23 21.875688 20.499813 20.304688 18.507812 C 21.500687 18.124813 22.970703 17.925781 22.970703 17.925781 L 22.060547 16.664062 C 20.562547 14.587063 18.553656 13.538859 17.597656 13.130859 C 17.265656 11.864859 16.262969 8.614625 14.167969 5.890625 C 12.968969 4.331625 11.693094 3.3993125 9.6210938 2.5703125 C 8.3940937 2.0803125 6.9187188 2.0218594 6.2617188 2.0058594 C 5.6867187 1.6898594 4.409 1 3.125 1 z M 7.1875 5 C 7.1875 5 6.75 5 6.25 5.125 L 7.625 6.9980469 C 8 6.5000469 8 5.9179688 8 5.9179688 C 8 5.9179688 7.7505 5.25 7.1875 5 z"></path>
</svg>
<div class="info">
<span>MYSQL</span>
</div>
<div class="progress-line mysql">
<span></span>
</div>
</div>
</div>
</div>
<div class="container1">
<h1 class="heading1">Professional Skills</h1>
<div class="radial-bars">
<div class="radial-bar">
<svg x="0px" y="0px" viewBox="0 0 200 200">
<circle class="progress-bar" cx="100" cy="100" r="80"></circle>
<circle class="path path-1" cx="100" cy="100" r="80"></circle>
</svg>
<div class="percentage">90%</div>
<div class="text">Creativity</div>
</div>
<div class="radial-bar">
<svg x="0px" y="0px" viewBox="0 0 200 200">
<circle class="progress-bar" cx="100" cy="100" r="80"></circle>
<circle class="path path-2" cx="100" cy="100" r="80"></circle>
</svg>
<div class="percentage">70%</div>
<div class="text">Communication</div>
</div>
<div class="radial-bar">
<svg x="0px" y="0px" viewBox="0 0 200 200">
<circle class="progress-bar" cx="100" cy="100" r="80"></circle>
<circle class="path path-3" cx="100" cy="100" r="80"></circle>
</svg>
<div class="percentage">75%</div>
<div class="text">Problem Solving</div>
</div>
<div class="radial-bar">
<svg x="0px" y="0px" viewBox="0 0 200 200">
<circle class="progress-bar" cx="100" cy="100" r="80"></circle>
<circle class="path path-4" cx="100" cy="100" r="80"></circle>
</svg>
<div class="percentage">85%</div>
<div class="text">Team Work</div>
</div>
</div>
</div>
</section>
<br>
<h1 class="sub-tittle">My <span> Projects </span></h1>
<br>
<section>
<div id="portfolio" id="project">
<div class="portfolio-content">
<div class="row">
<img src="images/img1.png" alt="">
<div class="layer">
<h5 style="text-decoration: underline;"><br><strong>PORTFOLIO</strong></h5>
<p>My Personal Website that showcases my skills and projects.</p><br>
<h4 style="text-align: left;">Build With:</h4>
<div class="icons">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 48 48">
<path fill="#E65100" d="M41,5H7l3,34l14,4l14-4L41,5L41,5z"></path><path fill="#FF6D00" d="M24 8L24 39.9 35.2 36.7 37.7 8z"></path><path fill="#FFF" d="M24,25v-4h8.6l-0.7,11.5L24,35.1v-4.2l4.1-1.4l0.3-4.5H24z M32.9,17l0.3-4H24v4H32.9z"></path><path fill="#EEE" d="M24,30.9v4.2l-7.9-2.6L15.7,27h4l0.2,2.5L24,30.9z M19.1,17H24v-4h-9.1l0.7,12H24v-4h-4.6L19.1,17z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 100 100">
<path d="M51.958,98c-0.58,0-1.16-0.078-1.724-0.232l-27.742-7.702c-2.593-0.72-4.495-3.004-4.735-5.685 l-6.179-69.304c-0.16-1.813,0.451-3.621,1.677-4.962C14.485,8.77,16.233,8,18.053,8h67.895c1.821,0,3.569,0.771,4.798,2.115 c1.225,1.339,1.837,3.147,1.677,4.959L86.236,84.37c-0.24,2.683-2.145,4.967-4.739,5.686l-27.803,7.709 C53.124,97.921,52.542,98,51.958,98z" opacity=".35"></path><path fill="#f2f2f2" d="M49.958,96c-0.58,0-1.16-0.078-1.724-0.232l-27.742-7.702c-2.593-0.72-4.495-3.004-4.735-5.685 L9.578,13.077c-0.16-1.813,0.451-3.621,1.677-4.962C12.485,6.77,14.233,6,16.053,6h67.895c1.821,0,3.569,0.771,4.798,2.115 c1.225,1.339,1.837,3.147,1.677,4.959L84.236,82.37c-0.24,2.683-2.145,4.967-4.739,5.686l-27.803,7.709 C51.124,95.921,50.542,96,49.958,96z"></path><polygon fill="#2b59a1" points="83.947,12.5 77.762,81.792 49.958,89.5 22.231,81.803 16.053,12.5"></polygon><path fill="#40396e" d="M49.958,91c-0.135,0-0.27-0.019-0.401-0.055L21.83,83.249c-0.602-0.167-1.037-0.689-1.093-1.312 l-6.179-69.303c-0.037-0.419,0.104-0.835,0.388-1.146C15.23,11.177,15.632,11,16.053,11h67.895c0.421,0,0.822,0.177,1.106,0.488 c0.284,0.311,0.425,0.726,0.388,1.146l-6.186,69.292c-0.056,0.622-0.491,1.145-1.094,1.312l-27.804,7.709 C50.228,90.982,50.093,91,49.958,91z M23.634,80.635l26.324,7.309l26.402-7.32L82.308,14H17.692L23.634,80.635z"></path><polygon fill="#2785bd" points="72.467,77.38 77.771,17.957 50,17.957 50,83.608"></polygon><polygon fill="#d9eeff" points="50,43.957 51,47.957 50,51.957 30.94,51.957 30.23,43.957"></polygon><polygon fill="#d9eeff" points="50,26.957 51,30.957 50,34.957 29.441,34.957 28.72,26.957"></polygon><polygon fill="#d9eeff" points="51,69.957 50,74.796 32.55,69.967 31.39,56.957 39.92,56.957 40.5,63.397 50,65.957"></polygon><path fill="#f2f2f2" d="M50,26.957v8h11.969l-0.807,9H50c-0.009-0.002-0.008,8-0.008,8h10.485l-1.027,11.44L50,65.957v8.84 l17.4-4.83l0.12-1.44l2-22.37l0.21-2.29l1.5-16.91H50z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 48 48">
<path fill="#ffd600" d="M6,42V6h36v36H6z"></path><path fill="#000001" d="M29.538 32.947c.692 1.124 1.444 2.201 3.037 2.201 1.338 0 2.04-.665 2.04-1.585 0-1.101-.726-1.492-2.198-2.133l-.807-.344c-2.329-.988-3.878-2.226-3.878-4.841 0-2.41 1.845-4.244 4.728-4.244 2.053 0 3.528.711 4.592 2.573l-2.514 1.607c-.553-.988-1.151-1.377-2.078-1.377-.946 0-1.545.597-1.545 1.377 0 .964.6 1.354 1.985 1.951l.807.344C36.452 29.645 38 30.839 38 33.523 38 36.415 35.716 38 32.65 38c-2.999 0-4.702-1.505-5.65-3.368L29.538 32.947zM17.952 33.029c.506.906 1.275 1.603 2.381 1.603 1.058 0 1.667-.418 1.667-2.043V22h3.333v11.101c0 3.367-1.953 4.899-4.805 4.899-2.577 0-4.437-1.746-5.195-3.368L17.952 33.029z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 48 48">
<path fill="#29b6f6" d="M44,11.11v25.78c0,1.27-0.79,2.4-1.98,2.82l-8.82,4.14L34,33V15L33.2,4.15l8.82,4.14 C43.21,8.71,44,9.84,44,11.11z"></path><path fill="#0277bd" d="M9,33.896L34,15V5.353c0-1.198-1.482-1.758-2.275-0.86L4.658,29.239 c-0.9,0.83-0.849,2.267,0.107,3.032c0,0,1.324,1.232,1.803,1.574C7.304,34.37,8.271,34.43,9,33.896z"></path><path fill="#0288d1" d="M9,14.104L34,33v9.647c0,1.198-1.482,1.758-2.275,0.86L4.658,18.761 c-0.9-0.83-0.849-2.267,0.107-3.032c0,0,1.324-1.232,1.803-1.574C7.304,13.63,8.271,13.57,9,14.104z"></path>
</svg>
</div>
<a href="#"><i class='bx bx-link-external' style="color:rgb(14, 67, 114)" ></i></a>
</div>
</div>
<div class="row">
<img src="images/img2.png" alt="">
<div class="layer">
<h5 style="text-decoration: underline;"><br><strong>REGISTRATION FORM</strong></h5>
<p>A simple Registraion form by using JAVA AWT</p><br>
<h4 style="text-align: left;">Build With:</h4>
<div class="icons">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 48 48">
<path fill="#F44336" d="M23.65,24.898c-0.998-1.609-1.722-2.943-2.725-5.455C19.229,15.2,31.24,11.366,26.37,3.999c2.111,5.089-7.577,8.235-8.477,12.473C17.07,20.37,23.645,24.898,23.65,24.898z"></path><path fill="#F44336" d="M23.878,17.27c-0.192,2.516,2.229,3.857,2.299,5.695c0.056,1.496-1.447,2.743-1.447,2.743s2.728-0.536,3.579-2.818c0.945-2.534-1.834-4.269-1.548-6.298c0.267-1.938,6.031-5.543,6.031-5.543S24.311,11.611,23.878,17.27z"></path><g><path fill="#1565C0" d="M32.084 25.055c1.754-.394 3.233.723 3.233 2.01 0 2.901-4.021 5.643-4.021 5.643s6.225-.742 6.225-5.505C37.521 24.053 34.464 23.266 32.084 25.055zM29.129 27.395c0 0 1.941-1.383 2.458-1.902-4.763 1.011-15.638 1.147-15.638.269 0-.809 3.507-1.638 3.507-1.638s-7.773-.112-7.773 2.181C11.683 28.695 21.858 28.866 29.129 27.395z"></path><path fill="#1565C0" d="M27.935,29.571c-4.509,1.499-12.814,1.02-10.354-0.993c-1.198,0-2.974,0.963-2.974,1.889c0,1.857,8.982,3.291,15.63,0.572L27.935,29.571z"></path><path fill="#1565C0" d="M18.686,32.739c-1.636,0-2.695,1.054-2.695,1.822c0,2.391,9.76,2.632,13.627,0.205l-2.458-1.632C24.271,34.404,17.014,34.579,18.686,32.739z"></path><path fill="#1565C0" d="M36.281,36.632c0-0.936-1.055-1.377-1.433-1.588c2.228,5.373-22.317,4.956-22.317,1.784c0-0.721,1.807-1.427,3.477-1.093l-1.42-0.839C11.26,34.374,9,35.837,9,37.017C9,42.52,36.281,42.255,36.281,36.632z"></path><path fill="#1565C0" d="M39,38.604c-4.146,4.095-14.659,5.587-25.231,3.057C24.341,46.164,38.95,43.628,39,38.604z"></path></g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 40 40">
<path fill="#8bb7f0" d="M38.326,14.5c-2.375-5.861-8.113-10-14.826-10s-12.451,4.139-14.826,10H38.326z"></path><path fill="#4e7ab5" d="M39.068,15H7.932l0.278-0.688C10.749,8.048,16.75,4,23.5,4s12.751,4.048,15.29,10.313L39.068,15z M9.435,14h28.131C35.031,8.508,29.59,5,23.5,5S11.969,8.508,9.435,14z"></path><path fill="#8bb7f0" d="M8.024,16.5c-0.25,0.968-0.41,1.97-0.474,3H39.45c-0.064-1.03-0.224-2.032-0.474-3H8.024z"></path><path fill="#4e7ab5" d="M39.981,20H7.019l0.033-0.53c0.064-1.048,0.229-2.089,0.488-3.095L7.637,16h31.727l0.097,0.375 c0.26,1.006,0.424,2.047,0.488,3.095L39.981,20z M8.092,19h30.816c-0.064-0.675-0.174-1.345-0.325-2H8.417 C8.266,17.655,8.156,18.325,8.092,19z"></path><g><path fill="#8bb7f0" d="M38.976,24.5c0.25-0.968,0.41-1.97,0.474-3H7.55c0.064,1.03,0.224,2.032,0.474,3H38.976z"></path><path fill="#4e7ab5" d="M39.363,25H7.637L7.54,24.625c-0.26-1.006-0.424-2.047-0.488-3.095L7.019,21h32.963l-0.033,0.53 c-0.064,1.048-0.229,2.089-0.488,3.095L39.363,25z M8.417,24h30.166c0.151-0.655,0.261-1.325,0.325-2H8.092 C8.156,22.675,8.266,23.345,8.417,24z"></path></g><g><path fill="#8bb7f0" d="M8.674,26.5c2.375,5.861,8.113,10,14.826,10s12.451-4.139,14.826-10H8.674z"></path><path fill="#4e7ab5" d="M23.5,37c-6.75,0-12.751-4.048-15.29-10.313L7.932,26h31.137l-0.278,0.688 C36.251,32.952,30.25,37,23.5,37z M9.435,27c2.534,5.492,7.976,9,14.065,9s11.531-3.508,14.065-9H9.435z"></path></g><g><path fill="#f5ce85" d="M5.5,20.5c0-6.785,3.757-12.687,9.301-15.755C7.253,6.03,1.5,12.585,1.5,20.5 s5.753,14.47,13.301,15.755C9.257,33.187,5.5,27.285,5.5,20.5z"></path><path fill="#ba9b48" d="M17.617,37.241l-2.9-0.493C6.769,35.395,1,28.562,1,20.5S6.769,5.605,14.717,4.252l2.9-0.493 l-2.574,1.424C9.465,8.269,6,14.138,6,20.5s3.465,12.231,9.043,15.317L17.617,37.241z M11.993,6.021C6.06,8.256,2,13.946,2,20.5 s4.06,12.244,9.993,14.479C7.619,31.502,5,26.188,5,20.5S7.619,9.498,11.993,6.021z"></path></g><g><path fill="#b5ddf5" d="M12.838,27c2.196,3.593,6.143,6,10.662,6s8.467-2.407,10.662-6H12.838z"></path></g>
</svg>
</div>
<a target="_blank" href="https://github.com/Aravindha-samy/Simple-Registration-Form"><i class='bx bx-link-external' style="color:rgb(14, 67, 114);"></i></a>
</div>
</div>
<div class="row">
<img src="images/img3.png" alt="">
<div class="layer">
<h5 style="text-decoration: underline;"><br><strong>To-DO WEB APP</strong></h5>
<p>To Do is a task management app to help you stay organized and manage your day-to-day</p><br>
<h4 style="text-align: left;">Build With:</h4>
<div class="icons">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 48 48">
<path fill="#E65100" d="M41,5H7l3,34l14,4l14-4L41,5L41,5z"></path><path fill="#FF6D00" d="M24 8L24 39.9 35.2 36.7 37.7 8z"></path><path fill="#FFF" d="M24,25v-4h8.6l-0.7,11.5L24,35.1v-4.2l4.1-1.4l0.3-4.5H24z M32.9,17l0.3-4H24v4H32.9z"></path><path fill="#EEE" d="M24,30.9v4.2l-7.9-2.6L15.7,27h4l0.2,2.5L24,30.9z M19.1,17H24v-4h-9.1l0.7,12H24v-4h-4.6L19.1,17z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 100 100">
<path d="M51.958,98c-0.58,0-1.16-0.078-1.724-0.232l-27.742-7.702c-2.593-0.72-4.495-3.004-4.735-5.685 l-6.179-69.304c-0.16-1.813,0.451-3.621,1.677-4.962C14.485,8.77,16.233,8,18.053,8h67.895c1.821,0,3.569,0.771,4.798,2.115 c1.225,1.339,1.837,3.147,1.677,4.959L86.236,84.37c-0.24,2.683-2.145,4.967-4.739,5.686l-27.803,7.709 C53.124,97.921,52.542,98,51.958,98z" opacity=".35"></path><path fill="#f2f2f2" d="M49.958,96c-0.58,0-1.16-0.078-1.724-0.232l-27.742-7.702c-2.593-0.72-4.495-3.004-4.735-5.685 L9.578,13.077c-0.16-1.813,0.451-3.621,1.677-4.962C12.485,6.77,14.233,6,16.053,6h67.895c1.821,0,3.569,0.771,4.798,2.115 c1.225,1.339,1.837,3.147,1.677,4.959L84.236,82.37c-0.24,2.683-2.145,4.967-4.739,5.686l-27.803,7.709 C51.124,95.921,50.542,96,49.958,96z"></path><polygon fill="#2b59a1" points="83.947,12.5 77.762,81.792 49.958,89.5 22.231,81.803 16.053,12.5"></polygon><path fill="#40396e" d="M49.958,91c-0.135,0-0.27-0.019-0.401-0.055L21.83,83.249c-0.602-0.167-1.037-0.689-1.093-1.312 l-6.179-69.303c-0.037-0.419,0.104-0.835,0.388-1.146C15.23,11.177,15.632,11,16.053,11h67.895c0.421,0,0.822,0.177,1.106,0.488 c0.284,0.311,0.425,0.726,0.388,1.146l-6.186,69.292c-0.056,0.622-0.491,1.145-1.094,1.312l-27.804,7.709 C50.228,90.982,50.093,91,49.958,91z M23.634,80.635l26.324,7.309l26.402-7.32L82.308,14H17.692L23.634,80.635z"></path><polygon fill="#2785bd" points="72.467,77.38 77.771,17.957 50,17.957 50,83.608"></polygon><polygon fill="#d9eeff" points="50,43.957 51,47.957 50,51.957 30.94,51.957 30.23,43.957"></polygon><polygon fill="#d9eeff" points="50,26.957 51,30.957 50,34.957 29.441,34.957 28.72,26.957"></polygon><polygon fill="#d9eeff" points="51,69.957 50,74.796 32.55,69.967 31.39,56.957 39.92,56.957 40.5,63.397 50,65.957"></polygon><path fill="#f2f2f2" d="M50,26.957v8h11.969l-0.807,9H50c-0.009-0.002-0.008,8-0.008,8h10.485l-1.027,11.44L50,65.957v8.84 l17.4-4.83l0.12-1.44l2-22.37l0.21-2.29l1.5-16.91H50z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 48 48">
<path fill="#ffd600" d="M6,42V6h36v36H6z"></path><path fill="#000001" d="M29.538 32.947c.692 1.124 1.444 2.201 3.037 2.201 1.338 0 2.04-.665 2.04-1.585 0-1.101-.726-1.492-2.198-2.133l-.807-.344c-2.329-.988-3.878-2.226-3.878-4.841 0-2.41 1.845-4.244 4.728-4.244 2.053 0 3.528.711 4.592 2.573l-2.514 1.607c-.553-.988-1.151-1.377-2.078-1.377-.946 0-1.545.597-1.545 1.377 0 .964.6 1.354 1.985 1.951l.807.344C36.452 29.645 38 30.839 38 33.523 38 36.415 35.716 38 32.65 38c-2.999 0-4.702-1.505-5.65-3.368L29.538 32.947zM17.952 33.029c.506.906 1.275 1.603 2.381 1.603 1.058 0 1.667-.418 1.667-2.043V22h3.333v11.101c0 3.367-1.953 4.899-4.805 4.899-2.577 0-4.437-1.746-5.195-3.368L17.952 33.029z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="50" height="50" viewBox="0 0 48 48">
<path fill="#29b6f6" d="M44,11.11v25.78c0,1.27-0.79,2.4-1.98,2.82l-8.82,4.14L34,33V15L33.2,4.15l8.82,4.14 C43.21,8.71,44,9.84,44,11.11z"></path><path fill="#0277bd" d="M9,33.896L34,15V5.353c0-1.198-1.482-1.758-2.275-0.86L4.658,29.239 c-0.9,0.83-0.849,2.267,0.107,3.032c0,0,1.324,1.232,1.803,1.574C7.304,34.37,8.271,34.43,9,33.896z"></path><path fill="#0288d1" d="M9,14.104L34,33v9.647c0,1.198-1.482,1.758-2.275,0.86L4.658,18.761 c-0.9-0.83-0.849-2.267,0.107-3.032c0,0,1.324-1.232,1.803-1.574C7.304,13.63,8.271,13.57,9,14.104z"></path>
</svg>
</div>
<a target="_blank" href="https://github.com/Aravindha-samy/To-Do-list"><i class='bx bx-link-external' style="color:rgb(14, 67, 114)"></i></a>
</div>
</div>
</div>
</div>
</section>
<br>
<section class="contact" id="contact">
<div class="contact-text">
<h2>Contact <span>Me</span></h2>
<h4><br>Let's Work Together</h4>
<p><br> I'm thrilled to connect with you!<br>
Have a specific inquiry or job opportunity? Please use the form , <br>and I'll get back to you as soon as possible.Let's connect and collaborate on exciting projects.
<br>Connect with me on social media for updates and more.
</p>
<div class="contact-icons">
<a target="_blank" href="https://www.linkedin.com/in/aravindhasamyb"><i class='bx bxl-linkedin' ></i></a>
<a target="_blank" href="https://instagram.com/i_am__aravinddnivara__"><i class='bx bxl-instagram' ></i></a>
<a target="_blank" href="https://wa.me/+919952556301"><i class="bx bxl-whatsapp"></i></a>
<a target="_blank" href="https://github.com/Aravindha-samy"><i class='bx bxl-github' ></i></a>
</div>
</div>
<div class="contact-form">
<form target="_blank" action="https://formsubmit.co/75f4da22ddc88992e4c95163804077c6" method="POST">
<input type="" name="Name" placeholder="Enter Your Name" required>
<input type="email" name="Email" placeholder="Enter Your Email"required>
<input type="" name="Subject" placeholder="Enter Your Subject">
<textarea name="Message" id="" cols="40" rows="10" placeholder="Enter your Message"></textarea>
<input type="hidden" name="_url" value="https://yourdomain.co/contact.html">
<input type="hidden" name="_template" value="table">
<input type="submit" value="submit" class="send" >
</form>
</div>
</section>
<a href="#" class="top"><i class='bx bx-up-arrow-alt'></i></a>
<div class="page-footer" style="font-family: sans-serif;">
<footer class="container text-center page-footer--body">
<p>Developed by <a href="#" style="color: #31b5ba"> Aravindha samy</a> <span class="page-footer--year"></span>© 2023 </p>
<div>
<ul>
Icons by <a target="_blank" href="https://icons8.com" style="color: #31b5ba;">Icons8</a> &
<a target="_blank" href="https://boxicons.com/" style="color: #31b5ba;">Boxicons</a>
</ul>
</div>
</footer>
</div>
<script src="main.js"></script>
</body>
</html>