Build a Modern Image Slider [ Carousel ] using HTML CSS Bootstrap and { JavaScript }
![Build a Modern Image Slider [ Carousel ] using HTML CSS Bootstrap and { JavaScript }](https://i.ytimg.com/vi/NdNkYkixwpU/hqdefault.jpg)
In this web development tutorial we are going to build a completely responsive modern auto sliding carousel using HTML5 CSS3 Bootstrap 5 and JavaScript.
Timestamps:
00:00 - Intro & Project overview
01:42 - Basic Setup
03:36 - Greenall container
08:06 - Main container
09:53 - Carousel
10:58 - Carousel images
13:11 - Carousel controllers
16:03 - Carousel captions
21:38 - Carousel caption animation
26:04 - Carousel functionality using JavaScript
34:10 - Carousel auto slide using JavaScript
37:29 - Animate all carousel captions using JavaScript
46:20 - Navigate the carousel by clicking the captions
48:41 - Fade in images with bluer effect
#css #javascript #norbertBM
Suggest:
☞ Developing in HTML5 with JavaScript and CSS3
☞ Learn HTML5 and CSS3 From Scratch - Full Course
☞ Intro to HTML & CSS - Tutorial
☞ JavaScript Programming Tutorial Full Course for Beginners