In this video, I have shown you how to create responsive plants website design using HTML, CSS, and JavaScript π
❤ Support this project
https://www.buymeacoffee.com/bedimcode/e/47393
π 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/
π Source code
https://github.com/bedimcode/responsive-plants-website
π¨π» Start project from scratch
https://github.com/bedimcode/responsive-plants-website/tree/project-from-scratch
π Subscribe for more!
https://www.youtube.com/c/Bedimcode?sub_confirmation=1
⏱ 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
π Thanks for watching!
Make sure to like + Subscribe For More! ❤
#responsivewebsite #websiteplants #bedimcode
0 Comments