the main feature of this website are: ✔ responsive sticky navbar / header with toggle and scroll effect. ✔ responsive home section using flexbox. ✔ responsive gallery section with card hover effect using flexbox. ✔ responsive about section using flexbox. ✔ responsive movie section with card hover effect using flexbox. ✔ responsive product card section using flexbox. ✔ responsive footer card section using flexbox.
TimeLine: 0:00 demo 3:28 file structure 4:27 header section 12:26 home section 16:31 gallery section 22:26 about section 25:17 movies section 30:10 product section 33:36 footer section 35:57 scroll top 37:12 scroll spy 38:37 smooth scrolling 39:36 final demo
download the source code from google drive ( includes images ):
font awesome cdn link: https://cdnjs.com/libraries/font-awesome
jquery cdn link: https://cdnjs.com/libraries/jquery
Sidebar Menu Using Only HTML and CSS | Side Navigation BarHello friends, Today in this video you'll learn how to create a Sidebar Menu using HTML and CSS onl...
Learn How to make an Image gallery with HTML, CSS and jQuery, Create 3 Image Gallery with Image Reflection using CSS Reflection. Learn to make a 3D image slider using HTML, CSS and jQuery. We will add reflection on images using CSS that make this gallery design more beautiful.
Particles Effect in Background in HTML Website using HTML CSS JQuery
In this article, we’ll tutorial the best ways for learning HTML to assist you on your programming journey.
In this video, you are going to learn how to design an awesome animated web page loader using HTML, CSS, and JQuery. First, let's see what is a preloader. Preloaders are often simple or complex animations that are used to keep users entertained while background operations finish processing.