Quantum Coding
5.14K subscribers
211 photos
1 video
209 links
Hey ! I am Pratiksha Relekar πŸ§‘β€πŸ’» Web Developer🌟 Ready to take your coding skills to the next level? Join my Telegram channel, Quantum Coding, where I share free source code in HTML, CSS, and JS! πŸ’»βœ¨ #WebDevelopment #HTML #QuantumCoding #TelegramChannel
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
πŸŽ‰ Milestone Achieved! πŸŽ‰

Hello, Amazing followers! 🌟

Today is a special day – we’ve completed 100 HTML, CSS, and JavaScript projects in 100 days! πŸš€πŸ’»

To celebrate, I’m excited to launch our new website. You can find all 100 project codes there for free! πŸŽπŸŽ‰

πŸ”— Visit Quantum Coding πŸ‘‡ quantumcoding.in

Thank you for your support. Let’s keep coding and creating together! πŸŒπŸ’–
❀14πŸ”₯4
🌟 Exciting Announcement !!! 🌟

Starting Tomorrow πŸš€ join me on an incredible journey with our new challenge -

30 Days 30 Advanced CSS Learn πŸ’₯

This challenge is designed to take your CSS skills to the next level, πŸ’«with a focus on mastering advanced techniques and effects.

We'll dive into advanced CSS topics including animations, card effects, hover effects, Buttons and so much more.πŸ§‘β€πŸ’»

I've created a YouTube channel where you can follow along and get free source code for all the CSS we'll be exploring.βœ…

✨Don't miss out on this opportunity🌐

See you there.! 😁
❀28πŸ‘10πŸ”₯6
The wait is over Now !!πŸ’₯

Introducing QCode my New You Tube Channel that I can share Advanced CSS tutorials 😍

Subscribe To My Channel πŸ˜ŽπŸ‘‡
https://youtube.com/@qcode-c9j
πŸ‘2
Day - 1 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : 3D Button Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-1-3D-Button-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-1-3D-Button-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/pZYvp0Qcdqw

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C948KQayi7B/
πŸ‘7❀1
Day - 2 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : 3D Card Hover

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-2-3D-Card-Effect-Using-HTML-CSS.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-2-3D-Card-Effect-Using-HTML-CSS/

You-Tube Tutorial πŸ‘‡
https://youtu.be/gJovSVsPAdI

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C97bR8NtgaF/
πŸ‘6
Day - 3 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Responsive Button Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-3-Responsive-Button-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-3-Responsive-Button-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/0yLJeMKRYDE

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C9-GFyzyLc8/
πŸ‘4
Day - 4 | "30 Days, 30 Advanced CSS Learn" challenge.!
Free Source code.

Topic : Swiper Card Effect πŸ’₯

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-4-Swiper-Card-Effect-Using-HTML-CSS.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-4-Swiper-Card-Effect-Using-HTML-CSS/

You-Tube Tutorial πŸ‘‡
https://youtu.be/Zr1PJZmmz5k

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-AmMPVSMCO/
πŸ”₯3πŸ‘1
Day - 5 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Card Hover Interactions Using HTML CSS

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-5-Card-Hover-Interactions-Using-HTML-CSS.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-5-Card-Hover-Interactions-Using-HTML-CSS/

You-Tube Tutorial πŸ‘‡
https://youtu.be/lrrlqr36llE

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-DRWbwN9Bk/
πŸ‘2
Day - 6 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Hover Button Effect Using HTML-CSS

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-6-Hover-Button-Effect-Using-HTML-CSS.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-6-Hover-Button-Effect-Using-HTML-CSS/

You-Tube Tutorial πŸ‘‡
https://youtu.be/dqBgDvVatss

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-F4Hv9SkB2/
πŸ‘3
Day - 7 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Button Hover Effect Using HTML-CSS

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-7-Button-Hover-Effect-Using-HTML-CSS.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-7-Button-Hover-Effect-Using-HTML-CSS/

You-Tube Tutorial πŸ‘‡
https://youtu.be/Nlg5rO-vG4g

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-IfVDby1xN/
πŸ‘4πŸ‘Ž1
Day - 8 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Magic Card Hover Using HTML-CSS

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-8-Magic-Card-Hover-Using-HTML-CSS.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-8-Magic-Card-Hover-Using-HTML-CSS/

You-Tube Tutorial πŸ‘‡
https://youtu.be/g5jYMKcwtWk

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-LD6UNypPz/
❀2
Day - 9 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Navigation Bar With Circle

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-9-Navigation-Bar-with-circle.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-9-Navigation-Bar-with-circle/

You-Tube Tutorial πŸ‘‡
https://youtu.be/FJj1x7gygLg

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-NmYx7SoO4/
πŸ‘2
Day - 101 | "100 Days, 100 Websites" challenge.! Free Source code.

Topic : Responsive Gaming Website Design πŸ§‘β€πŸ’»

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-101-Responsive-Gaming-Website.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-101-Responsive-Gaming-Website/

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-NpkmbSP3U/
πŸ‘5❀1
Day - 10 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Social Media Button Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-10-Social-Media-Button-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-10-Social-Media-Button-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/B6B33um4ejE

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-QGVdaNRm3/
πŸ‘4
Day - 11 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Hover Cards Effect Using HTML & CSS

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-11-Hover-Cards-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-11-Hover-Cards-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/VwrPxhmm_dc

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-SvasHyVsh/
πŸ‘1
Day - 12 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Amazing Star Hover Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-12-Amazing-Star-Hover-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-12-Amazing-Star-Hover-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/FTKIt3E9sk8

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-VShTdSP8s/
πŸ‘2
Day - 13 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Play Button Hover Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-13-Hover-Button-Effect

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-13-Hover-Button-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/d8aZ1FT57yU

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-X69w5NYes/
πŸ‘4
Day - 14 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Shadow Hover Button Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-14-Shadow-Button-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-14-Shadow-Button-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/iHKBr60aX1w

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-aeRD0NJkJ/
πŸ‘2
Day - 15 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Chatgpt Logo Hover Image Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-15-Chatgpt-Logo-Hover-Image-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-15-Chatgpt-Logo-Hover-Image-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/D6bMkbsBPw4

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-dDfXXSTR1/
πŸ‘5
Day - 16 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Responsive Hover Button Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-16-Responsive-Hover-Button-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-16-Responsive-Hover-Button-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/i-tqbHYy3wk

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C-fpH-6yYPO/
πŸ‘3πŸ”₯1
Day - 17 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Toggle Button Hover Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-17-Toggle-Button-Hover-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-17-Toggle-Button-Hover-Effect/

You-Tube Tutorial πŸ‘‡
https://youtu.be/bGNFWbGyStQ

Instagram Video πŸ‘‡
https://www.instagram.com/quantumcoding123/reel/C-iVIFoNk3T/
❀1πŸ‘1