Create Animated Responsive Image Gallery using HTML5, CSS3 & Bootstrap with Slide Show | Example 2

Download the starter files from

Please click on Like button and Subscribe:

In this video, we will learn how to create an animated responsive image gallery using HTML5, CSS3 and Bootstrap with Slide Show (Light Box) to show pictures in full screen.

The webpage features:
i. responsive always-on-top navigation bar
ii. animated Jumbotron
iii. image thumbnail grid
iv. hovering effect on image grid
v. full screen slide show view with navigation controls
vi. demo images below slide show for quick manoeuvring
vii. footer with social links

-----------------------------------------------------------------------------------------------------------------

WEBSITE SCREENSHOTS:

Jumbotron Section:

Image thumbnails Section:

Slide Show Section:

Demo Images Section:

Footer Section:

Website:

-----------------------------------------------------------------------------------------------------------------

I am new to YouTube. If I did something wrong, please let me know in the comments and I would love to improve myself in the subsequent videos.
And sorry for the poor quality audio, if that bothers you.

[AbdulKhan-xweg]

Amazing design!!! Gallery page has always been hectic..thnkx for making it soo easy broo.. thanks a ton!!!

[ankurkapoor]

thnx a ton man.. vry helpful fr my final yr project

[parweenbobby]

slide show is so similr to wht v c on fb. gud 1. thnk u

[ankittripathi]

this is gr8. thnx a lot for teaching this

[bushrakhan]

Dis is xactly what i was lukng for during my final yr projct work.. lol but anywy thank u fr sch a gud design 👍

[weirdengineerguy]

That's a cool gallery page man. I liked the images you chose for example. Love India. ❤️

[LucasFGodoy]

I spent about 14 hours and it is not working! I think I did something wrong, can you give me the html code only for the image gallery?