Summary
Keywords
Full Transcript
How to make a responsive coffee website design using HTML, CSS and JavaScript. Developed first with the Mobile First methodology, then for desktop. π Subscribe for more! https://www.youtube.com/c/Bedimcode β€οΈ Get source code https://buymeacoffee.com/bedimcode/e/56631 β€ Get template by PayPal https://ko-fi.com/s/a9b33bb175 ------------------------------ π¨βπ» Start project from scratch https://github.com/bedimcode/responsive-coffee-website β Download the project base files on GitHub - Click on the GitHub link - Click the green Code button - Download ZIP - Save and extract where you prefer π Assets Icons: https://boxicons.com/ Fonts: https://fonts.google.com/ GitHub: https://github.com/bedimcode/responsive-watches-website Mixitup: https://www.kunkalabs.com/mixitup/ β± Timestamps 0:00 Intro Responsive Coffee Website 3:32 Project Setup 5:20 Variables CSS 7:27 Reset HTML & Reusable CSS Classes 10:38 Header & Nav Menu 19:25 Home 27:24 Change Background Header 29:32 Specialty 34:53 Products 53:31 Quality 01:00:50 Logos 01:03:02 Blog 01:10:42 Footer 01:21:14 Scroll Bar 01:22:12 Scroll Up 01:25:44 Scroll Sections Active Link 01:27:22 Breakpoints 01:49:21 Loader 01:51:56 Final Project ------------------------------ Home images https://www.pinterest.com/pin/13018286414960283/ βοΈ Inspirate https://dribbble.com/shots/17172572-ColdnBrew-Landing-Page π¬ Any questions about the project send a DM to Facebook (Bedimcode) β I answer at 6:00 PM (PerΓΊ time) ------------------------------ βοΈ 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 #coffeewebsite #bedimcode
