Create a Responsive Plants Website Design Using HTML CSS & JavaScript 🎍



In this video, I have shown you how to create responsive plants website design using HTML, CSS, and JavaScript 🎍

❤ Support this project

❤ Support this project by PayPal

📁 Assets
Icons:
Fonts:
GitHub:
Dopely colors:
ScrollReveal:

✒️ Designer of this website

🔗 Source code

☝ 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

🔔 Subscribe for more!

⏱ 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

💙 Support me by PayPal

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

#responsivewebsite #websiteplants #bedimcode

45 comments

  1. বরাবরের মতোই ইউটিউবে আপনার ডিজাইনগুলি অন্য স্তরের। সহজ এবং সাধারণভাবে সুন্দর!

  2. Thanks for uploading the video.

    I didn't have anywhere to get help because I was studying alone, but it was a great help!

  3. It's kinda annoying when u can see bottom sections title…
    Is it okay if i use margin-bottom: 5rem; on section?

  4. Mate, amazing
    What about a more complex project using asynchronous JS and API integration ?
    Would be a great way to learn something new!

  5. It will help everyone and you very inspiring to everyone ❤️❤️…
    Like always…love your passionate 😎😎

  6. Bro I have a little advice : if you are using vs code editor then you should use auto save option in your editor provided in the settings…. Just go to settings and search for the auto save and select after delay…. Thanks for the video anyway….

  7. as always fantastic job Thank you so much and responsive viewer (chrome extension ) is good for testing your design

  8. Good Job..your designs are very nice and clean …👍 I'll Wait new posts..!
    Buen trabajo … tus diseños son muy bonitos y limpios … 👍 Esperaré nuevas publicaciones ..!

  9. Eh dear you help me alot because you give me a new design for my futur web site god bless you . awesome

  10. Awesome job. I especially love how well you have written your code. It was loads of help going through it.

  11. One question. What should we write on JS so that if we scroll up the sticky header will disappear and scroll down it will appear again. You have showed here the sticky header part.

  12. Bruh, How did you making awesome thumbnails can you tell this for beginners who wanna make template images.

Leave a comment

Your email address will not be published.