Kingstone - Christmas Kit

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <title>Kingstone - Christmas Kit</title>        <link href="_assets/vendor/bootstrap/css/bootstrap.css" rel="stylesheet">  <link href="_assets/css/business-frontpage.css" rel="stylesheet">  <link href="_assets/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="_assets/lib/animate/animate.min.css" rel="stylesheet"> <link href="_assets/lib/ionicons/css/ionicons.min.css" rel="stylesheet"> <link href="_assets/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"> <link href="_assets/lib/lightbox/css/lightbox.min.css" rel="stylesheet"> <link href="_assets/css/style.css" rel="stylesheet"> </head> <body data-spy="scroll" data-target="#navbarResponsive" >  <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> <div class="container"> <a class="navbar-brand" href="#"></a> <img src="_assets/images/logo_ks_56.png"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarResponsive"> <ul class="navbar-nav ml-auto"> <li class="nav-item"><a class="nav-link" href="#beranda">Beranda </a></li> <li class="nav-item"><a class="nav-link" href="#komik">Komik Set</a></li> <li class="nav-item"><a class="nav-link" href="#video">Video</a></li> <li class="nav-item"><a class="nav-link" href="#desain">Desain</a></li> <li class="nav-item"><a class="nav-link" href="#bonus">Bonus</a></li> </ul> </div> </div> </nav>  <header id="beranda" class="bg-primary py-5 mb-0"> <div class="container h-100"> <div class="row h-100 align-items-center"> <div class="col-lg-12"> <h1 class="display-4 text-white mt-5 mb-2">Paket Natal Kingstone Indonesia</h1> <p class="lead mb-5 text-white-50">Paket Natal dari Kingstone Indonesia. Kingstone Indonesia lahir dari kerja sama antara Yayasan Lembaga SABDA dan Kingstone Comics Amerika yang menghasilkan 72 Komik Kisah Kasih Abadi -- 66 kitab (Kejadian-Wahyu), 44 artist, 2.000+ halaman, dan 10.000 panels. Kingstone Indonesia adalah penghubung antara komik Kingstone dengan masyarakat Kristen di Indonesia.</p> </div> </div> </div> </header>   <section id="komik"> <div class="container"> <div class="row"> <div class="col-md-12 mb-0"> <div class="h-100"> <div class="card-body" align="center"> <h2 class="card-title">Komik Set</h2> <hr class="col-md-4 col-6"> <p class="col-md-8 col-12">Paket Komik Natal Kingstone Indonesia yang terdiri dari komik "The Story", "Kristus 1" dan "Kristus 2". Jelajahi kisah kelahiran Yesus Kristus disertai dengan referensi ayat, panduan PA, kurikulum, dan daftar bahan seputar SABDA Komik melalui komik-komik tersebut.</p> <p align="center"> <a class="btn btn-primary btn-lg ml-auto" role="button" href="https://komik.app/" target="_blank" title="Kunjungi Situs Komik.APP">Situs Komik.APP »</a></p> </div> </div> </div> </div>  <div class="row"> <div class="col-md-4 mb-5"> <div class="card h-100"> <div align="center" class="card-body"> <h4 class="card-title" align="center">Kisah Kasih Abadi</h4> <hr> <p align="center"> <a href="https://komik.app/comic?id=ks&chapter=00" target="_blank" title="Baca Komik Kisah Kasih Abadi"> <img class="rounded lift shadow-dark" src="_assets/images/thumb/komik/ks-00-0000-c.jpg"> </a> </p> <p align="center"><a href="https://komik.app/comic?id=ks&chapter=00" target="_blank" title="Baca Komik Kisah Kasih Abadi">Situs komik.app »</a></p> <p class="card-text">Komik Alkitab berbentuk akordion yang merangkum seluruh kisah di Alkitab dari kitab Kejadian-Wahyu.</p> </div> <div align="center" class="card-footer"> <a title="Download Komik Kisah Kasih Abadi" class="btn btn-success" role="button" href="Komik/Komik_Kisah_Kasih_Abadi--00-Kingstone_Indonesia.pdf" download> Download PDF</a></div> </div> </div> <div class="col-md-4 mb-5"> <div class="card h-100"> <div align="center" class="card-body"> <h4 align="center" class="card-title">Kristus 1 : Inkarnasi</h4> <hr> <p align="center"> <a href="https://komik.app/comic?id=ks&chapter=51" target="_blank" title="Baca Komik Kristus 1: Inkarnasi"> <img class="rounded lift shadow-dark" src="_assets/images/thumb/komik/ks-51-0000-c.jpg"> </a> </p> <p align="center"><a href="https://komik.app/comic?id=ks&chapter=51" target="_blank" title="Baca Komik Kristus 1: Inkarnasi">Situs komik.app »</a></p> <p class="card-text">Komik Alkitab yang menceritakan tentang kelahiran Yesus Kristus.</p> </div> <div align="center" class="card-footer"> <a title="Download Komik Kristus 1: Inkarnasi" class="btn btn-success" role="button" href="Komik/Komik_Kisah_Kasih_Abadi--51-Kristus-01--Inkarnasi.pdf" download>Download PDF</a></div> </div> </div> <div class="col-md-4 mb-5"> <div class="card h-100"> <div align="center" class="card-body"> <h4 class="card-title">Kristus 2 : Masa Kecil</h4> <hr> <p align="center"> <a href="https://komik.app/comic?id=ks&chapter=52" target="_blank" title="Baca Komik Kristus 2: Masa Kecil"> <img class="rounded lift shadow-dark" src="_assets/images/thumb/komik/ks-52-0000-c.jpg"> </a> </p> <p align="center"><a href="https://komik.app/comic?id=ks&chapter=52" target="_blank" title="Baca Komik Kristus 2: Masa Kecil">Situs komik.app »</a></p> <p class="card-text">Komik Alkitab yang menceritakan tentang masa kecil Yesus Kristus.</p> </div> <div align="center" class="card-footer"> <a title="Download Komik Kristus 2: Masa Kecil" class="btn btn-success" role="button" href="Komik/Komik_Kisah_Kasih_Abadi--52-Kristus-02--Masa_Kecil.pdf" download>Download PDF</a></div> </div> </div> </div>  </div> </section>  <div class="modal fade" id="thestory" tabindex="-1" role="dialog" aria-labelledby="thestory" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title w-100 text-center" id="thestory">Kisah Kasih Abadi</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="height:100%; width:100%"> <video controls="controls" preload="none" poster="_assets/images/video/thumb_sabdakomik_THE-STORY_KISAH-KASIH-ABADI.jpg" src="Video/The-Story_Kisah-Kasih-Abadi.mp4" width="100%"> <source type="video/mp4" /> <track label="English" kind="subtitles" srclang="en" src="" default /> </video> </div> <div class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Video/The-Story_Kisah-Kasih-Abadi.mp4" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div class="modal fade" id="theprophecy" tabindex="-1" role="dialog" aria-labelledby="theprophecy" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title w-100 text-center" id="theprophecy">Nubuat</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="height:100%; width:100%"> <video controls="controls" preload="none" poster="_assets/images/video/thumb_01_The_Prophecy.jpg" src="Video/01_The_Prophecy.mp4" width="100%"> <source src="Video/01_The_Prophecy.mp4" type="video/mp4" />  <source src="Video/01_The_Prophecy.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default> </video> </div> <div class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Video/01_The_Prophecy.mp4" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>   <div class="modal fade" id="theannouncement" tabindex="-1" role="dialog" aria-labelledby="theannouncement" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title w-100 text-center" id="theannouncement">Pengumuman</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span></button> </div> <div class="modal-body" style="height:100%; width:100%"> <video controls="controls" preload="none" poster="_assets/images/video/thumb_02_The_Announcement.jpg" src="Video/02_The_Announcement.mp4" width="100%"> <source src="Video/02_The_Announcement.mp4" type="video/mp4" />  <source src="Video/02_The_Announcement.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default> </video> </div> <div class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Video/02_The_Announcement.mp4" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div align="center" class="modal fade" id="theincarnation" tabindex="-1" role="dialog" aria-labelledby="theincarnation" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div align="center" class="modal-content"> <div class="modal-header"> <h5 class="modal-title w-100 text-center" id="theincarnation">Inkarnasi</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span></button> </div> <div class="modal-body" style="height:100%; width:100%"> <video controls="controls" preload="none" poster="_assets/images/video/thumb_03_The_Incarnation.jpg" src="Video/03_The_Incarnation.mp4" width="100%"> <source src="Video/03_The_Incarnation.mp4" type="video/mp4" />  <source src="Video/03_The_Incarnation.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default/> </video> </div> <div class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Video/03_The_Incarnation.mp4" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div align="center" class="modal fade" id="promo_kka" tabindex="-1" role="dialog" aria-labelledby="promo_kka" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div align="center" class="modal-content"> <div class="modal-header"> <h5 class="modal-title w-100 text-center" id="promo_kka">Promo Kisah Kasih Abadi</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="height:100%; width:100%"> <video controls="controls" preload="none" poster="_assets/images/video/thumb_promo_kisah_kasih_abadi.jpg" src="Video/The-Story_Promo.mp4" width="100%"> <source src="Video/The-Story_Promo.mp4" type="video/mp4" />  <source src="Video/The-Story_Promo.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default> </video> </div> <div class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Video/The-Story_Promo.mp4" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div align="center" class="modal fade" id="promo_kingstone" tabindex="-1" role="dialog" aria-labelledby="promo_kingstone" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div align="center" class="modal-content"> <div class="modal-header"> <h5 class="modal-title w-100 text-center" id="promo_kingstone">Promo Kingstone</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="height:100%; width:100%"> <video controls="controls" preload="none" poster="_assets/images/video/thumb_promo_kingstone.jpg" src="Video/Kingstone_Indonesia_Promo.mp4" width="100%"> <source src="Video/Kingstone_Indonesia_Promo.mp4" type="video/mp4" />  <source src="Video/Kingstone_Indonesia_Promo.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default/> </video> </div> <div class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Video/Kingstone_Indonesia_Promo.mp4" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div align="center" class="modal fade" id="kingstone_intro" tabindex="-1" role="dialog" aria-labelledby="kingstone_intro" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div align="center" class="modal-content"> <div class="modal-header"> <h5 class="modal-title w-100 text-center" id="kingstone_intro">Kingstone Comics Intro</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="height:100%; width:100%"> <video controls="controls" preload="none" poster="_assets/images/video/thumb_Kingstone_Comics_Intro.jpg" src="Video/Kingstone_Comics_Intro.mp4" width="100%"> <source src="Video/Kingstone_Comics_Intro.mp4" type="video/mp4" />  <source src="Video/Kingstone_Comics_Intro.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default> </video> </div> <div class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Video/Kingstone_Comics_Intro.mp4" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div align="center" class="modal fade" id="kingstone_digital" tabindex="-1" role="dialog" aria-labelledby="kingstone_digital" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div align="center" class="modal-content"> <div class="modal-header"> <h5 class="modal-title w-100 text-center" id="kingstone_digital">Kingstone Indonesia Digital</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="height:100%; width:100%"> <video controls="controls" preload="none" poster="_assets/images/video/thumb_Kingstone_Indonesia_Digital.jpg" src="Video/Kingstone_Indonesia_Digital.mp4" width="100%"> <source src="Video/Kingstone_Indonesia_Digital.mp4" type="video/mp4" />  <source src="Video/Kingstone_Indonesia_Digital.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> </div> <div class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Video/Kingstone_Indonesia_Digital.mp4" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>   <section id="video"> <div class="container"> <div class="row"> <div align="center" class="col-md-12 mb-0"> <div class="h-100"> <div class="card-body"> <h2 class="card-title">Video</h2> <hr class="col-md-4 col-6"> <p class="col-md-8 col-12">Video bertema Natal dari Kingstone Indonesia yang menyajikan kisah-kisah dalam Alkitab seputar kelahiran Yesus Kristus.</p> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div align="center" class="col-md-12 mb-5"> <div class="card h-100"> <div class="card-body"> <h4 class="card-title">Kisah Kasih Abadi</h4> <hr> <div class="box-img rounded col-md-6 px-0 my-4"> <a href="" data-toggle="modal" data-target="#thestory"> <img class="rounded w-100" src="_assets/images/video/thumb_sabdakomik_THE-STORY_KISAH-KASIH-ABADI.jpg"> <div class="overlay"> <div class="overlay-play"><i class="ion-play"> </i></div> </div> </a> </div> <p class="col-md-6 col-12">Kisah perjalanan umat manusia sebagaimana yang diceritakan dari Penciptaan sampai Kristus, dan terus berlanjut hingga ke Surga dan Bumi yang Baru.</p> </div> </div> </div> <div align="center" class="col-md-4 mb-5"> <div class="card h-100"> <div class="card-body"> <h4 class="card-title">Nubuat</h4> <hr> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#theprophecy"> <img class="rounded w-100" src="_assets/images/video/thumb_01_The_Prophecy.jpg"> <div class="overlay"> <div class="overlay-play"><i class="ion-play"> </i></div> </div> </a> </div> <p>Ada banyak ramalan dan nubuat kuno tentang Dia yang akan datang, yaitu Sang Mesias yang akan datang ke Israel untuk menyelamatkan dan membebaskan umat pilihan-Nya. Namun, kapan Dia datang dan akan seperti apa Dia nanti?</p> </div> </div> </div> <div align="center" class="col-md-4 mb-5"> <div class="card h-100"> <div class="card-body"> <h4 class="card-title">Pengumuman</h4> <hr> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#theannouncement"> <img class="rounded w-100" src="_assets/images/video/thumb_02_The_Announcement.jpg"> <div class="overlay"> <div class="overlay-play"><i class="ion-play"> </i></div> </div> </a> </div> <p>Tuhan merancang situasi politik, mengutus seorang malaikat kepada seorang imam tua, dan memilih seorang perempuan muda untuk mempersiapkan jalan bagi Dia untuk masuk ke dunia dalam rupa manusia.</p> </div> </div> </div> <div align="center" class="col-md-4 mb-5"> <div class="card h-100"> <div class="card-body"> <h4 class="card-title">Inkarnasi</h4> <hr> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#theincarnation"> <img class="rounded w-100" src="_assets/images/video/thumb_03_The_Incarnation.jpg"> <div class="overlay"> <div class="overlay-play"><i class="ion-play"> </i></div> </div> </a> </div> <p>Tuhan membungkus Diri-Nya dalam daging saat Dia datang ke dunia dalam rupa manusia.</p> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h4 class="card-title">Promo Kisah Kasih Abadi</h4> <hr> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#promo_kka"> <img class="rounded w-100" src="_assets/images/video/thumb_promo_kisah_kasih_abadi.jpg"> <div class="overlay"> <div class="overlay-play"><i class="ion-play"> </i></div> </div> </a> </div> <p>Seri komik "Kisah Kasih Abadi" menyajikan presentasi komik Alkitab paling lengkap dalam sejarah: 66 kitab (Kejadian-Wahyu), 44 artist, dalam 72 buku dengan 2.000+ halaman dan 10.000 panels (full colour, bergaya Marvel komik).</p> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h4 class="card-title">Promo Kingstone</h4> <hr> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#promo_kingstone"> <img class="rounded w-100" src="_assets/images/video/thumb_promo_kingstone.jpg"> <div class="overlay"> <div class="overlay-play"><i class="ion-play"> </i></div> </div> </a> </div> <p>Kisah perjalanan umat manusia sebagaimana yang diceritakan dari Penciptaan sampai Kristus, dan terus berlanjut hingga ke Surga dan Bumi yang Baru.</p> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h4 class="card-title">Kingstone Comics Intro</h4> <hr> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#kingstone_intro"> <img class="rounded w-100" src="_assets/images/video/thumb_Kingstone_Comics_Intro.jpg"> <div class="overlay"> <div class="overlay-play"><i class="ion-play"> </i></div> </div> </a> </div> <p>Mengapa Komik? Video ini akan menjelaskan kepada Anda tentang beberapa sifat komik yang membuat Komik Kingstone menjadi media penyampaian Alkitab yang efektif dan menyenangkan.</p> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h4 class="card-title">Kingstone Indonesia Digital</h4> <hr> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#kingstone_digital"> <img class="rounded w-100" src="_assets/images/video/thumb_Kingstone_Indonesia_Digital.jpg"> <div class="overlay"> <div class="overlay-play"><i class="ion-play"> </i></div> </div> </a> </div> <p>Anda sedang mencari kisah-kisah kepahlawanan sejati, petualangan, sekaligus berusaha memahami Alkitab? Komik Kingstone menawarkan ketiga hal itu dalam adaptasi grafis terlengkap yang pernah ada!</p> </div> </div> </div> </div> </div> </section>  <section> <div class="container"> <div class="row"> <div align="center" class="col-md-12 mb-5"> <div class="accordion" id="accordionExample"> <div class="card"> <div class="card-header" id="headingOne"> <h4 class="mb-0"> <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Panduan PA dengan Komik </button> </h4> </div> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample"> <div class="card-body"> <p>Seri Komik Kisah Kasih Abadi dibuat oleh Kingstone Comics dan diterjemahkan ke dalam bahasa Indonesia oleh Kingstone Indonesia — di bawah naungan Yayasan Lembaga SABDA (YLSA). Komik ini dibuat bukan sekadar untuk hiburan, tetapi terutama untuk edukasi dan penjangkauan. Karena itu, pada setiap halaman komik, terdapat referensi ayat-ayat Alkitab serta QR Code untuk mengakses berbagai bahan studi Alkitab seputar ayat-ayat tersebut di Komik Zone <a href="http://komik.app/zone" target="_blank">(http://komik.app/zone)</a>. Harapan kami, melalui membaca seri komik ini, pembaca dituntun untuk melakukan pendalaman Alkitab (PA) yang lebih serius, baik secara pribadi maupun berkelompok.</p> <a class="btn btn-success" role="button" href="Panduan_PA/Panduan_PA_KOMIK.pdf" download>Download PDF</a> </div> </div> </div> <div class="card"> <div class="card-header" id="headingTwo"> <h2 class="mb-0"> <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Kurikulum Studi Alkitab dengan Komik </button> </h2> </div> <div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionExample"> <div class="card-body"> <p>Kurikulum ini bisa menjadi salah satu metode untuk melakukan studi Alkitab dengan menggunakan komik Kisah Kasih Abadi, Kristus 01, dan Kristus 02. Studi Alkitab tidak hanya menggunakan komik-komik Alkitab, tetapi juga dilengkapi dengan animasi untuk mendukung proses pembelajaran supaya lebih mendalam dan menyenangkan.</p> <a class="btn btn-success" role="button" href="Kurikulum_Studi_Alkitab/Kurikulum_Studi_Alkitab_Komik_Natal.pdf" download>Download PDF</a> </div> </div> </div> <div class="card"> <div class="card-header" id="headingThree"> <h2 class="mb-0"> <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Daftar Bahan SABDA Komik </button> </h2> </div> <div id="collapseThree" class="collapse show" aria-labelledby="headingThree" data-parent="#accordionExample"> <div class="card-body"> <p>Seri Komik “Kisah Kasih Abadi” -- <a href="https://komik.app/comic" target="_blank"> https://komik.app/comic</a> Seri Kisah Kasih Abadi menyajikan presentasi komik Alkitab paling lengkap dalam sejarah: 66 kitab (Kejadian-Wahyu), 44 artists, dalam 72 buku dengan 2.000+ halaman dan 10.000+ panels (full colour, bergaya Marvel Comic). Seri komik ini disertai dengan Halaman Daftar Ayat yang bisa membantu untuk Pendalaman Alkitab.</p> <a class="btn btn-success" role="button" href="Cheatsheet/Cheatsheet_Komik_Kingstone_Indonesia.pdf" download>Download PDF</a> </div> </div> </div> </div>  </div> </div> </div> <div class="container"> <div class="row"> <hr> </div> </div>    <div class="modal fade" id="kaosnatal" tabindex="-1" role="dialog" aria-labelledby="kaosnatal" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Kaos Natal</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="height:100%; width:100%"> <p> <img src="_assets/images/thumb/desain/thumb_kaos_1.jpg"> </p> </div> <div class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Desain/T-Shirt/T-Shirt__Christmas.png" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div class="modal fade" id="posterkomik" tabindex="-1" role="dialog" aria-labelledby="posterkomik" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="posterkomik">Poster Komik</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div align="center" class="modal-body" style="height:100%; width:100%"> <p> <img src="_assets/images/thumb/desain/Poster_Komik.jpg"> </p> </div> <div align="center" class="modal-footer"> <a align="center" class="btn btn-success ml-auto" role="button" href="Desain/Poster/Poster__Size-A3.png" download>Download A3</a> <a align="center" class="btn btn-success ml-auto" role="button" href="Desain/Poster/Poster__Size-A4.png" download>Download A4</a> <a align="center" class="btn btn-success ml-auto" role="button" href="Desain/Poster/Poster__Size-A4x2.png" download>Download A4x2</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>   <div class="modal fade" id="mug1" tabindex="-1" role="dialog" aria-labelledby="mug1" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="mug1">Mug (1) : A Child is Born </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div align="center" class="modal-body" style="height:100%; width:100%"> <p> <img src="_assets/images/thumb/desain/Desain_Mug_1.jpg"> </p> </div> <div align="center" class="modal-footer"> <a class="btn btn-success ml-auto" role="button" href="Desain/Mug/Mug__Design-1.jpg" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>   <div class="modal fade" id="mug2" tabindex="-1" role="dialog" aria-labelledby="mug2" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="mug2">Mug (2) : Kisah Kasih Abadi putih </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div align="center" class="modal-body" style="height:100%; width:100%"> <p> <img src="_assets/images/thumb/desain/Desain_Mug_2.jpg"> </p> </div> <div align="center" class="modal-footer"> <a class="btn btn-success ml-auto" role="button" href="Desain/Mug/Mug__Design-2.jpg" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>   <div class="modal fade" id="mug3" tabindex="-1" role="dialog" aria-labelledby="mug3" aria-hidden="true"> <div align="center" class="modal-dialog modal-lg" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="mug3">Mug (3) : Kisah Kasih Abadi gelap</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div align="center" class="modal-body" style="height:100%; width:100%"> <p> <img src="_assets/images/thumb/desain/Desain_Mug_3.jpg"> </p> </div> <div align="center" class="modal-footer" style="height:100%; width:100%"> <a class="btn btn-success ml-auto" role="button" href="Desain/Mug/Mug__Design-3.jpg" download>Download</a> <button type="button" class="btn btn-secondary ml-auto" data-dismiss="modal">Close</button> </div> </div> </div> </div>  </section>  <section id="desain">  <div class="container"> <div class="row"> <div align="center" class="col-md-12 mb-0"> <div class="h-100"> <div class="card-body"> <h2 class="card-title">Desain</h2> <hr class="col-md-4 col-6"> <p class="col-md-8 col-12">Meriahkan Natal Anda dengan berbagai merchandise dari Kingstone Indonesia! Anda bisa mendapatkan 1 set Komik "Kristus 01", "Kristus 02", dan "The Story" (KKA-Kisah Kasih Abadi) beserta merchandise Kingstone Indonesia yang lainnya dengan memesannya kepada kami.</p> </div> </div> </div> </div>   <div class="row">  <div class="col-md-4 mb-5"> <div class="card h-100"> <div align="center" class="card-body"> <h4 align="center" class="card-title">Poster Komik</h4> <hr> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#posterkomik" class="zoom-in"> <img class="rounded w-100" src="_assets/images/thumb/desain/thumb_poster_x2.jpg"> <div class="overlay"> <div class="overlay-play"><i class="ion-image"> </i></div> </div> </a> </div> <p class="card-text">Poster Kristus dalam Komik Kisah Kasih Abadi! Jangan lupa, baca seri komik lengkapnya!</p> </div> <div align="center" class="card-footer"> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#posterkomik">Download/Preview</button> <a class="btn btn-success" role="button" href="http://komik.app/pesan" target="_blank">Pesan</a> </div> </div> </div>   </div> </div> </section>   <div class="modal fade" id="kelahiran_yesus" tabindex="-1" role="dialog" aria-labelledby="kelahiran_yesus" aria-hidden="true"> <div class="modal-dialog" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="kelahiran_yesus">Kelahiran Yesus </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="height:100%; width:100%"> <table style="height:100%; width:100%"> <tr> <td> <p> <img src="_assets/images/thumb/bahan_mewarnai/thumb_kelahiran_yesus.jpg"> </p> </td> <td> <p> <b>Download</b> </p> <p align="center"> <a href="" target="_blank"> <img src=""> </a> <a href="Bahan_Mewarnai/Kelahiran_Yesus.jpg" target="_blank"> <img src="_assets/images/thumb_logo_jpg.png"> </a> </p> </td> </tr> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div>   <div class="modal fade" id="simeon_yesus" tabindex="-1" role="dialog" aria-labelledby="simeon_yesus" aria-hidden="true"> <div class="modal-dialog" role="document" style="height:100%; width:100%"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="simeon_yesus">Simeon dan Yesus </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body" style="height:100%; width:100%"> <table style="height:100%; width:100%"> <tr> <td> <p> <img src="_assets/images/thumb/bahan_mewarnai/thumb_simeon_dan_yesus.jpg"> </p> </td> <td> <p> <b>Download</b> </p> <p align="center"> <a href="" target="_blank"> <img src=""> </a> <a href="Bahan_Mewarnai/Simeon_dan_Yesus.jpg" target="_blank"> <img src="_assets/images/thumb_logo_jpg.png"> </a> </p> </td> </tr> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div>   <section id="bonus"> <div class="container"> <div class="row"> <div align="center" class="col-md-12 mb-0"> <div class="h-100"> <div class="card-body"> <h2 class="card-title">Bonus</h2> <hr class="col-md-4 col-6"> <p class="col-md-8 col-12">Lembar Mewarnai</p> </div> </div> </div> </div> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h4>Kelahiran Yesus</h4> <hr> <p> <img src="_assets/images/thumb/bahan_mewarnai/thumb_kelahiran_yesus.jpg"> </p> <a class="btn btn-success" role="button" href="Bahan_Mewarnai/Kelahiran_Yesus.jpg" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h4>Simeon dan Yesus</h4> <hr> <p> <img src="_assets/images/thumb/bahan_mewarnai/thumb_simeon_dan_yesus.jpg"> </p> <a class="btn btn-success" role="button" href="Bahan_Mewarnai/Simeon_dan_Yesus.jpg" download>Download</a> </div> </div> </div> </div>  </div> </section>  <footer class="py-5 bg-dark"> <div class="container"> <p class="m-0 text-center text-white"> <a href="https://copyright.sabda.org">Copyright</a> © 2019<a href="https://www.ylsa.org"> Yayasan Lembaga SABDA (YLSA).</a> All Rights Reserved. <br> <b>Bank BCA Cabang Pasar Legi Solo - No. Rekening: 0790266579 - a.n. Yulia Oeniyati</b> <br> <a href="https://kontak.sabda.org">Kontak</a> | <a href="https://ylsa.org/partisipasi">Partisipasi</a> | <a href="https://donasi.sabda.org">Donasi</a></center> </p> </div>  </footer>  <script src="_assets/vendor/jquery/jquery.min.js"></script> <script src="_assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="_assets/js/modal.js"></script> </body> </html>

CINXE.COM

Kingstone - Christmas Kit