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
বরাবরের মতোই ইউটিউবে আপনার ডিজাইনগুলি অন্য স্তরের। সহজ এবং সাধারণভাবে সুন্দর!
Thanks for uploading the video.
I didn't have anywhere to get help because I was studying alone, but it was a great help!
Amazing ! Where can I get the images
It's kinda annoying when u can see bottom sections title…
Is it okay if i use margin-bottom: 5rem; on section?
1:48:06 what about making third steps__card take up all the space
HTML css and javascript are front end which course is used in backend help please with it
Mate, amazing
What about a more complex project using asynchronous JS and API integration ?
Would be a great way to learn something new!
Thanks for linking back to me as the designer sir.
I really appreciate.
It will help everyone and you very inspiring to everyone ❤️❤️…
Like always…love your passionate 😎😎
Are you a web developer?
Cant see where you used sass in this project at all or is it just me
Magician ❤️❤️
What is the vscode extension for css color highlight?
Can you upload tutorial with voice and explanations?
how can we create this using react ?
😍👏👏👏
Just what I needed for my cactus!!!! <3 thank you!
Also, can I use this?
Need a react website tutorial please
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….
Thanks for the amazing video bro👍
What is the name of the theme you're using in your editor?
Why u used z-index in (.header)class?
as always fantastic job Thank you so much and responsive viewer (chrome extension ) is good for testing your design
like from vietnam . thanks teacher so much
thanks, bro. Cool job!🔥🔥🔥🔥
i really love this series, btw do u have discord for study or coaching?
thanks bro awesome job
How much views you get in a month (on average) ?
How to use Scrollreveal with react if anyone knows
Thanks man for the masterpiece gonna digest it today
Excellent work, i love the dark theme.
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 ..!
La Libertad😏
Eh dear you help me alot because you give me a new design for my futur web site god bless you . awesome
If you don't mind I want to ask that what is your average monthly income? 🥰🤭
so pretty work, can you say name of your vs code theme ?
Great design
Awesome job. I especially love how well you have written your code. It was loads of help going through it.
Hello! Where can I get such a layout for training?
All your design look and feel the same
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.
Bruh, How did you making awesome thumbnails can you tell this for beginners who wanna make template images.
Great design… 🔥
Can you help me creating best website in Shopify. I love your Videos.
Great job 👍👍👍
wooow. niceee
so clean