How to make responsive plants website design using HTML, CSS, and JavaScript 🎍

❤ Support this project
https://www.buymeacoffee.com/bedimcode/e/47393

❤ Support this project by PayPal
https://ko-fi.com/s/28f0433cc8

📁 Assets
Icons: https://remixicon.com/
Fonts: https://fonts.google.com/
GitHub: https://github.com/bedimcode
Dopely colors: https://colors.dopely.top/color-pedia
ScrollReveal: https://scrollrevealjs.org/

✒️ Designer of this website
https://www.youtube.com/channel/UCLAxOimkBtq40nKBSP4Zqkw
https://www.instagram.com/justperfect_designs/
https://www.facebook.com/jperfectdesigns/

🔗 Source code
https://github.com/bedimcode/responsive-plants-website

☝ How to download the project
– Click on the GitHub link
– Click the green button (code)
– Click Download ZIP
– Extract the project to the desired location

👨‍💻 Start project from scratch
https://github.com/bedimcode/responsive-plants-website/tree/project-from-scratch

🔔 Subscribe for more!
https://www.youtube.com/c/Bedimcode

⏱ Timestamps
0:00 Intro Responsive Plants Website
5:07 Project Setup
7:15 Variables CSS
9:55 Reset HTML
11:46 Reusable CSS Classes
13:07 Header & Nav Menu
24:17 Home
32:15 Buttons
34:14 About
40:20 Change Background Header
42:16 Steps
47:50 Products
54:54 Questions
01:06:38 Contact
01:17:00 Footer
01:28:07 Scroll Sections Active Link
01:31:02 Scroll Up
01:34:06 Scroll Bar
01:35:18 Dark/Light Theme
01:41:45 Breakpoints
01:57:55 ScrollReveal Animation
02:01:40 Final Project

☕️ Support me
https://www.buymeacoffee.com/bedimcode

💙 Support me by PayPal
https://ko-fi.com/bedimcode

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

#responsivewebsite #websiteplants #bedimcode