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
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
Day - 18 | "30 Days, 30 Advanced CSS Learn" challenge.! Free Source code.

Topic : Beautiful CSS Spin Loader

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-18-Beautiful-CSS-Spin-Loader-.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-18-Beautiful-CSS-Spin-Loader-/

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

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

Topic : Beautiful Image Slider

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-19-Image-Slider-With-Hover.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-19-Image-Slider-With-Hover/

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

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

Topic : Happy Independence Day

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Happy-Independence-Day-Wishes.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Happy-Independence-Day-Wishes/

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

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

Topic : CSS Loader Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-20-CSS-Loader-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-20-CSS-Loader-Effect/

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

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

Topic : Star Rating Hover Effect

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

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

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

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

Topic : Hover Menu Effect HTML & Tailwind - CSS

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-22-Hover-Menu-Effect-Tailwind-CSS.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-22-Hover-Menu-Effect-Tailwind-CSS/

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

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

Topic : Barbarian Card Hover Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-23-Barbarian-Card-Hover-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-23-Barbarian-Card-Hover-Effect/

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

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

Topic : Image Card Fliping Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-24-Image-Card-Fliping-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-24-Image-Card-Fliping-Effect/

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

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

Topic : Profile Card Hover Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-25-Profile-Card-Hover-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-25-Profile-Card-Hover-Effect/

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

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

Topic : Pokemon Card Hover Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-26-Pokeman-Card-Hover-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-26-Pokeman-Card-Hover-Effect/

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

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

Topic : Toasted Button Hover Effect

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

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

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

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

Topic : Amazing Clock Design

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-28-Amazing-Clock-Design-Using-HTML-CSS.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-28-Amazing-Clock-Design-Using-HTML-CSS/

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

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

Topic : Animated Hamburger Menu Icon

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-29-Animated-Hamburger-Menu-Icon.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-29-Animated-Hamburger-Menu-Icon/

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

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

Topic : Web Valentine Card

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-30-Web-Valentine-Card.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-30-Web-Valentine-Card/

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

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

Topic : Basic Spinning Loader Effect

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-31-Basic-Spinning-Loader.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-31-Basic-Spinning-Loader/

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

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

Topic : Hovering Card Effect Design

Source Code πŸ‘‡
https://github.com/QuantumCoding123/Day-32-Hovering-Card-Effect.git

Live Demo πŸ‘‡
https://quantumcoding123.github.io/Day-32-Hovering-Card-Effect/

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

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

Topic : Bubbly Button Hover Effect

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

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

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

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

Topic : Change Button Hover Effect

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

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

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

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

Topic : Change Button Hover Effect

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

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

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

Instagram Video πŸ‘‡
https://www.instagram.com/reel/C_THoVSSTe0/
πŸ‘3