<h1>Hello, world!</h1>
    <div id = "carouselku" class = "carousel slide">
     <ol class = "carousel-indicators">
        <li data-target = "#carouselku" data-slide-to = "0" class = "active"></li>
        <li data-target = "#carouselku" data-slide-to = "1"></li>
        <li data-target = "#carouselku" data-slide-to = "2"></li>
     </ol>
     <div class = "carousel-inner">
        <div class = "item active">
           <img src = "gambar1.jpg" alt = "First slide">
        </div>
        <div class = "item">
           <img src = "gambar2.jpg" alt = "Second slide">
        </div>
        <div class = "item">
           <img src = "gambar3.jpg" alt = "Third slide">
        </div>
     </div>
     <a class = "carousel-control left" href = "#carouselku" data-slide = "prev">&lsaquo;</a>
     <a class = "carousel-control right" href = "#carouselku" data-slide = "next">&rsaquo;</a>
    </div>