|
|
| Line 1: |
Line 1: |
| <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> | | <div class="hero p-3 text-center text-white"> |
| <ol class="carousel-indicators">
| | <h1 class="mb-3 mt-4">ENSIKLOPEDIA SEJARAH INDONESIA</h1> |
| <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
| | <p class="mb-5 mt-2 text-center">merupakan karya referensi atau ringkasan yang menyediakan rangkuman tema sejarah Indonesia <br>dari tahun 1900-1970 yang disajikan dalam bentuk digital.<br> </p> |
| <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
| |
| <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
| |
| </ol>
| |
| <div class="carousel-inner" >
| |
| <div class="carousel-item active"> | |
| [[File:Soekarno.jpg|frameless|none|link=Mainpage|class=d-block w-100 img-fluid]]
| |
| <div class="carousel-caption d-none d-md-block">
| |
| <h5>Soekarno</h5>
| |
| </div>
| |
| </div> | |
| <div class="carousel-item">
| |
| [[File:Soekarno.jpg|frameless|none|link=Mainpage|class=d-block w-100 img-fluid]]
| |
| <div class="carousel-caption d-none d-md-block">
| |
| <h5>Soekarno</h5>
| |
| </div>
| |
| </div>
| |
| <div class="carousel-item">
| |
| [[File:Soekarno.jpg|frameless|none|link=Mainpage|class=d-block w-100 img-fluid]]
| |
| <div class="carousel-caption d-none d-md-block"> | |
| <h5>Soekarno</h5>
| |
| </div>
| |
| </div>
| |
| <a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" role="button" data-slide="next">
| |
| <span class="carousel-control-next-icon" aria-hidden="true"></span>
| |
| <span class="sr-only">Next</span>
| |
| </a>
| |
| </div>
| |
| </div> | |
|
| |
|
| <div class="row text-center mt-2"> | | <div class="row mt-4 mb-0" style="font-size:14px;"> |
| <div class="col-sm"> | | <div class="col-sm"> |
| <p>[[:Category:Tokoh|'''Tokoh''']]</p> | | <p class="text-center">[[:Category:Tokoh|Tokoh]]</p> |
| </div> | | </div> |
| <div class="col-sm"> | | <div class="col-sm"> |
| <p>[[:Category:Peristiwa|'''Peristiwa''']]</p> | | <p class="text-center">[[:Category:Peristiwa|Peristiwa]]</p> |
| </div> | | </div> |
| <div class="col-sm"> | | <div class="col-sm"> |
| <p>[[:Category:Organisasi|'''Organisasi''']]</p> | | <p class="text-center">[[:Category:Organisasi|Organisasi]]</p> |
| </div> | | </div> |
| <div class="col-sm"> | | <div class="col-sm"> |
| <p>[[:Category:Istilah|'''Istilah''']]</p> | | <p class="text-center">[[:Category:Istilah|Istilah]]</p> |
| </div> | | </div> |
| <div class="col-sm"> | | <div class="col-sm"> |
| <p>[[:Category:Tempat|'''Tempat''']]</p> | | <p class="text-center">[[:Category:Tempat|Tempat]]</p> |
| </div> | | </div> |
| </div> | | </div> |
| | </div> |
|
| |
|
| | | <div class="pad"> |
| <div class=" container-fluid" > | |
| <div class="row mr-3 ml-3">
| |
| <div class="col-sm-6">
| |
| <div class="card border-light text-center shadow-sm">
| |
| [[File:Soekarno.jpg|frameless|none|580x349px|class=img-fluid|link=Soekarno]]
| |
| <div class="card-body">
| |
| <h6 class="card-title">Soekarno</h6>
| |
| <h6 class="text-left">Judul</h6>
| |
| <p class="card-text text-left">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.</p>
| |
| <p class="card-text text-left">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.</p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="col-sm mt-2">
| |
| <div class="card border-light text-center shadow-sm">
| |
| [[File:Tokoh.jpg|frameless|none|class=img-fluid]]
| |
| <div class="card-body">
| |
| <h6 class="card-title">Pahlawan Nasional</h6>
| |
| </div>
| |
| </div>
| |
| <div class="card border-light text-center mt-4 shadow-sm">
| |
| [[File:Istilah.jpg|frameless|none|class=img-fluid]]
| |
| <div class="card-body">
| |
| <h6 class="card-title">Istilah-istilah dalam Perkuliahan</h6>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <div class="col-sm mt-2">
| |
| <h6 class="text-left">[[Organisasi PPKI]]</h6>
| |
| <p>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
| |
| </p>
| |
| <div class="card border-light text-center shadow-sm">
| |
| [[File:Organisasi.jpg|frameless|none|class=img-fluid|link=]]
| |
| <div class="card-body">
| |
| <h6 class="card-title">PPKI</h6>
| |
| </div>
| |
| </div>
| |
| <p>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.
| |
| </p>
| |
| </div>
| |
| </div>
| |
| | |
| <h4 class="mt-5 ml-4">Berdasarkan Kategori</h4>
| |
| <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"> |
| [[File:Tokoh.jpg|frameless|none|class=img-fluid|link=Category:Tokoh]] | | [[File:Tokoh.jpg|frameless|none|class=img-card|link=Category:Tokoh]] |
| <div class="card-body"> | | <div class="card-body"> |
| <h6 class="card-title">[[:Category:Tokoh|Tokoh]]</h6> | | <h6 class="card-title font-weight-bold">[[:Category:Tokoh|Tokoh]]</h6> |
| <p class="card-text text-left">This is a wider card with supporting text below as a natural
| |
| lead-in to
| |
| additional content.</p>
| |
| </div> | | </div> |
| </div> | | </div> |
| <div class="card border-light text-center mr-0 shadow-sm"> | | <div class="card border-light text-center mr-0 shadow"> |
| [[File:Peristiwa.jpeg|frameless|none|class=img-fluid|link=Category:Peristiwa]] | | [[File:Peristiwa.jpeg|frameless|none|class=img-card|link=Category:Peristiwa]] |
| <div class="card-body"> | | <div class="card-body"> |
| <h6 class="card-title">[[:Category:Peristiwa|Peristiwa]]</h6> | | <h6 class="card-title font-weight-bold">[[:Category:Peristiwa|Peristiwa]]</h6> |
| <p class="card-text text-left">This is a wider card with supporting text below as a natural
| |
| lead-in to
| |
| additional content.</p>
| |
| </div> | | </div> |
| </div> | | </div> |
| <div class="card border-light text-center mr-0 shadow-sm"> | | <div class="card border-light text-center mr-0 shadow"> |
| [[File:Organisasi.jpg|frameless|none|class=img-fluid|link=Category:Organisasi]] | | [[File:Organisasi.jpg|frameless|none|class=img-card|link=Category:Organisasi]] |
| <div class="card-body"> | | <div class="card-body"> |
| <h6 class="card-title">[[:Category:Organisasi|Organisasi]]</h6> | | <h6 class="card-title font-weight-bold">[[:Category:Organisasi|Organisasi]]</h6> |
| <p class="card-text text-left">This is a wider card with supporting text below as a natural
| |
| lead-in to
| |
| additional content.</p>
| |
| </div> | | </div> |
| </div> | | </div> |
| <div class="card border-light text-center mr-0 shadow-sm"> | | <div class="card border-light text-center mr-0 shadow"> |
| [[File:Istilah.jpg|frameless|none|class=img-fluid|link=Category:Istilah]] | | [[File:Gambar Ketua MPR Adam Malik menerima Angkatan 66.jpg |frameless|none|class=img-card|link=Category:Istilah]] |
| <div class="card-body"> | | <div class="card-body"> |
| <h6 class="card-title">[[:Category:Istilah|Istilah]]</h6> | | <h6 class="card-title font-weight-bold">[[:Category:Istilah|Istilah]]</h6> |
| <p class="card-text text-left">This is a wider card with supporting text below as a natural
| |
| lead-in to
| |
| additional content.</p>
| |
| </div> | | </div> |
| </div> | | </div> |
| <div class="card border-light text-center mr-0 shadow-sm"> | | <div class="card border-light text-center mr-0 shadow"> |
| [[File:Kegiatan.jpg|frameless|none|class=img-fluid|link=Category:Tempat]] | | [[File:Samudera beach hotel.jpg|frameless|none|class=img-card|link=Category:Tempat]] |
| <div class="card-body"> | | <div class="card-body"> |
| <h6 class="card-title">[[:Category:Tempat|Tempat]]</h6> | | <h6 class="card-title font-weight-bold">[[:Category:Tempat|Tempat]]</h6> |
| <p class="card-text text-left">This is a wider card with supporting text below as a natural
| |
| lead-in to
| |
| additional content.</p>
| |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
| | | </div> |
| | | {{#tweekihide:sidebar-left}}{{#tweekihide:sidebar-right}}{{#tweekihide:firstHeading}} |
| <h4 class="mt-5 ml-4">Populer</h4>
| | __NOTOC____NOEDITSECTION__ |
| <div class="card-deck mt-4 mr-3 ml-3">
| |
| <div class="card border-light text-center mr-0 shadow-sm">
| |
| [[File:Soekarno.jpg|frameless|none|class=img-fluid]]
| |
| <div class="card-body">
| |
| <h6 class="card-title">Card title </h6>
| |
| <p class="card-text text-left">This is a wider card with supporting text below as a natural
| |
| lead-in to
| |
| additional content.</p>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="card border-light text-center mr-0 shadow-sm">
| |
| [[File:Soekarno.jpg|frameless|none|class=img-fluid]]
| |
| <div class="card-body">
| |
| <h6 class="card-title">Card title </h6>
| |
| <p class="card-text text-left">This is a wider card with supporting text below as a natural
| |
| lead-in to
| |
| additional content.</p>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="card border-light text-center mr-0 shadow-sm">
| |
| [[File:Soekarno.jpg|frameless|none|class=img-fluid]]
| |
| <div class="card-body">
| |
| <h6 class="card-title">Card title </h6>
| |
| <p class="card-text text-left">This is a wider card with supporting text below as a natural
| |
| lead-in to
| |
| additional content.</p>
| |
| </div>
| |
| </div>
| |
| | |
| <div class="card border-light text-center mr-0 shadow-sm">
| |
| [[File:Soekarno.jpg|frameless|none|class=img-fluid]]
| |
| <div class="card-body">
| |
| <h6 class="card-title">Card title </h6>
| |
| <p class="card-text text-left">This is a wider card with supporting text below as a natural
| |
| lead-in to
| |
| additional content.</p>
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| </div>
| |
| {{#tweekihide:sidebar-left}}{{#tweekihide:sidebar-right}}__NOTOC____NOEDITSECTION__{{#tweekihide:firstHeading}} | |
