Skip to main content

Autoplay carousel WITH HTML LANGUAGE

 

Autoplay carousel

HTML 


<div id="carousel"> <div id="slide-container"> <div class="slide" data-slideIndex="0"> <div class="slide-banner">Tour the Empire State Building! <a href="">Buy tickets now.</a></div> <img width="1200" height="600" src="./newyork.jpg"> </div> <div class="slide" data-slideIndex="1"> <div class="slide-banner">Ride the Shinkansen! <a href="">Buy tickets now.</a></div> <img width="1200" height="600" src="./tokyo.jpg"> </div> <div class="slide" data-slideIndex="2"> <div class="slide-banner">Discover relaxation! <a href="">Buy tickets now.</a></div> <img width="1200" height="600" src="./beach.jpg"> </div> <div class="slide" data-slideIndex="3"> <div class="slide-banner">See penguins! <a href="">Buy tickets now.</a></div> <img width="1200" height="600" src="./penguins.jpg"> </div> <div class="slide" data-slideIndex="4"> <div class="slide-banner">Take a ride on the wheel! <a href="">Buy tickets now.</a></div> <img width="1200" height="600" src="./wheel.jpg"> </div> </div> <div id="back-button" class="arrow back">←</div> <div id="forward-button" class="arrow forward">→</div> <div class="slide-indicators"> <div class="slide-indicator active"></div> <div class="slide-indicator"></div> <div class="slide-indicator"></div> <div class="slide-indicator"></div> <div class="slide-indicator"></div> </div> </div>

Labels:

Comments

Post a Comment

Popular posts from this blog

How to access contacts from the address book

                   HTML    How to access contacts from the address book <! DOCTYPE html > < html lang = " en " > < head > < meta charset = " utf-8 " /> < meta name = " viewport " content = " width=device-width, initial-scale=1 " /> < link rel = " icon " href = " data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎉</text></svg> " /> < title > How to access contacts from the address book </ title > </ head > < body > < h1 > How to access contacts from the address book </ h1 > < p > Ship your order as a present to a friend. </ p > < button hidden type = " button " > Open address book </ button > < pre > </ pre > < label > Na...
Post a Comment
Read more

HOW TO CREATE COPY BUTTON WITH HTML, CSS AND JS LANGUAGE

                                                                                                                                                      STRUCTURE WITH  <HTML> <! DOCTYPE html > < html lang = " en " > < head > < meta charset = " utf-8 " /> < meta name = " viewport " content = " width=device-width, initial-scale=1 " /> < link rel = " icon " href = " data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text...
Post a Comment
Read more

How to create Source Code To Apple Logo Using Python turtle

Source Code To Apple Logo Using Python turtle   import turtle as t t.begin_fill() t.Screen().bgcolor( 'Gray' ) t.fillcolor( 'black' ) t.left( 134 ) for i in range ( 30 ):     t.forward( 1 )     t.left( 1 ) t.right( 5 ) for i in range ( 35 ):     t.forward( 1 )     t.left( 1 ) t.left( 5 ) t.forward( 30 ) for i in range ( 15 ):     t.forward( 0.7 )     t.right( 3 ) t.forward( 25 ) t.left( 5 ) for i in range ( 50 ):     t.forward( 1 )     t.left( 1 ) t.right( 3 ) for i in range ( 50 ):     t.forward( 1 )     t.left( 1 ) t.right( 5 ) for i in range ( 45 ):     t.forward( 2 )     t.left( 1 ) t.right( 5 ) for i in range ( 40 ):     t.forward( 2 )     t.left( 1 ) t.left( 5 ) for i in range ( 20 ):     t.forward( 1 )     t.left( 2 ) t.left( 5 ) t.forward( 15 ) for i in range ( 9 ):     t.forward( 2 ) ...
Post a Comment
Read more