Summary
Keywords
Full Transcript
Complete Animated Responsive GYM/FITNESS Website Tutorial In One Video Using HTML CSS ( SASS ) Javascript / JQuery From Scratch. Full Responsive Mobile First Modern Fitness Website Design Tutorial Using HTML 5 / CSS 3 / SASS / Javascript / Jquery. Learn How To Make Complete Responsive Mobile First Website In Less Than One Hour And In One Video From Scratch With Source Code. In Video You Will Learn How To Make Mobile First Complete Responsive Fitness Website With SASS Compiler. The Main Feature Of This Website Is: Navbar Toggle Menu Using Hamburger Icons, Responsive Home Page With Vector Image, Responsive About Us Section. Responsive Feature Section With Box Hover Effects, Responsive Gallery Section With Hover Effects, Responsive Contact Us Section, Responsive Footer Section and More. timestamps: 0:00 intro 0:07 demo 5:30 header section 9:28 adding navbar toggler 14:27 home section 19:40 feature section 27:03 about section 31:50 gallery section 36:25 contact us section 43:00 footer section 52:20 mobile first/tablet responsive * SOURCE CODEs* download the full website code from google drive: https://drive.google.com/drive/folders/1xqhrCUZLZNrz5AHBSE5CPAEAXZ7obvGo?usp=sharing Gallery Images From Unsplash and Pexels: https://unsplash.com/ https://www.pexels.com/ Icons From Font Awesome: https://fontawesome.com/ And Shape Images are Made Using Figma: Figma Is Free To Use: https://www.figma.com/downloads/ fonts i used was exo 2 from google fonts: https://fonts.google.com/specimen/Exo+2?query=exo+2 watch the full playlist of how to create responsive websites: https://www.youtube.com/playlist?list=PLSJxovi1IyDFf36uSXsfQTmTVVFjAEkuo New To My Channel Subscribe Now And See More Stuff Like This: https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw #Website #WebDesign #CompleteWebsite #FitnessWesite #GYMwebsite #ResponsiveWebsite #FullPageWebsite #HTML5 #CSS3 #Javascript #Jquery #SASS #SCSS #Responsive #WebDevelopment #WebsiteDesign
