Summary
Keywords
Full Transcript
How to make a responsive gym website design using HTML CSS and JavaScript. With a form to send emails, and deploy your project on the Internet. Contains CSS animations. 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/83558 π Get template by PayPal https://ko-fi.com/s/d2f79d88af ------------------------------ π¨βπ» Start project from scratch https://github.com/bedimcode/responsive-gym-website β Start developing the project (base files + images) - Click on the GitHub link - Click the green button (code) - Click Download ZIP - Extract the project to the desired location πAssets Icons: https://remixicon.com/ Fonts: https://fonts.google.com/ JS Functions: https://github.com/bedimcode/responsive-watches-website EmailJs: https://www.emailjs.com/ ScrollReveal: https://scrollrevealjs.org/ Netlify: https://www.netlify.com/ β± Timestamps 0:00 Intro Gym Website 3:45 Project Setup 6:43 Variables CSS 7:02 Reset HTML & Reusable CSS Classes 11:52 Header & Nav 23:22 Home 29:58 Buttons 33:23 Logos 34:58 Change Background Header 36:57 Program 47:20 Choose Us 55:50 Pricing 1:07:57 Calculate - 1:17:06 Calculate Js 1:28:22 Footer 1:42:43 Send emails 1:54:04 Scroll Sections Active Link 1:56:13 Scroll Bar - 1:57:50 Scroll Up 2:01:04 Breakpoints 2:27:38 ScrollReveal Animation 2:32:00 Final Project 2:33:17 Website Deployment (Uploading to the internet) ------------------------------ βοΈ Inspirate https://dribbble.com/shots/16371194-Fitness-Landing-Page πΈ Images https://www.freepik.es/autor/drobotdean https://www.freepik.es/autor/serhiibobyk π¬ Doubts 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 #gymwebsite #bedimcode
