Build a Disney Plus Hotstar Responsive UI Clone in HTML5 CSS3 and Javascript

 

 

MAKING THE NAVBAR OF HOTSTAR

 

 

 

 

 

index.html

 

 

 

 

style.css

 

 

 

 

HOTSTAR IMAGE SLIDER

 

 

First of all make a file called data.js and inside which we will store all the images as shown below

 

 

data.js

 

 

 

 

html code

 

 

 

 

css code

 

 

 

`

javascript code

 

 

 

 

 

 

 

 

HOTSTAR VIDEO SLIDER

 

 

html code

 

 

 

 

 

css code

 

 

 

 

 

javascript code

 

 

 

 

 

 

 

MOVIES CARD SECTION

 

 

html code

 

 

 

 

 

css code

 

 

 

 

js code

 

 

 

 

 

FULL HTML CODE

 

 

 

 

DOWNLOAD IMAGES AND SOURCE CODE

 

 

Leave a Reply