Summary
Keywords
Full Transcript
How to make responsive plants website design using HTML, CSS, and JavaScript π β€οΈ Support this project https://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
