heartbeat-animation is added

[Monke-G]

Changes Made

1. Implemented fa-solid fa-heart icon in HTML
2. Created custom CSS keyframes animation named heartbeat
3. Styled heart icon with responsive centering using Flexbox

Technical Details
HTML:

1. Integrated Font Awesome heart icon ()
2. Added Font Awesome stylesheet via CDN
   CSS:
3. Created @Keyframes heartbeat animation with three keyframe points (0%, 50%, 100%)
4. Applied transform: scale() for smooth pulsing effect (1x → 1.2x → 1x)
5. Set animation duration to 1.5 seconds with infinite loop
6. Implemented centered layout using Flexbox

Features

1. Infinite looping animation
2. Smooth scaling transition mimicking realistic heartbeat
3. Responsive centered layout
4. Pure HTML & CSS implementation

Visual Effect
The heart icon pulses from normal size to 1.2x size and back, creating a rhythmic heartbeat effect that repeats continuously.

The Sample
https://drive.google.com/file/d/1nQf5xjYIVGhuocIX_o0Scg49_xqjknel/view?usp=drive_link

[NishantSinghhhhh]

@pullquestai add 30xp to @Monke-G

[pullquestai]

🎉 Contributor XP Awarded Successfully!

✅ Added 30 XP to @Monke-G

📊 Updated Contributor Stats:

• Total XP: 30 → 30 (+30)
• Total Issues Merged: 0
• Total PRs Merged: 1
• Total Contributions: 1

🏆 Contribution Details:

• Repository: FSOC-OSS/Fsoc-level-easy
• Awarded by: @NishantSinghhhhh

Keep contributing! 🚀