No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> | |||
<div class="carousel-inner"> | |||
<div class="carousel-item active"> | |||
<div class="cards-wrapper"> | |||
<div class="card"> | |||
[[File:Soekarno1.jpg|frameless|none|class=img-fluid]] | |||
<div class="card-body"> | |||
<h5 class="card-title">Card title</h5> | |||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |||
<a href="#" class="btn btn-primary">Go somewhere</a> | |||
</div> | |||
</div> | |||
<div class="card d-none d-md-block"> | |||
[[File:Soekarno1.jpg|frameless|none|class=img-fluid]] | |||
<div class="card-body"> | |||
<h5 class="card-title">Card title</h5> | |||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |||
<a href="#" class="btn btn-primary">Go somewhere</a> | |||
</div> | |||
</div> | |||
<div class="card d-none d-md-block"> | |||
[[File:Soekarno1.jpg|frameless|none|class=img-fluid]] | |||
<div class="card-body"> | |||
<h5 class="card-title">Card title</h5> | |||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |||
<a href="#" class="btn btn-primary">Go somewhere</a> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="carousel-item"> | |||
<div class="cards-wrapper"> | |||
<div class="card"> | |||
[[File:Soekarno1.jpg|frameless|none|class=img-fluid]] | |||
<div class="card-body"> | |||
<h5 class="card-title">Card title</h5> | |||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |||
<a href="#" class="btn btn-primary">Go somewhere</a> | |||
</div> | |||
</div> | |||
<div class="card d-none d-md-block"> | |||
[[File:Soekarno1.jpg|frameless|none|class=img-fluid]] | |||
<div class="card-body"> | |||
<h5 class="card-title">Card title</h5> | |||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |||
<a href="#" class="btn btn-primary">Go somewhere</a> | |||
</div> | |||
</div> | |||
<div class="card d-none d-md-block"> | |||
[[File:Soekarno1.jpg|frameless|none|class=img-fluid]] | |||
<div class="card-body"> | |||
<h5 class="card-title">Card title</h5> | |||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |||
<a href="#" class="btn btn-primary">Go somewhere</a> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div class="carousel-item"> | |||
<div class="cards-wrapper"> | |||
<div class="card"> | |||
[[File:Soekarno1.jpg|frameless|none|class=img-fluid]] | |||
<div class="card-body"> | |||
<h5 class="card-title">Card title</h5> | |||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |||
<a href="#" class="btn btn-primary">Go somewhere</a> | |||
</div> | |||
</div> | |||
<div class="card d-none d-md-block"> | |||
[[File:Soekarno1.jpg|frameless|none|class=img-fluid]] | |||
<div class="card-body"> | |||
<h5 class="card-title">Card title</h5> | |||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |||
<a href="#" class="btn btn-primary">Go somewhere</a> | |||
</div> | |||
</div> | |||
<div class="card d-none d-md-block"> | |||
[[File:Soekarno1.jpg|frameless|none|class=img-fluid]] | |||
<div class="card-body"> | |||
<h5 class="card-title">Card title</h5> | |||
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> | |||
<a href="#" class="btn btn-primary">Go somewhere</a> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> | |||
<span class="carousel-control-prev-icon" aria-hidden="true"></span> | |||
<span class="sr-only">Previous</span> | |||
</a> | |||
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> | |||
<span class="carousel-control-next-icon" aria-hidden="true"></span> | |||
<span class="sr-only">Next</span> | |||
</a> | |||
</div> | |||
<div class="row text-center mt-5"> | |||
<div class="col-sm-3"> | <div class="col-sm-3"> | ||
<p>[[:Category:Tokoh|'''Tokoh''']]</p> | <p>[[:Category:Tokoh|'''Tokoh''']]</p> | ||
Revision as of 16:55, 10 May 2023
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
<a href="#" class="btn btn-primary">Go somewhere</a>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> Previous </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> Next </a>
Card title
Judul
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Card title
Card title
Judul
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s
Card title
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Berdasarkan Kategori
Card title
This is a wider card with supporting text below as a natural lead-in to additional content.
Card title
This is a wider card with supporting text below as a natural lead-in to additional content.
Card title
This is a wider card with supporting text below as a natural lead-in to additional content.
Card title
This is a wider card with supporting text below as a natural lead-in to additional content.
Card title
This is a wider card with supporting text below as a natural lead-in to additional content.
Populer
Card title
This is a wider card with supporting text below as a natural lead-in to additional content.
Card title
This is a wider card with supporting text below as a natural lead-in to additional content.
Card title
This is a wider card with supporting text below as a natural lead-in to additional content.
Card title
This is a wider card with supporting text below as a natural lead-in to additional content.