Create A Responsive Car Selling Website Design Using HTML - CSS - JavaScript || Step By Step
Описание
how to make a complete responsive car selling single page website design using html css and vanilla javascript from scratch.
create a complete responsive single page front end car selling / car dealership / car renting / car buying / vehicles template website design tutorial using html css and vanilla javascript.
the main feature of this website are:
✔ responsive header / navbar with toggle navbar menu and login form effect using vanilla javascript.
✔ responsive home / hero section with parallax hover effect using vanilla javascript.
✔ responsive vehicles touch mobile slider section using swiper.js
✔ responsive services section using css grid.
✔ responsive featured car section touch mobile slider using swiper.js
✔ responsive newsletter.
✔ responsive review / testimonial touch mobile slider using swiper.js
✔ responsive contact section using css flexbox.
✔ responsive footer section using css grid.
* SOURCE CODES *
https://www.buymeacoffee.com/mrwebdesigner/e/121049
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
Images / Video / SVG : -
01 - https://www.freepik.com/
02 - https://storyset.com/
03 - https://pixabay.com/
04 - https://unsplash.com/
05 - https://pixabay.com/
UI Tool : - Figma
New To My Channel Subscribe Now And See More Stuff Like This:
https://youtube.com/channel/UCKwgH3vASrD2brd1l2m6NHw
Timestamp:
0:00 demo
4:38 file structure
5:44 header section
20:02 login form
28:53 home section
35:01 icons section
40:08 vehicles section
55:52 services section
1:01:15 featured section
1:10:25 newsletter
1:15:17 review section
1:23:06 contact section
1:28:07 footer section
1:34:54 final demo
#FrontEnd
#CarWebsite
#CompleteWebsite
Рекомендуемые видео







