Summary
Keywords
Full Transcript
how to make a complete responsive happy Halloween ecommerce website design using html css and vanilla JavaScript from scratch. create a complete responsive halloween online shopping website design template using html css and vanilla javascript for beginners. the main feature of this website are: ✅ responsive header / navbar with search form toggle effect using vanilla javascript. ✅ responsive home / hero section with touch slider effect using swiper.js ✅ responsive products card section with touch slider effect using swiper.js ✅ responsive about section. ✅ responsive arrivals product grid card section using css grid. ✅ responsive contact form section using css flexbox. ✅ responsive blogs / news card section using css grid. ✅ responsive footer section using css grid. * SOURCE CODES * DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ): https://drive.google.com/file/d/1SkucNX87a-C2XZs1r3O0eLb0OGvxNYDh/view?usp=sharing swiper.js link: https://swiperjs.com/ AOS github: https://github.com/michalsnik/aos AOS website: https://michalsnik.github.io/aos/ font awesome cdn link: https://cdnjs.com/libraries/font-awesome google fonts: https://fonts.google.com/specimen/Nunito?query=poppins Editor : - visual studio code with Laetus: Dark Vibrant Theme Browser : - google chrome UI Tool : - Figma Images / Video / SVG : - 01 - https://www.freepik.com/ 02 - https://storyset.com/ 03 - https://pixabay.com/ 04 - https://unsplash.com/ 05 - https://pixabay.com/ New To My Channel Subscribe Now And See More Stuff Like This: https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw Timestamp: 0:00 demo 3:40 file structure 4:43 header section 19:05 home section 29:35 product section 37:14 about section 38:59 arrivals section 42:41 contact section 46:25 blogs section 50:43 footer section 55:33 scroll spy 58:25 AOS 1:02:08 final demo #FrontEnd #Halloween #Ecommerce
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
