Create A Responsive Online Book Store Website Design Using HTML - CSS - JavaScript || Step By Step
413 هزار بار بازدید -
3 سال پیش
-
how to make a complete
how to make a complete responsive online book store website design using html css and vanilla javascript from scratch.
create a complete responsive online book selling website design template using html css and vanilla javascript tutorial for beginners.
the main feature of this website are:
✅ responsive double header with search form and bottom navbar sticky effect using javascript.
✅ responsive home section with book self slider using swiper.js
✅ responsive icons section using css grid.
✅ responsive featured card section with touch slider using swiper.js
✅ responsive newsletter section with parallax background.
✅ responsive arrivals card section with touch slider using swiper.js
✅ responsive deals section using css flexbox.
✅ responsive testimonial card section with touch slider using swiper.js
✅ responsive blogs / posts / news card section with touch slider using swiper.js
✅ responsive footer section using css grid.
Buy Me A Coffee :
https://www.buymeacoffee.com/mrwebdesigner
* SOURCE CODES *
https://www.buymeacoffee.com/mrwebdesigner/e/119822
swiper.js link:
https://swiperjs.com/
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://www.seevid.ir/fa/result?ytch=UCKwgH3vASrD2brd1l2m6NHw
Timestamp:
https://www.seevid.ir/fa/w/6XmDdIRmg84 demo
https://www.seevid.ir/fa/w/6XmDdIRmg84 file structure
https://www.seevid.ir/fa/w/6XmDdIRmg84 header section
https://www.seevid.ir/fa/w/6XmDdIRmg84 login form
https://www.seevid.ir/fa/w/6XmDdIRmg84 home section
https://www.seevid.ir/fa/w/6XmDdIRmg84 icons section
https://www.seevid.ir/fa/w/6XmDdIRmg84 featured section
https://www.seevid.ir/fa/w/6XmDdIRmg84 newsletter
https://www.seevid.ir/fa/w/6XmDdIRmg84 arrivals section
https://www.seevid.ir/fa/w/6XmDdIRmg84 deal section
https://www.seevid.ir/fa/w/6XmDdIRmg84 review section
https://www.seevid.ir/fa/w/6XmDdIRmg84 blogs section
https://www.seevid.ir/fa/w/6XmDdIRmg84 footer section
https://www.seevid.ir/fa/w/6XmDdIRmg84 loader
https://www.seevid.ir/fa/w/6XmDdIRmg84 final demo
#FrontEnd
#BooksWebsite
#CompleteWebsite
3 سال پیش
در تاریخ 1400/07/07 منتشر شده
است.
413,063
بـار بازدید شده