Skip to content

Instantly share code, notes, and snippets.

View CoderArjun19's full-sized avatar
🎯
Focusing

ARJUN CoderArjun19

🎯
Focusing
View GitHub Profile
@CoderArjun19
CoderArjun19 / index.html
Created May 12, 2025 20:09
Mother's Day (SVG Animation + Responsive)
<div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 300">
<defs>
<g id="path-1">
<path d="M600 198c-3.5-5.2-9.3-10.7-15.7-12.2c-18.6-3.2-28.4 17.2-48.8 12.8c-5.7-1.3-9.3-6.2-12.5-11.1c-7.6-11.9-22.1-20.5-35.7-16.9c-9.7 2.6-16.9 10.5-25.8 14.8a37.5 37.5 0 0 1-21.7 3.3c-11.2-4.6.7-29-14.3-39.3c-17-11.4-23.8 10.6-40.3 7s-5.6-14.7-3.2-30.7c2.8-18.8-6.3-31.4-20.6-32.3s-17.8-17.9-17.8-17.9l-2.3-9.7a46.1 46.1 0 0 0-7.2-16.3a36.5 36.5 0 0 0-7.1-7.6a41.5 41.5 0 0 0-24.4-8.4a10 10 0 0 0-4.3.8v260h306z" class="hair hair-main"></path>
</g>
<g id="path-2">
<path d="M0 12s-12.8 3-13.9-12c0 0 14.2-1.8 13.9 12z" class="leaf-2" />
<path d="M0 12s-12.8 3-13.9-12c0 0 3.9 2.9 7 5.6a71.5 71.5 0 0 1 6.9 6.4z" class="leaf-1" />
</g>
@CoderArjun19
CoderArjun19 / index.html
Created May 14, 2025 04:08
Multi Step Form with Progress Bar using jQuery and CSS3
<!-- multistep form -->
<form id="msform">
<!-- progressbar -->
<ul id="progressbar">
<li class="active">Account Setup</li>
<li>Social Profiles</li>
<li>Personal Details</li>
</ul>
<!-- fieldsets -->
<fieldset>
@CoderArjun19
CoderArjun19 / index.html
Created May 14, 2025 04:09
Untitled
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>World Clock - India and Other Countries</title>
<style>
/* Reset and base */
* {
box-sizing: border-box;
@CoderArjun19
CoderArjun19 / index.html
Created May 14, 2025 04:13
Multi Step Form with Progress Bar using jQuery and CSS3
<!-- multistep form -->
<form id="msform">
<!-- progressbar -->
<ul id="progressbar">
<li class="active">Account Setup</li>
<li>Social Profiles</li>
<li>Personal Details</li>
</ul>
<!-- fieldsets -->
<fieldset>
@CoderArjun19
CoderArjun19 / index.html
Created May 14, 2025 04:17
Untitled
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Proposal Greeting Card - Made by Arjun</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Indie+Flower&display=swap');
* {
box-sizing: border-box;