No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div class="p-4 text-center bg-light mt-0"> | <div class="p-4 text-center bg-light mt-0" style="background-image:[[File:Soekarno.jpg]];height:240px;"> | ||
<h1 class="mb-3">Heading</h1> | <h1 class="mb-3">Heading</h1> | ||
<h4 class="mb-3">Subheading</h4> | <h4 class="mb-3">Subheading</h4> | ||
| Line 26: | Line 26: | ||
<div class="col-6"> | <div class="col-6"> | ||
<div class="card border-light text-center shadow-sm"> | <div class="card border-light text-center shadow-sm"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|580x349px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 43: | Line 43: | ||
<div class="col-3"> | <div class="col-3"> | ||
<div class="card border-light text-center shadow-sm"> | <div class="card border-light text-center shadow-sm"> | ||
[[File:Soekarno1.jpg|frameless|none| | [[File:Soekarno1.jpg|frameless|none|290x205px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 49: | Line 49: | ||
</div> | </div> | ||
<div class="card border-light text-center mt-2 shadow-sm"> | <div class="card border-light text-center mt-2 shadow-sm"> | ||
[[File:Soekarno1.jpg|frameless|none| | [[File:Soekarno1.jpg|frameless|none|290x205px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title"> Card title</h6> | <h6 class="card-title"> Card title</h6> | ||
| Line 62: | Line 62: | ||
</p> | </p> | ||
<div class="card border-light text-center shadow-sm"> | <div class="card border-light text-center shadow-sm"> | ||
[[File:Soekarno1.jpg|frameless|none| | [[File:Soekarno1.jpg|frameless|none|290x205px|class="img-fluid"|link=]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title"> Card title | <h6 class="card-title"> Card title | ||
| Line 83: | Line 83: | ||
<div class="card-deck mt-4 mr-3 ml-3"> | <div class="card-deck mt-4 mr-3 ml-3"> | ||
<div class="card border-light text-center mr-0 shadow-sm"> | <div class="card border-light text-center mr-0 shadow-sm"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|226x226px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 92: | Line 92: | ||
</div> | </div> | ||
<div class="card border-light text-center mr-0 shadow-sm"> | <div class="card border-light text-center mr-0 shadow-sm"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|226x226px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 101: | Line 101: | ||
</div> | </div> | ||
<div class="card border-light text-center mr-0 shadow-sm"> | <div class="card border-light text-center mr-0 shadow-sm"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|226x226px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 110: | Line 110: | ||
</div> | </div> | ||
<div class="card border-light text-center mr-0 shadow-sm"> | <div class="card border-light text-center mr-0 shadow-sm"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|226x226px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 119: | Line 119: | ||
</div> | </div> | ||
<div class="card border-light text-center mr-0 shadow-sm"> | <div class="card border-light text-center mr-0 shadow-sm"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|226x226px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 133: | Line 133: | ||
<div class="card-deck mt-4 mr-3 ml-3"> | <div class="card-deck mt-4 mr-3 ml-3"> | ||
<div class="card border-light text-center mr-0 shadow-sm w-25"> | <div class="card border-light text-center mr-0 shadow-sm w-25"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|288x233px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 143: | Line 143: | ||
<div class="card border-light text-center mr-0 shadow-sm"> | <div class="card border-light text-center mr-0 shadow-sm"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|288x233px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 153: | Line 153: | ||
<div class="card border-light text-center mr-0 shadow-sm"> | <div class="card border-light text-center mr-0 shadow-sm"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|288x233px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
| Line 163: | Line 163: | ||
<div class="card border-light text-center mr-0 shadow-sm"> | <div class="card border-light text-center mr-0 shadow-sm"> | ||
[[File:Soekarno.jpg|frameless|none| | [[File:Soekarno.jpg|frameless|none|288x233px|class="img-fluid"]] | ||
<div class="card-body"> | <div class="card-body"> | ||
<h6 class="card-title">Card title </h6> | <h6 class="card-title">Card title </h6> | ||
Revision as of 13:15, 8 May 2023
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.