Scribd Logo
Upload

Welcome to Scribd!

  • Black Carousel

    Uploaded by

    Vikram Bologanesh
    6 views2 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views2 pages

    Black Carousel

    Uploaded by

    Vikram Bologanesh

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Title of the document</title>
    </head>
    <body style="background-color:#000000;">
    <html lang="en">
    <head>
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"
    href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script
    src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <body>

    <div class="container">
    <h2>TITLE HERE</h2>
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    <li data-target="#myCarousel" data-slide-to="3"></li>
    <li data-target="#myCarousel" data-slide-to="4"></li>
    </ol>

    <!-- Wrapper for slides -->


    <div class="carousel-inner">

    <div class="item active">


    <img
    src="https://lh3.googleusercontent.com/pw/AL9nZEUwiClBKAni18FLBYcCM94jovAWk612VakTx
    5ofUgjO4PkwePpPRiEvj1mj4Z-
    XeOITw1P1I5HlhtDuFQAxqbCdmNaiydSWpB4ENXeP6WziCL_PuzqTEMdiaIyYtaCrcZ8FqmsQVmz_tja4AX
    7CO2JJ=w500-h400-no" alt="The Closet Thumbnail" style="width:100%;">
    <div class="carousel-caption">
    <h3>The Closet</h3>
    <p>A game of mystery</p>
    </div>
    </div>

    <div class="item">
    <img
    src="https://lh3.googleusercontent.com/pw/AL9nZEUY61eK5dWTL1PgGHo43ClHYpm9k63-
    _83yjS_7aEQRWDkKOn00vpXP-
    ytnwr2F0w3YGOhyOjiy1XaMam0C5HZs5hspQ0ZSOd7iycAkI8cUVeL5nItZa3PwaNGFfhB0HsPqTK6nxTeU
    evmwFbVmrg_i=w500-h400-no" alt="The Desert" style="width:100%;">
    <div class="carousel-caption">
    <h3>The Desert</h3>
    <p>James, The Detective & La'die</p>
    </div>
    </div>
    <div class="item">
    <img
    src="https://lh3.googleusercontent.com/pw/AL9nZEXoa_DXQ87yDHfA9aqxnzUMQrWbiLayNZhNI
    YNLnbmUMWMfKoCFcHkBrMC4v-8lD3dNwf08IT3-
    fCorbVXVyQdQ8x5DDr6nH8XeYrIAU4zdnYWZ2YJa07UJiDZu4pGsuTsCTOt_xjYF1Un4y2ODN7hM=w500-
    h400-no" alt="Hellfire" style="width:100%;">
    <div class="carousel-caption">
    <h3>Hellfire</h3>
    <p>You might burn yourself!</p>
    </div>
    </div>

    <div class="item active">


    <img
    src="https://lh3.googleusercontent.com/pw/AL9nZEUTFsdEtWQWCVtSuaFsYd1_Np8kiN7_pbY0p
    VF0PnMVczZhSzZAAOuNXfeJVlybrjthGuh1p2sVSPfXVglx1GnYiS_2Zqc4q-
    isNX1zMuOwCNqzRadQkMnIn2BMhl4PDD8jWwK8EPX57U2MeD6GX__0=w500-h400-no" alt="The
    Portal" style="width:100%;">
    <div class="carousel-caption">
    <h3>The Portal</h3>
    <p>The final battle</p>
    </div>
    </div>

    </div>

    <!-- Left and right controls -->


    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
    <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
    <span class="sr-only">Next</span>
    </a>
    </div>
    </div>

    </body>
    </html>

    </body>
    </html>

    You might also like