Scribd Logo
Upload

Welcome to Scribd!

  • Link Header

    Uploaded by

    fitriyanirahman
    5 views2 pages

    Original Title

    LINK HEADER

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, 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 DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views2 pages

    Link Header

    Uploaded by

    fitriyanirahman

    Copyright:

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

    <!

    DOCTYPE html>

    <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/4.5.2/css/bootstrap.min.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

    <style>

    /* Make the image fully responsive */

    .carousel-inner img {

    width: 100%;

    height: 100%;

    </style>

    </head>

    <body class="bg-transparent">

    <div id="demo" class="carousel slide" data-ride="carousel">

    <!-- Indicators -->

    <ul class="carousel-indicators">

    <li data-target="#demo" data-slide-to="0" class="active"></li>

    <li data-target="#demo" data-slide-to="1"></li>

    <li data-target="#demo" data-slide-to="2"></li>

    </ul>
    <!-- The slideshow -->

    <div class="carousel-inner">

    <div class="carousel-item active">

    <img src=" https://drive.google.com/uc?export=view&id=1-CVVVdPJs3wlPeLtIXmi9otOZvvpI1S3"


    alt="Slide 1" width="1100" height="500">

    </div>

    <div class="carousel-item">

    <img src=" https://drive.google.com/uc?


    export=view&id=1UEn2Wnn9SSoNhJvQFmTm0lo58bRe6LlK" alt="Slide 2" width="1100"
    height="500">

    </div>

    <div class="carousel-item">

    <img src="https://drive.google.com/uc?
    export=view&id=19tbRuAHCLDXXbp9FOCjlUBUNlRbWWbX4" alt="silde 3" width="1100"
    height="500">

    </div>

    </div>

    <!-- Left and right controls -->

    <a class="carousel-control-prev" href="#demo" data-slide="prev">

    <span class="carousel-control-prev-icon"></span>

    </a>

    <a class="carousel-control-next" href="#demo" data-slide="next">

    <span class="carousel-control-next-icon"></span>

    </a>

    </div>

    </body>

    </html>

    You might also like