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.
* SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/1Mdvq_pit1vpWI-erqB1dPwL4rfVy_DMt/view?usp=sharing
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://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw
Timestamp:
0:00 demo
4:21 file structure
5:13 header section
18:07 login form
25:45 home section
31:08 icons section
33:26 featured section
41:57 newsletter
44:35 arrivals section
48:54 deal section
50:47 review section
53:58 blogs section
57:31 footer section
1:02:12 loader
1:03:53 final demo
#FrontEnd
#BooksWebsite
#CompleteWebsite
0 Comments