SABDA Media

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>SABDA Media</title> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="" name="keywords" /> <meta content="" name="description" />    <link href="_assets/images/logo_SABDA_MEDIA_56x30.png" rel="icon" />   <link href="_assets/css/open_sans.css" rel="stylesheet" type="text/css" />  <link href="_assets/lib/bootstrap/css/bootstrap.min.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" /> <link href="_assets/css/jquerysctipttop.css" rel="stylesheet" type="text/css" />    <-- Stylesheets -->  <link href="_assets/css/material_icons.css" rel="stylesheet" type="text/css" />    <link href="_assets/css/jquery-ui.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="_assets/css/audio-player.css" type="text/css" />  <link href="_assets/css/deskripsi.css" rel="stylesheet" /> </head> <body>  <header id="header" class="shadow fixed-top"> <div class="container"> <div class="logo float-left"> <a href="#intro" class="scrollto"><img src="_assets/images/logo_SABDA_MEDIA_504x270.png" alt="" class="img-fluid" /></a> </div> <nav class="main-nav float-right d-none d-lg-block"> <ul> <li class="active"><a href="#intro">Beranda</a></li> <li><a href="#video">Video</a></li> <li><a href="#audio">Audio</a></li> <li><a href="#grafis">Grafik</a></li> <li><a href="#buku">Buku</a></li> <li><a href="04_BUKU/Cheatsheet_Natal.pdf" download>Daftar Bahan</a></li> </ul> </nav> </div> </header>   <section id="intro" class="clearfix"> <div class="container"> <div class="intro-img">  <p class="description text-light w-100 text-center rounded"> Paket Natal SABDA ME+DIA menyediakan bahan-bahan Natal yang bermutu dan alkitabiah, hasil kerja sama dengan Yayasan Lembaga SABDA (YLSA) dan banyak mitra. Paket Natal ini bisa berguna sebagai alat belajar Alkitab yang berorientasi pada Media First bagi generasi digital abad ke-21 yang terintegrasi dengan bahan-bahan multimedia Alkitab yang bersifat visual, audio, dan audiovisual. </p> </div> <div class="intro-info"> <h2> Paket <font color="aqua">Natal</font><br /> SABDA ME+DIA </h2> <div> </div> </div> </div> </section>  <main id="main">  <section id="video"> <div class="container"> <div class="row"> <div align="center" class="col-md-12 mt-1 mb-0"> <div class="h-100"> <div class="card-body h-100 mt-3"> <h2 class="card-title font-weight-bold">Video</h2> <hr class="col-md-4 col-6" /> <p class="description col-md-8 col-12"> Kumpulan berbagai macam bahan audiovisual yang bercerita tentang kelahiran Kristus Sang Juru Selamat. Terdiri dari video animasi (gambar bergerak/motion comic), film (adegan cerita dalam Alkitab yang diperankan), dan klip-klip lainnya. </p> </div> </div> </div> </div> <div class="row justify-content-center"> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Alkitab Bergambar</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12"> Alkitab suara yang dilengkapi dengan gambar. Tersedia video per pasal Alkitab dan dilengkapi dengan nomor ayat untuk memudahkan pembelajaran Alkitab. Durasi video bervariasi berdasarkan banyaknya ayat dalam pasal tersebut. </p> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#alkitab_bergambar"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Gracelink</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12"> <br /> <br /> Video animasi pendek yang menceritakan kisah mengenai Kelahiran Yesus. </p> <br /> <br /> <br /> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#animasi_gracelink"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Kingstone Indonesia</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12">Video motion comic dari komik Kingstone Indonesia yang menceritakan mengenai nubuat, pemberitaan, dan peristiwa kelahiran Yesus.</p> <br /> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#animasi_kingstone_indonesia"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Raja Kemuliaan</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12"> <br /> Video animasi berdurasi sedang yang menceritakan tentang kelahiran Kristus. </p> <br /> <br /> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#animasi_raja_kemuliaan"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Alkitab Proyek Indonesia</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12"> Kumpulan animasi, baik dalam bentuk infografik yang memudahkan mempelajari satu kitab secara menyeluruh maupun video tematik yang memberikan penjelasan menyeluruh untuk suatu topik tertentu dalam Alkitab. </p> <br /> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#alkitab_proyek_indonesia"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Film Kisah Yesus</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12"> Film berdurasi panjang yang bercerita tentang hidup dan pelayanan Yesus hingga penyaliban-Nya. Terdapat pula film Yesus dari sudut pandang Maria Magdalena yang bercerita tentang Injil, kehidupan, dan pelayanan Yesus hingga kebangkitan-Nya. </p> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#film_kisah_yesus"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Film LUMO</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12">Terdiri dari beberapa film yang berisi ayat Alkitab dalam satu perikop dilengkapi dengan gambaran visual yang membantu dalam memahami firman Tuhan.</p> <br /> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#film_lumo"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Film Tetelestai</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12"> Berbentuk film berdurasi sedang yang menceritakan mengenai kelahiran Yesus dengan diselingi penjelasan dan ayat Alkitab yang terkait untuk membantu memahami peristiwa kelahiran Yesus. </p> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#film_tetelestai"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Film Video Natal</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12"> <br /> Beberapa animasi berdurasi sedang yang menceritakan mengenai kelahiran Yesus Kristus. </p> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#film_video_natal"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Film Yesus</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12">Terdiri dari beberapa film yang berisi ayat Alkitab dalam satu perikop dilengkapi dengan adegan film yang menjelaskan ayat-ayat tersebut.</p> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#film_yesus"> Video </button> </div> </div> </div> <div align="center" class="col-md-6 mt-1 mb-3"> <div class="h-100"> <div class="card-body h-100 shadow rounded border"> <h4 class="card-title">Video Klip</h4> <hr class="col-md-6 col-6" /> <p class="description col-md-8 col-12"> Terdiri dari klip-klip humor Natal yang mengumpamakan kisah kelahiran Yesus terjadi pada zaman sekarang, dengan media sosial menjadi sarana penyebaran berita kelahiran-Nya. </p> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#video_klip"> Video </button> </div> </div> </div> </div> </div> </section>  <div class="modal fade" id="alkitab_bergambar" tabindex="-1" role="dialog" aria-labelledby="alkitab_bergambar" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="alkitab_bergambar">Alkitab Bergambar</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Matius 1</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/40_Matius_001.jpg" src="01_VIDEO/Alkitab_Bergambar/40_Matius_001.mp4" width="100%"> <source src="01_VIDEO/Alkitab_Bergambar/40_Matius_001.mp4" type="video/mp4" />  <source src="01_VIDEO/Alkitab_Bergambar/40_Matius_001.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Alkitab_Bergambar/40_Matius_001.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Matius 2</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/40_Matius_002.jpg" src="01_VIDEO/Alkitab_Bergambar/40_Matius_002.mp4" width="100%"> <source src="01_VIDEO/Alkitab_Bergambar/40_Matius_002.mp4" type="video/mp4" />  <source src="01_VIDEO/Alkitab_Bergambar/40_Matius_002.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Alkitab_Bergambar/40_Matius_002.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Lukas 1</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/42_Lukas_001.jpg" src="01_VIDEO/Alkitab_Bergambar/42_Lukas_001.mp4" width="100%"> <source src="01_VIDEO/Alkitab_Bergambar/42_Lukas_001.mp4" type="video/mp4" />  <source src="01_VIDEO/Alkitab_Bergambar/42_Lukas_001.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Alkitab_Bergambar/42_Lukas_001.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Lukas 2</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/42_Lukas_002.jpg" src="01_VIDEO/Alkitab_Bergambar/42_Lukas_002.mp4" width="100%"> <source src="01_VIDEO/Alkitab_Bergambar/42_Lukas_002.mp4" type="video/mp4" />  <source src="01_VIDEO/Alkitab_Bergambar/42_Lukas_002.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Alkitab_Bergambar/42_Lukas_002.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="animasi_gracelink" tabindex="-1" role="dialog" aria-labelledby="animasi_gracelink" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="animasi_gracelink">Animasi Gracelink</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Birthday Presents for Jesus</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/GraceLink-Birthday_Presents_for_Jesus.jpg" src="01_VIDEO/Animasi_Gracelink/GraceLink-Birthday_Presents_for_Jesus.mp4" width="100%" > <source src="01_VIDEO/Animasi_Gracelink/GraceLink-Birthday_Presents_for_Jesus.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_Gracelink/GraceLink-Birthday_Presents_for_Jesus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_Gracelink/GraceLink-Birthday_Presents_for_Jesus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Dedicated to God<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/GraceLink-Dedicated_to_God.jpg" src="01_VIDEO/Animasi_Gracelink/GraceLink-Dedicated_to_God.mp4" width="100%"> <source src="01_VIDEO/Animasi_Gracelink/GraceLink-Dedicated_to_God.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_Gracelink/GraceLink-Dedicated_to_God.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_Gracelink/GraceLink-Dedicated_to_God.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> The Best Gift<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/GraceLink-The_Best_Gift.jpg" src="01_VIDEO/Animasi_Gracelink/GraceLink-The_Best_Gift.mp4" width="100%"> <source src="01_VIDEO/Animasi_Gracelink/GraceLink-The_Best_Gift.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_Gracelink/GraceLink-The_Best_Gift.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_Gracelink/GraceLink-The_Best_Gift.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> The First Christmas<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/GraceLink-The_First_Christmas.jpg" src="01_VIDEO/Animasi_Gracelink/GraceLink-The_First_Christmas.mp4" width="100%"> <source src="01_VIDEO/Animasi_Gracelink/GraceLink-The_First_Christmas.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_Gracelink/GraceLink-The_First_Christmas.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_Gracelink/GraceLink-The_First_Christmas.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> The First Christmas Song<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/GraceLink-The_First_Christmas_Song.jpg" src="01_VIDEO/Animasi_Gracelink/GraceLink-The_First_Christmas_Song.mp4" width="100%" > <source src="01_VIDEO/Animasi_Gracelink/GraceLink-The_First_Christmas_Song.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_Gracelink/GraceLink-The_First_Christmas_Song.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_Gracelink/GraceLink-The_First_Christmas_Song.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="animasi_kingstone_indonesia" tabindex="-1" role="dialog" aria-labelledby="animasi_kingstone_indonesia" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="animasi_kingstone_indonesia">Animasi Kingstone Indonesia</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Nubuat</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/01_The_Prophecy.jpg" src="01_VIDEO/Animasi_Kingstone_Indonesia/01_The_Prophecy.mp4" width="100%"> <source src="01_VIDEO/Animasi_Kingstone_Indonesia/01_The_Prophecy.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_Kingstone_Indonesia/01_The_Prophecy.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_Kingstone_Indonesia/01_The_Prophecy.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Pengumuman</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/02_The_Announcement.jpg" src="01_VIDEO/Animasi_Kingstone_Indonesia/02_The_Announcement.mp4" width="100%"> <source src="01_VIDEO/Animasi_Kingstone_Indonesia/02_The_Announcement.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_Kingstone_Indonesia/02_The_Announcement.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_Kingstone_Indonesia/02_The_Announcement.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Inkarnasi</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/03_The_Incarnation.jpg" src="01_VIDEO/Animasi_Kingstone_Indonesia/03_The_Incarnation.mp4" width="100%"> <source src="01_VIDEO/Animasi_Kingstone_Indonesia/03_The_Incarnation.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_Kingstone_Indonesia/03_The_Incarnation.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_Kingstone_Indonesia/03_The_Incarnation.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="animasi_raja_kemuliaan" tabindex="-1" role="dialog" aria-labelledby="animasi_raja_kemuliaan" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="animasi_raja_kemuliaan">Raja Kemuliaan</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-12 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Raja Kemuliaan</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/KOG_Ep09--Masuknya_Sang_Raja.jpg" src="01_VIDEO/Animasi_Raja_Kemuliaan/KOG_Ep09--Masuknya_Sang_Raja.mp4" width="100%"> <source src="01_VIDEO/Animasi_Raja_Kemuliaan/KOG_Ep09--Masuknya_Sang_Raja.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_Raja_Kemuliaan/KOG_Ep09--Masuknya_Sang_Raja.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_Raja_Kemuliaan/KOG_Ep09--Masuknya_Sang_Raja.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="alkitab_proyek_indonesia" tabindex="-1" role="dialog" aria-labelledby="alkitab_proyek_indonesia" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="alkitab_proyek_indonesia">Alkitab Proyek Indonesia</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Matius 1-13</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Baca_Alkitab_40_Matius_01-13.jpg" src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_40_Matius_01-13.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_40_Matius_01-13.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_40_Matius_01-13.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_40_Matius_01-13.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Matius 14-28</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Baca_Alkitab_40_Matius_14-28.jpg" src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_40_Matius_14-28.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_40_Matius_14-28.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_40_Matius_14-28.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_40_Matius_14-28.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Lukas 1-9</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Baca_Alkitab_42_Lukas_01-09.jpg" src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_42_Lukas_01-09.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_42_Lukas_01-09.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_42_Lukas_01-09.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_42_Lukas_01-09.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Lukas 10-24</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Baca_Alkitab_42_Lukas_10-24.jpg" src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_42_Lukas_10-24.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_42_Lukas_10-24.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_42_Lukas_10-24.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/Baca_Alkitab_42_Lukas_10-24.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Lukas 1-2 (EN)</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/EN_Injil_Lukas_01-02_Kelahiran_Yesus.jpg" src="01_VIDEO/Animasi_The_Bible_Project/EN_Injil_Lukas_01-02_Kelahiran_Yesus.mp4" width="100%" > <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Injil_Lukas_01-02_Kelahiran_Yesus.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Injil_Lukas_01-02_Kelahiran_Yesus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/EN_Injil_Lukas_01-02_Kelahiran_Yesus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Lukas 1-2</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Injil_Lukas_01-02_Kelahiran_Yesus.jpg" src="01_VIDEO/Animasi_The_Bible_Project/Injil_Lukas_01-02_Kelahiran_Yesus.mp4" width="100%" > <source src="01_VIDEO/Animasi_The_Bible_Project/Injil_Lukas_01-02_Kelahiran_Yesus.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/Injil_Lukas_01-02_Kelahiran_Yesus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/Injil_Lukas_01-02_Kelahiran_Yesus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Anak Manusia</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/EN_Tema-16_Anak_Manusia.jpg" src="01_VIDEO/Animasi_The_Bible_Project/EN_Tema-16_Anak_Manusia.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Tema-16_Anak_Manusia.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Tema-16_Anak_Manusia.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/EN_Tema-16_Anak_Manusia.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Langit dan Bumi</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Tema-01_Langit_dan_Bumi.jpg" src="01_VIDEO/Animasi_The_Bible_Project/Tema-01_Langit_dan_Bumi.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/Tema-01_Langit_dan_Bumi.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/Tema-01_Langit_dan_Bumi.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/Tema-01_Langit_dan_Bumi.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Mesias</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Tema-02_Mesias.jpg" src="01_VIDEO/Animasi_The_Bible_Project/Tema-02_Mesias.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/Tema-02_Mesias.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/Tema-02_Mesias.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/Tema-02_Mesias.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Injil Kerajaan</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/thumb_Tema-07_Injil_Kerajaan_Allah.jpg" src="01_VIDEO/Animasi_The_Bible_Project/Tema-07_Injil_Kerajaan_Allah.mp4" width="100%" > <source src="01_VIDEO/Animasi_The_Bible_Project/Tema-07_Injil_Kerajaan_Allah.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/Tema-07_Injil_Kerajaan_Allah.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/Tema-07_Injil_Kerajaan_Allah.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Teaser Advent</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/thumb_WordStudyTeaser-Advent-EN.jpg" src="01_VIDEO/Animasi_The_Bible_Project/EN_WordStudyTeaser-Advent.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/EN_WordStudyTeaser-Advent.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/EN_WordStudyTeaser-Advent.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/EN_WordStudyTeaser-Advent.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Agape - Love</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/thumb_Word_Study_Agape_Love.jpg" src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Agape__Love.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Agape__Love.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Agape__Love.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Agape__Love.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Chara - Joy</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/thumb_Word_Study_Chara_Joy.jpg" src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Chara__Joy.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Chara__Joy.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Chara__Joy.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Chara__Joy.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Shalom - Peace</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/thumb_Word_Study_Shalom_Peace.jpg" src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Shalom__Peace.mp4" width="100%" > <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Shalom__Peace.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Shalom__Peace.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Chara__Joy.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Yakhal - Hope</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/thumb_Word_Study_Yakhal_Hope.jpg" src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Yakhal__Hope.mp4" width="100%"> <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Yakhal__Hope.mp4" type="video/mp4" />  <source src="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Shalom__Peace.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Animasi_The_Bible_Project/EN_Word_Study__Yakhal__Hope.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="film_kisah_yesus" tabindex="-1" role="dialog" aria-labelledby="film_kisah_yesus" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="film_kisah_yesus">Film Kisah Yesus</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Cerita Anak<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Kisah_Yesus--Cerita_Anak.jpg" src="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Anak.mp4" width="100%"> <source src="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Anak.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Anak.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Anak.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Cerita Anak:Penutup</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Kisah_Yesus--Cerita_Anak--Penutup.jpg" src="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Anak--Penutup.mp4" width="100%" > <source src="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Anak--Penutup.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Anak--Penutup.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Anak--Penutup.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Cerita Maria Magdalena</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Kisah_Yesus--Cerita_Maria_Magdalena.jpg" src="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Maria_Magdalena.mp4" width="100%" > <source src="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Maria_Magdalena.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Maria_Magdalena.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Kisah_Yesus/Kisah_Yesus--Cerita_Maria_Magdalena.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="film_lumo" tabindex="-1" role="dialog" aria-labelledby="film_lumo" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="film_lumo">Film LUMO</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Pendahuluan<br /> <br /> <br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_01-04__Pendahuluan_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_01_01-04__Pendahuluan.mp4" width="100%"> <source src="01_VIDEO/Film_Lumo/Lukas_01_01-04__Pendahuluan.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_01_01-04__Pendahuluan.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_01_01-04__Pendahuluan.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Pemberitahuan Kelahiran Yohanes Pembaptis<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_05-25__Pemberitahuan_tentang_kelahiran_Yohanes_Pembaptis_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_01_05-25__Pemberitahuan_tentang_kelahiran_Yohanes_Pembaptis.mp4" width="100%" > <source src="01_VIDEO/Film_Lumo/Lukas_01_05-25__Pemberitahuan_tentang_kelahiran_Yohanes_Pembaptis.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_01_05-25__Pemberitahuan_tentang_kelahiran_Yohanes_Pembaptis.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_01_05-25__Pemberitahuan_tentang_kelahiran_Yohanes_Pembaptis.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Pemberitahuan Kelahiran Yesus<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_26-38__Pemberitahuan_tentang_kelahiran_Yesus_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_01_26-38__Pemberitahuan_tentang_kelahiran_Yesus.mp4" width="100%" > <source src="01_VIDEO/Film_Lumo/Lukas_01_26-38__Pemberitahuan_tentang_kelahiran_Yesus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_01_26-38__Pemberitahuan_tentang_kelahiran_Yesus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_01_26-38__Pemberitahuan_tentang_kelahiran_Yesus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Maria melawat Elisabet<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_39-45__Maria_melawat_Elisabet_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_01_39-45__Maria_melawat_Elisabet.mp4" width="100%" > <source src="01_VIDEO/Film_Lumo/Lukas_01_39-45__Maria_melawat_Elisabet.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_01_39-45__Maria_melawat_Elisabet.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_01_39-45__Maria_melawat_Elisabet.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Nyanyian Pujian Maria<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_46-56__Nyanyian_pujian_Maria_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_01_46-56__Nyanyian_pujian_Maria.mp4" width=" 100%" > <source src="01_VIDEO/Film_Lumo/Lukas_01_46-56__Nyanyian_pujian_Maria.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_01_46-56__Nyanyian_pujian_Maria.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_01_46-56__Nyanyian_pujian_Maria.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Kelahiran Yohanes Pembaptis<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis.mp4" width="100%" > <source src="01_VIDEO/Film_Lumo/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Nubuat Zakharia<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_67-80__Nubuat_Zakharia_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_01_67-80__Nubuat_Zakharia.mp4" width="100%"> <source src="01_VIDEO/Film_Lumo/Lukas_01_67-80__Nubuat_Zakharia.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_01_67-80__Nubuat_Zakharia.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_01_67-80__Nubuat_Zakharia.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Kelahiran Yesus<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_02_01-07__Kelahiran_Yesus_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_02_01-07__Kelahiran_Yesus.mp4" width="100%"> <source src="01_VIDEO/Film_Lumo/Lukas_02_01-07__Kelahiran_Yesus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_02_01-07__Kelahiran_Yesus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_02_01-07__Kelahiran_Yesus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Gembala dan Malaikat<br /> <br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_02_08-20__Gembala_dan_malaikat_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_02_08-20__Gembala_dan_malaikat.mp4" width=" 100%" > <source src="01_VIDEO/Film_Lumo/Lukas_02_08-20__Gembala_dan_malaikat.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_02_08-20__Gembala_dan_malaikat.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_02_08-20__Gembala_dan_malaikat.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Yesus dipersembahkan di Bait Suci<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_02_21-40__Yesus_dipersembahkan_di_Bait_Suci_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_02_21-40__Yesus_dipersembahkan_di_Bait_Suci.mp4" width="100%" > <source src="01_VIDEO/Film_Lumo/Lukas_02_21-40__Yesus_dipersembahkan_di_Bait_Suci.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_02_21-40__Yesus_dipersembahkan_di_Bait_Suci.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_02_21-40__Yesus_dipersembahkan_di_Bait_Suci.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Yesus di Bait Suci<br /> <br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_02_41-52__Yesus_di_Bait_Suci_lumo.jpg" src="01_VIDEO/Film_Lumo/Lukas_02_41-52__Yesus_di_Bait_Suci.mp4" width=" 100%" > <source src="01_VIDEO/Film_Lumo/Lukas_02_41-52__Yesus_di_Bait_Suci.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Lukas_02_41-52__Yesus_di_Bait_Suci.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Lukas_02_41-52__Yesus_di_Bait_Suci.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Salasilah Yesus Kristus<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Matius_01_01-17__Salasilah_Yesus_Kristus_lumo.jpg" src="01_VIDEO/Film_Lumo/Matius_01_01-17__Salasilah_Yesus_Kristus.mp4" width="100%" > <source src="01_VIDEO/Film_Lumo/Matius_01_01-17__Salasilah_Yesus_Kristus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Matius_01_01-17__Salasilah_Yesus_Kristus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Matius_01_01-17__Salasilah_Yesus_Kristus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Kelahiran Kristus<br /> <br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Matius_01_18-25__Kelahiran_Kristus_lumo.jpg" src="01_VIDEO/Film_Lumo/Matius_01_18-25__Kelahiran_Kristus.mp4" width=" 100%" > <source src="01_VIDEO/Film_Lumo/Matius_01_18-25__Kelahiran_Kristus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Matius_01_18-25__Kelahiran_Kristus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Matius_01_18-25__Kelahiran_Kristus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Ahli Ilmu Bintang dari Timur<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Matius_02_01-12__Ahli_ilmu_bintang_dari_Timur_lumo.jpg" src="01_VIDEO/Film_Lumo/Matius_02_01-12__Ahli_ilmu_bintang_dari_Timur.mp4" width="100%" > <source src="01_VIDEO/Film_Lumo/Matius_02_01-12__Ahli_ilmu_bintang_dari_Timur.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Matius_02_01-12__Ahli_ilmu_bintang_dari_Timur.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Matius_02_01-12__Ahli_ilmu_bintang_dari_Timur.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Hijrah ke Mesir<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Matius_02_13-18__Hijrah_ke_Mesir_lumo.jpg" src="01_VIDEO/Film_Lumo/Matius_02_13-18__Hijrah_ke_Mesir.mp4" width=" 100%"> <source src="01_VIDEO/Film_Lumo/Matius_02_13-18__Hijrah_ke_Mesir.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Matius_02_13-18__Hijrah_ke_Mesir.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Matius_02_13-18__Hijrah_ke_Mesir.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Pulang dari Mesir<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Matius_02_19--03_12__Pulang_dari_Mesir_lumo.jpg" src="01_VIDEO/Film_Lumo/Matius_02_19--03_12__Pulang_dari_Mesir.mp4" width="100%" > <source src="01_VIDEO/Film_Lumo/Matius_02_19--03_12__Pulang_dari_Mesir.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Lumo/Matius_02_19--03_12__Pulang_dari_Mesir.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Lumo/Matius_02_19--03_12__Pulang_dari_Mesir.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="film_tetelestai" tabindex="-1" role="dialog" aria-labelledby="film_tetelestai" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="film_tetelestai">Tetelestai</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Teaser Natal<br /> <br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Tetelestai-07__Natal_Teaser.jpg" src="01_VIDEO/Film_Tetelestai/Tetelestai-07__Natal_Teaser.mp4" width="100%"> <source src="01_VIDEO/Film_Tetelestai/Tetelestai-07__Natal_Teaser.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Tetelestai/Tetelestai-07__Natal_Teaser.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Tetelestai/Tetelestai-07__Natal_Teaser.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Anak Domba Allah<br /> <br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Tetelestai-07__Anak_Domba_Allah.jpg" src="01_VIDEO/Film_Tetelestai/Tetelestai-07__Anak_Domba_Allah.mp4" width="100%"> <source src="01_VIDEO/Film_Tetelestai/Tetelestai-07__Anak_Domba_Allah.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Tetelestai/Tetelestai-07__Anak_Domba_Allah.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Tetelestai/Tetelestai-07__Anak_Domba_Allah.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="film_video_natal" tabindex="-1" role="dialog" aria-labelledby="film_video_natal" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="film_video_natal">Film Video Natal</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body h-100"> <h2 align="center" class="card-title "> Kisah Natal Lukas<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Kisah_Natal_Lukas.jpg" src="01_VIDEO/Film_Video_Natal/Kisah_Natal_Lukas.mp4" width="100%"> <source src="01_VIDEO/Film_Video_Natal/Kisah_Natal_Lukas.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Video_Natal/Kisah_Natal_Lukas.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Video_Natal/Kisah_Natal_Lukas.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body h-100"> <h2 align="center" class="card-title ">Kisah Kelahiran Yesus Kristus</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Kisah_Kelahiran_Yesus_Kristus.jpg" src="01_VIDEO/Film_Video_Natal/Kisah_Kelahiran_Yesus_Kristus.mp4" width="100%"> <source src="01_VIDEO/Film_Video_Natal/Kisah_Kelahiran_Yesus_Kristus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Video_Natal/Kisah_Kelahiran_Yesus_Kristus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Video_Natal/Kisah_Kelahiran_Yesus_Kristus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body h-100"> <h2 align="center" class="card-title ">Kisah Natal Kelahiran Yesus</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Kisah_Natal_Kelahiran_Yesus.jpg" src="01_VIDEO/Film_Video_Natal/Kisah_Natal_Kelahiran_Yesus.mp4" width="100%"> <source src="01_VIDEO/Film_Video_Natal/Kisah_Natal_Kelahiran_Yesus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Video_Natal/Kisah_Natal_Kelahiran_Yesus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Video_Natal/Kisah_Natal_Kelahiran_Yesus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body h-100"> <h2 align="center" class="card-title "> Natal Matius Lukas<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Natal_Matius_Lukas.jpg" src="01_VIDEO/Film_Video_Natal/Natal_Matius_Lukas.mp4" width="100%"> <source src="01_VIDEO/Film_Video_Natal/Natal_Matius_Lukas.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Video_Natal/Natal_Matius_Lukas.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <br /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Video_Natal/Natal_Matius_Lukas.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="film_yesus" tabindex="-1" role="dialog" aria-labelledby="film_yesus" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="film_yesus">Film Yesus</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Pendahuluan<br /> <br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_01-04__Pendahuluan.jpg" src="01_VIDEO/Film_Yesus/Lukas_01_01-04__Pendahuluan.mp4" width="100%"> <source src="01_VIDEO/Film_Yesus/Lukas_01_01-04__Pendahuluan.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Lukas_01_01-04__Pendahuluan.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Lukas_01_01-04__Pendahuluan.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Pemberitahuan Kelahiran Yohanes Pembaptis</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_05-25__Pemberitahuan_Tentang_Kelahiran_Yohanes_Pembaptis.jpg" src="01_VIDEO/Film_Yesus/Lukas_01_05-25__Pemberitahuan_Tentang_Kelahiran_Yohanes_Pembaptis.mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Lukas_01_05-25__Pemberitahuan_Tentang_Kelahiran_Yohanes_Pembaptis.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Lukas_01_05-25__Pemberitahuan_Tentang_Kelahiran_Yohanes_Pembaptis.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Lukas_01_05-25__Pemberitahuan_Tentang_Kelahiran_Yohanes_Pembaptis.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Pemberitahuan Kelahiran Yesus</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_26-38__Pemberitahuan_Tentang_Kelahiran_Yesus.jpg" src="01_VIDEO/Film_Yesus/Lukas_01_26-38__Pemberitahuan_Tentang_Kelahiran_Yesus.mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Lukas_01_26-38__Pemberitahuan_Tentang_Kelahiran_Yesus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Lukas_01_26-38__Pemberitahuan_Tentang_Kelahiran_Yesus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Lukas_01_26-38__Pemberitahuan_Tentang_Kelahiran_Yesus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Maria dan Elisabet<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_39-45__Maria_Dan_Elisabet.jpg" src="01_VIDEO/Film_Yesus/Lukas_01_39-45__Maria_Dan_Elisabet.mp4" type="video/mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Lukas_01_39-45__Maria_Dan_Elisabet.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Lukas_01_39-45__Maria_Dan_Elisabet.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Lukas_01_39-45__Maria_Dan_Elisabet.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Nyanyian Pujian Maria<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_46-56__Nyanyian_Pujian_Maria.jpg" src="01_VIDEO/Film_Yesus/Lukas_01_46-56__Nyanyian_Pujian_Maria.mp4" type="video/mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Lukas_01_46-56__Nyanyian_Pujian_Maria.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Lukas_01_46-56__Nyanyian_Pujian_Maria.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Lukas_01_46-56__Nyanyian_Pujian_Maria.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Kelahiran Yohanes Pembaptis<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis.jpg" src="01_VIDEO/Film_Yesus/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis.mp4" type="video/mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Lukas_01_57-66__Kelahiran_Yohanes_Pembaptis.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Nyanyian Pujian Zakharia<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_01_67-80__Nyanyian_Pujian_Zakharia.jpg" src="01_VIDEO/Film_Yesus/Lukas_01_67-80__Nyanyian_Pujian_Zakharia.mp4" type="video/mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Lukas_01_67-80__Nyanyian_Pujian_Zakharia.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Lukas_01_67-80__Nyanyian_Pujian_Zakharia.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Lukas_01_67-80__Nyanyian_Pujian_Zakharia.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Kelahiran Yesus<br /> <br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_02_01-07__Kelahiran_Yesus.jpg" src="01_VIDEO/Film_Yesus/Lukas_02_01-07__Kelahiran_Yesus.mp4" type="video/mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Lukas_02_01-07__Kelahiran_Yesus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Lukas_02_01-07__Kelahiran_Yesus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Lukas_02_01-07__Kelahiran_Yesus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Gembala-gembala<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Lukas_02_08-20__Gembala-Gembala.jpg" src="01_VIDEO/Film_Yesus/Lukas_02_08-20__Gembala-Gembala.mp4" type="video/mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Lukas_02_08-20__Gembala-Gembala.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Lukas_02_08-20__Gembala-Gembala.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Lukas_02_08-20__Gembala-Gembala.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Silsilah Yesus Kristus<br /></h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Matius_01_01-17__Silsilah_Yesus_Kristus.jpg" src="01_VIDEO/Film_Yesus/Matius_01_01-17__Silsilah_Yesus_Kristus.mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Matius_01_01-17__Silsilah_Yesus_Kristus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Matius_01_01-17__Silsilah_Yesus_Kristus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Matius_01_01-17__Silsilah_Yesus_Kristus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Kelahiran Yesus Kristus<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Matius_01_18-25__Kelahiran_Yesus_Kristus.jpg" src="01_VIDEO/Film_Yesus/Matius_01_18-25__Kelahiran_Yesus_Kristus.mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Matius_01_18-25__Kelahiran_Yesus_Kristus.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Matius_01_18-25__Kelahiran_Yesus_Kristus.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Matius_01_18-25__Kelahiran_Yesus_Kristus.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Orang-orang Majus dari timur<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/Matius_02_01-12__Orang-orang_majus_dari_Timur.jpg" src="01_VIDEO/Film_Yesus/Matius_02_01-12__Orang-orang_majus_dari_Timur.mp4" width="100%" > <source src="01_VIDEO/Film_Yesus/Matius_02_01-12__Orang-orang_majus_dari_Timur.mp4" type="video/mp4" />  <source src="01_VIDEO/Film_Yesus/Matius_02_01-12__Orang-orang_majus_dari_Timur.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Film_Yesus/Matius_02_01-12__Orang-orang_majus_dari_Timur.mp4" download>Download</a> </div> </div> </div> </div> </div> </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="video_klip" tabindex="-1" role="dialog" aria-labelledby="video_klip" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="video_klip">Video Klip</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Digital Story of the Nativity<br /> <br /> </h2> <video controls="controls" preload="none" poster="_assets/images/thumb/The_Digital_Story_Of_The_Nativity.jpg" src="01_VIDEO/Video_Klip/The_Digital_Story_Of_The_Nativity.mp4" width="100%"> <source src="01_VIDEO/Video_Klip/The_Digital_Story_Of_The_Nativity.mp4" type="video/mp4" />  <source src="01_VIDEO/Video_Klip/The_Digital_Story_Of_The_Nativity.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Video_Klip/The_Digital_Story_Of_The_Nativity.mp4" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">The Christmas Story Told Through Facebook</h2> <video controls="controls" preload="none" poster="_assets/images/thumb/The_Christmas_Story_Told_Through_Facebook.jpg" src="01_VIDEO/Video_Klip/The_Christmas_Story_Told_Through_Facebook.mp4" width="100%" > <source src="01_VIDEO/Video_Klip/The_Christmas_Story_Told_Through_Facebook.mp4" type="video/mp4" />  <source src="01_VIDEO/Video_Klip/The_Christmas_Story_Told_Through_Facebook.mp4" type="video/ogg" />  <track label="English" kind="subtitles" srclang="en" src="" default /> </video> <a align="center" class="btn btn-primary ml-auto" role="button" href="01_VIDEO/Video_Klip/The_Christmas_Story_Told_Through_Facebook.mp4" download>Download</a> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div class="row justify-content-center py-5"> <hr class="col-md-9 col-8" /> </div>  <section id="audio"> <div class="container"> <div class="row"> <div align="center" class="col-md-12 mt-3 mb-0"> <div class="h-100"> <div class="card-body mt-3"> <h2 class="card-title font-weight-bold">Audio</h2> <hr class="col-md-4 col-6" /> <p class="description col-md-8 col-12"> Kumpulan berbagai audio bertema Natal untuk menolong Anda mendalami Alkitab, memperlengkapi pelayanan, dan membangun hubungan yang lebih dekat dengan Tuhan melalui puji-pujian. </p> </div> </div> </div> </div> </div> <div class="container"> <div class="row justify-content-center"> <div align="center" class="col-md-10 mt-1 mb-0"> <div class="h-100"> <div class="card-body rounded shadow border mt-3"> <h4 class="card-title ">Alkitab Audio Drama</h4> <hr class="col-md-4 col-6" /> <p class="description col-md-8 col-12"> Audio kisah kelahiran Yesus Kristus dari Injil Matius dan Lukas. Alkitab audio drama ini disertai dengan penokohan, musik latar belakang, dan efek suara yang menolong pengguna mendengar dan mencermati setiap hal dalam Alkitab. </p> <table class="table table-striped table-responsive col-md-8 col-12"> <tbody> <tr> <th scope="row">Matius 1</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Alkitab_Audio_Drama/01_MAT01.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Alkitab_Audio_Drama/01_MAT01.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Matius 2</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Alkitab_Audio_Drama/01_MAT02.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Alkitab_Audio_Drama/01_MAT02.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Lukas 1</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Alkitab_Audio_Drama/03_LUK01.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Alkitab_Audio_Drama/03_LUK01.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Lukas 2</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Alkitab_Audio_Drama/03_LUK02.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Alkitab_Audio_Drama/03_LUK02.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> </tbody> </table> </div> </div> </div> <div align="center" class="col-md-10 mt-1 mb-0"> <div class="h-100"> <div class="card-body rounded shadow border mt-3"> <h4 class="card-title ">Alkitab Suara</h4> <hr class="col-md-4 col-6" /> <p class="description col-md-8 col-12"> Audio Alkitab dramatis yang diambil dari <a href="http://alkitabsuara.com" target="_blank">alkitabsuara.com</a> untuk menolong Anda memaknai Natal secara alkitabiah. </p> <table class="table table-striped table-responsive col-md-8 col-12"> <tbody> <tr> <th scope="row">Matius 1</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Alkitab_Suara/01_MAT01.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Alkitab_Suara/01_MAT01.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Matius 2</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Alkitab_Suara/01_MAT02.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Alkitab_Suara/01_MAT02.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Lukas 1</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Alkitab_Suara/03_LUK01.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Alkitab_Suara/03_LUK01.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Lukas 2</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Alkitab_Suara/03_LUK02.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Alkitab_Suara/03_LUK02.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> </tbody> </table> </div> </div> </div> <div align="center" class="col-md-10 mt-1 mb-0"> <div class="h-100"> <div class="card-body rounded shadow border mt-3"> <h4 class="card-title ">Audio Artikel Natal</h4> <hr class="col-md-4 col-6" /> <p class="description col-md-8 col-12"> Mengapa audio artikel? Audio-audio ini memberi penjelasan tentang kisah kelahiran Yesus Kristus dalam berbagai sudut pandang, dan bisa dinikmati oleh setiap orang percaya, khususnya mereka yang mengalami kelemahan dalam penglihatan atau tunaaksara. </p> <table class="table table-striped table-responsive col-md-8 col-12"> <tbody> <tr> <th scope="row">Adven dan Inkarnasi</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Adven_dan_Inkarnasi.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Adven_dan_Inkarnasi.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Aktivitas Menyambut Natal</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Bahan_Mengajar_Aktivitas_Menyambut_Natal.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Bahan_Mengajar_Aktivitas_Menyambut_Natal.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Hadiah untuk Orang yang Memiliki Segalanya</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Hadiah_untuk_Orang_yang_Memiliki_Segalanya.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Hadiah_untuk_Orang_yang_Memiliki_Segalanya.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Hadiah yang Terus Menjadi Berkat</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Hadiah_yang_Terus_Menjadi_Berkat.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Hadiah_yang_Terus_Menjadi_Berkat.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Hati bagi Allah dan Belas Kasihan bagi Sesama</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Hati_bagi_Allah_dan_Belas_Kasihan_bagi_Sesama.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Hati_bagi_Allah_dan_Belas_Kasihan_bagi_Sesama.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Jangan Berharap Terlalu Banyak</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Jangan_Berharap_Terlalu_Banyak.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Jangan_Berharap_Terlalu_Banyak.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Kembalikan Talenta Anda kepada Allah</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Kembalikan_Talenta_Anda_kepada_Allah.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Kembalikan_Talenta_Anda_kepada_Allah.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Kristus dan Natal</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Kristus_dan_Natal.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Kristus_dan_Natal.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Menjadi Pemeran Pembantu</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Menjadi_Pemeran_Pembantu.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Menjadi_Pemeran_Pembantu.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Merayakan Natal dengan Cara Yesus</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Merayakan_Natal_dengan_Cara_Yesus.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Merayakan_Natal_dengan_Cara_Yesus.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Merespons Kabar Baik</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Merespons_Kabar_Baik.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Merespons_Kabar_Baik.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Misi Natal yang Orisinil</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Misi_Natal_yang_Orisinil.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Misi_Natal_yang_Orisinil.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Natal Harapan Seberapa pun Gelapnya Kegelapan itu</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Natal_Harapan_Seberapa_pun_Gelapnya_Kegelapan_itu.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Natal_Harapan_Seberapa_pun_Gelapnya_Kegelapan_itu.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Natal Membuat Hidup Kita Bermakna</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Natal_Membuat_Hidup_Kita_Bermakna.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Natal_Membuat_Hidup_Kita_Bermakna.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Palungan Tanda bagi Kelompok yang Tersingkir</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Bahan_Mengajar_Aktivitas_Menyambut_Natal.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Bahan_Mengajar_Aktivitas_Menyambut_Natal.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Pimpinan Tuhan yang Tidak Biasa</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Natal_Membuat_Hidup_Kita_Bermakna.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Natal_Membuat_Hidup_Kita_Bermakna.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Refleksi Natal</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Refleksi_Natal.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Refleksi_Natal.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Renungan Mengatasi Kesepian di Hari Natal</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Renungan_ Mengatasi_Kesepian_di_Hari_Natal.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Renungan_ Mengatasi_Kesepian_di_Hari_Natal.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Renungan Kelahiran yang Ajaib</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Renungan_Kelahiran_yang_Ajaib.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Renungan_Kelahiran_yang_Ajaib.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Renungan Natal Sukacita dalam Realitas Natal</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Renungan_Natal_Sukacita_dalam_Realitas_Natal.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Renungan_Natal_Sukacita_dalam_Realitas_Natal.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Renungan Wanita Kesederhanaan Kini Kian Sirna</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Renungan_Wanita_ Kesederhanaan_Kini_Kian_Sirna.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Renungan_Wanita_ Kesederhanaan_Kini_Kian_Sirna.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Renungan Wanita Natal Sejati</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Renungan_Wanita_Natal_Sejati.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Renungan_Wanita_Natal_Sejati.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Semangat Natal</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Semangat_Natal.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Semangat_Natal.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Yang Kaya Menjadi Miskin supaya Yang Miskin Menjadi Kaya</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Audio_Artikel_Natal/Yang_Kaya_Menjadi_Miskin_supaya_Yang_Miskin_Menjadi_Kaya.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Artikel_Natal/Yang_Kaya_Menjadi_Miskin_supaya_Yang_Miskin_Menjadi_Kaya.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> </tbody> </table> </div> </div> </div> <div align="center" class="col-md-10 mt-1 mb-0"> <div class="h-100"> <div class="card-body rounded shadow border mt-3"> <h4 class="card-title ">Kebenaran Abadi</h4> <hr class="col-md-4 col-6" /> <p class="description col-md-8 col-12"> Bagian dari program pengajaran Alkitab "Through The Bible". Seri aslinya ditulis oleh Dr. J. Vernon Mc Gee dan telah diterjemahkan dan disesuaikan ke dalam lebih 100 bahasa maupun dialek. Secara sistematis, program ini membawa pendengar kepada seluruh isi Alkitab (Kejadian -- Wahyu). Setiap bagian pelajaran berdurasi 30 menit setiap harinya. </p> <table class="table table-striped table-responsive col-md-8 col-12"> <tbody> <tr> <th scope="row">Matius Introduksi</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0066_Matius-Introduksi.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0066_Matius-Introduksi.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Matius 1:1-15</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0067_Matius-1_1-15.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0067_Matius-1_1-15.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Matius 1:16-25</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0068_Matius-1_16-25.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0068_Matius-1_16-25.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Matius 2:1-11</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0069_Matius-2_1-11.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0069_Matius-2_1-11.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Matius 2:12-3:9</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0070_Matius-2_12-3_9.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0070_Matius-2_12-3_9.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Lukas 1:1-4</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0190_Lukas-1_1-4.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0190_Lukas-1_1-4.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Lukas 1:5-35</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0191_Lukas-1_5-35.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0191_Lukas-1_5-35.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Lukas 1:36-80</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0192_Lukas-1_36-80.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0192_Lukas-1_36-80.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> <tr> <th scope="row">Lukas 2:1-30</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0193_Lukas-2_1-30.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0193_Lukas-2_1-30.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Lukas 2:31-3:8</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0194_Lukas-2_31-3_8.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Program_Pengajaran__Kebenaran_Abadi/0194_Lukas-2_31-3_8.mp3" download> <img src="_assets/images/audio/download.ico" /> </a> </td> </tr> </tbody> </table> </div> </div> </div> <div align="center" class="col-md-10 mt-1 mb-0"> <div class="h-100"> <div class="card-body rounded shadow border mt-3"> <h4 class="card-title ">Sekolah Alkitab Audio</h4> <hr class="col-md-4 col-6" /> <p class="description col-md-8 col-12"> Seri-seri program audio bagi kaum awam untuk bisa mempelajari firman TUHAN secara fleksibel -- kapan saja dan di mana saja. Program SAA ini akan membantu orang Kristen untuk dapat belajar memahami kelahiran Yesus Kristus seturut dengan firman Tuhan. </p> <table class="table table-striped table-responsive col-md-8 col-12"> <tbody> <tr> <th scope="row">Resep untuk memberi</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Sekolah_Alkitab_Audio/MUSIM_01--Resep_untuk_Memberi.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Sekolah_Alkitab_Audio/MUSIM_01--Resep_untuk_Memberi.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> <tr> <th scope="row">Resep Natal</th> <td align="center"> <audio class="rounded" controls> <source src="02_AUDIO/Sekolah_Alkitab_Audio/MUSIM_02--Resep_Natal.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio> </td> <td align="center"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Sekolah_Alkitab_Audio/MUSIM_02--Resep_Natal.mp3" download><img src="_assets/images/audio/download.ico" /></a> </td> </tr> </tbody> </table> </div> </div> </div> <div align="center" class="col-md-10 mt-1 mb-0"> <div class="h-100"> <div class="card-body rounded shadow border mt-3"> <h4 class="card-title ">Audio Himne</h4> <hr class="col-md-4 col-6" /> <p class="description col-md-8 col-12"> Kumpulan himne dari Kidung Jemaat, Nyanyikanlah Kidung Baru, dan Pelengkap Kidung Jemaat untuk memperlengkapi pelayanan dan membangun hubungan Anda lebih dekat dengan Tuhan melalui puji-pujian. </p> <div class="accordion py-2" id="himne1"> <div class="card border rounded"> <div class="card-header pointer" id="headingOne" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <h5 class="mb-0"> Kidung Jemaat </h5> </div> <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#himne1"> <div class="card-body"> <div class="row justify-content-center col-md-12 px-0"> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ076.MID" download> KJ 76 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ077.MID" download> KJ 77 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ078.MID" download> KJ 78 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ079.MID" download> KJ 79 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ080.MID" download> KJ 80 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ081.MID" download> KJ 81 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ082.MID" download> KJ 82 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ083.MID" download> KJ 83 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ084.MID" download> KJ 84 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ085.MID" download> KJ 85 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ086.MID" download> KJ 86 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ087.MID" download> KJ 87 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ088.MID" download> KJ 88 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ089.MID" download> KJ 89 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ090.MID" download> KJ 90 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ091.MID" download> KJ 91 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ092.MID" download> KJ 92 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ093.MID" download> KJ 93 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ094.MID" download> KJ 94 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ095A.MID" download> KJ 95A <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ095B.MID" download> KJ 95B <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ096.MID" download> KJ 96 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ097.MID" download> KJ 97 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ098.MID" download> KJ 98 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ099.MID" download> KJ 99 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ100.MID" download> KJ 100 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ101.MID" download> KJ 101 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ102.MID" download> KJ 102 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ103.MID" download> KJ 103 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ104.MID" download> KJ 104 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ105.MID" download> KJ 105 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ106.MID" download> KJ 106 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ107.MID" download> KJ 107 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ108.MID" download> KJ 108 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ109.MID" download> KJ 109 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ110.MID" download> KJ 110 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ111.MID" download> KJ 111 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ112.MID" download> KJ 112 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ113.MID" download> KJ 113 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ114.MID" download> KJ 114 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ115.MID" download> KJ 115 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ116.MID" download> KJ 116 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ117.MID" download> KJ 117 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ118.MID" download> KJ 118 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ119.MID" download> KJ 119 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ120.MID" download> KJ 120 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ121.MID" download> KJ 121 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ122.MID" download> KJ 122 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ123.MID" download> KJ 123 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ124.MID" download> KJ 124 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ125.MID" download> KJ 125 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ126.MID" download> KJ 126 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ127.MID" download> KJ 127 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ128.MID" download> KJ 128 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ129.MID" download> KJ 129 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ130.MID" download> KJ 130 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ131.MID" download> KJ 131 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ132.MID" download> KJ 132 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ133.MID" download> KJ 133 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ134.MID" download> KJ 134 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ135.MID" download> KJ 135 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ136.MID" download> KJ 136 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ137.MID" download> KJ 137 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ138.MID" download> KJ 138 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ139.MID" download> KJ 139 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ140.MID" download> KJ 140 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ141.MID" download> KJ 141 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ142.MID" download> KJ 142 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/KJ/KJ143.MID" download> KJ 143 <img src="_assets/images/audio/download.ico" /></a> </div> </div> <br> <a align="center" class="btn btn-primary ml-auto" role="button" href="02_AUDIO/Audio_Himne/KJ-Kidung_Jemaat_dgn_Ayat_dan_Midi.pdf" download>Download PDF</a> </div> </div> </div> </div> <div class="accordion py-2" id="himne2"> <div class="card border rounded"> <div class="card-header pointer" id="headingTwo" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <h5 class="mb-0"> Nyanyian Kidung Baru </h5> </div> <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#himne2"> <div class="card-body"> <div class="row col-md-12 justify-content-center px-0"> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB050.MID" download> NKB 50 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB051.MID" download> NKB 51 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB052.MID" download> NKB 52 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB053.MID" download> NKB 53 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB054.MID" download> NKB 54 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB055.MID" download> NKB 55 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB056.MID" download> NKB 56 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB057.MID" download> NKB 57 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB058.MID" download> NKB 58 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB059.MID" download> NKB 59 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB060.MID" download> NKB 60 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB061.MID" download> NKB 61 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB062.MID" download> NKB 62 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB063.MID" download> NKB 63 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB064.MID" download> NKB 64 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB065.MID" download> NKB 65 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB066.MID" download> NKB 66 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/NKB/NKB067.MID" download> NKB 67 <img src="_assets/images/audio/download.ico" /></a> </div> </div> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="02_AUDIO/Audio_Himne/NKB-Nyanyikanlah_Kidung_Baru.pdf" download>Download PDF</a> </div> </div> </div> </div> <div class="accordion py-2" id="himne3"> <div class="card border rounded"> <div class="card-header pointer" id="headingThree" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <h5 class="mb-0"> Pelengkap Kidung Jemaat </h5> </div> <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#himne3"> <div class="card-body"> <div class="row col-md-12 justify-content-center px-0"> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ060.MID" download> PKJ 60 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ061.MID" download> PKJ 61 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ062.MID" download> PKJ 62 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ063.MID" download> PKJ 63 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ064.MID" download> PKJ 64 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ065.MID" download> PKJ 65 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ066.MID" download> PKJ 66 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ067.MID" download> PKJ 67 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ068.MID" download> PKJ 68 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ069.MID" download> PKJ 69 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ070.MID" download> PKJ 70 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ071.MID" download> PKJ 71 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ072.MID" download> PKJ 72 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ073.MID" download> PKJ 73 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ074.MID" download> PKJ 74 <img src="_assets/images/audio/download.ico" /></a> </div> <div class="card col-md-3 col-6 border-0 my-1"> <a class="btn btn-light rounder border" role="button" href="02_AUDIO/Audio_Himne/PKJ/PKJ075.MID" download> PKJ 75 <img src="_assets/images/audio/download.ico" /></a> </div> </div> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="02_AUDIO/Audio_Himne/PKJ-Pelengkap_Kidung_Jemaat.pdf" download>Download PDF</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="row justify-content-center py-5"> <hr class="col-md-9 col-8" /> </div>  <section id="grafis"> <div class="container"> <div class="section-header mt-3"> <h3 class="card-title font-weight-bold">Grafik</h3> <p class="description">Bahan-bahan bertema Natal dalam bentuk grafik yang bisa menjadi sarana untuk belajar tentang kelahiran Kristus dan menjangkau orang lain untuk mengenal Dia.</p> </div> <div class="row mt-3 mx-0"> <div class="card col-md-12 wow fadeInUp mb-4"> <div class="box"> <div class="text-center pt-4"> <h4 align="center" class="title ">GIF</h4> <p class="description">Animasi gambar bergerak bertema Natal yang bisa Anda nikmati dan bagikan di banyak jalur media sosial.<br /></p> </div> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#grafis_gif"> <p align="center"><img class="rounded w-100" src="_assets/images/gif/montage_gif.jpg" /></p> </a> </div> </div> </div> <div class="card col-md-12 wow fadeInUp mb-4"> <div class="box"> <div class="text-center pt-4"> <h4 align="center" class="title ">Quote</h4> <p class="description">Kumpulan quotes bertema Natal yang bersumber dari Alkitab dan penulis/tokoh Kristen terkenal dan berpengaruh.</p> </div> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#grafis_quote"> <p align="center"><img class="rounded w-100" src="_assets/images/quote/montage/montage_quote.jpg" /></p> </a> </div> </div> </div> <div class="card col-md-12 wow fadeInUp mb-4"> <div class="box"> <div class="text-center pt-4"> <h4 align="center" class="title ">Infografik</h4> <p class="description"> Representasi grafik dari The Bible Project yang menjelaskan tentang kelahiran Yesus Kristus menurut Injil Matius, Lukas, dan penjelasan menyeluruh mengenai Perjanjian Baru. Juga infografik tentang "Christmas Story" menurut Injil Lukas, dan "After Christmas" menurut Injil Matius. </p> </div> <div class="box-img rounded col-12 px-0 my-4"> <a href="" data-toggle="modal" data-target="#grafis_infografis"> <p align="center"><img class="rounded w-100" src="_assets/images/infografis/montage/montage_infografis.jpg" /></p> </a> </div> </div> </div> </div> </div> </section>  <div class="modal fade" id="grafis_gif" tabindex="-1" role="dialog" aria-labelledby="grafis_gif" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="grafis_gif">GIF</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Firman Menjadi Manusia</h2> <img src="_assets/images/thumb/Firman_Menjadi_Manusia.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/GIF/Firman_Menjadi_Manusia.gif" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Keep Christ In Christmas</h2> <img src="_assets/images/thumb/keep_christ_in_christmas.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/GIF/Keep_Christ_In_Christmas.gif" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Yesus Adalah Hadiah</h2> <img src="_assets/images/thumb/yesus_adalah_hadiah.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/GIF/Yesus_adalah_Hadiah.gif" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "> Yesus di Hati<br /> <br /> </h2> <img src="_assets/images/thumb/yesus_di_hati.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/GIF/Yesus_di_Hati.gif" download>Download</a> </div> </div> </div> </div> </div> </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="grafis_quote" tabindex="-1" role="dialog" aria-labelledby="grafis_quote" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="grafis_quote">QUOTE</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/AYT__2Kor_8_ay9.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/AYT__2Kor_8_ay9.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/AYT__Matius_2_ay6.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/AYT__Matius_2_ay6.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/AYT__Yoh_17_ay3.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/AYT__Yoh_17_ay3.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/AYT__Yohanes_1_ay5.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/AYT__Yohanes_1_ay5.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Billy_Graham__Tujuan_Kristus_Datang.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Billy_Graham__Tujuan_Kristus_Datang.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Charles_Spurgeon__Fakta_Terbesar_dan_Terpenting.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Charles_Spurgeon__Fakta_Terbesar_dan_Terpenting.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/CS_Lewis__Anak_Allah_Menjadi_Manusia.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/CS_Lewis__Anak_Allah_Menjadi_Manusia.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/CS_Lewis__Pada_Suatu_Waktu.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/CS_Lewis__Pada_Suatu_Waktu.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/David_Jeremiah__All_the_Christmas.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/David_Jeremiah__All_the_Christmas.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Helen_Steiner_Rice__Damai_di_bumi.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Helen_Steiner_Rice__Damai_di_bumi.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Ibu_Teresa__Setiap_Kali_Anda_Membiarkan_Allah.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Ibu_Teresa__Setiap_Kali_Anda_Membiarkan_Allah.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Jan_Hus__Bersukacitalah_bahwa_Allah.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Jan_Hus__Bersukacitalah_bahwa_Allah.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Jan_Hus__Bersukacitalah_bahwa_Allah_2.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Jan_Hus__Bersukacitalah_bahwa_Allah_2.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/John_F_MacArthur__Jika_Kita_Hendak.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/John_F_MacArthur__Jika_Kita_Hendak.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Keep_Christ_In_Christmas.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Keep_Christ_In_Christmas.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Lukas_2_ay10.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Lukas_2_ay10.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Natal_Tidak_Akan_Berarti_Jika.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Natal_Tidak_Akan_Berarti_Jika.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Ruth_Carter_Stapleton__Natal_yang_Sesungguhnya.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Ruth_Carter_Stapleton__Natal_yang_Sesungguhnya.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/TB__Luk_2_ay11.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/TB__Luk_2_ay11.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/TB__Mikha_7_ay7.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/TB__Mikha_7_ay7.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/TB__Yes_9_ay6.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/TB__Yes_9_ay6.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/TB__Yoh_1_ay14.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/TB__Yoh_1_ay14.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Tony_Sorenson__Christmas_is_about_Christ.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Tony_Sorenson__Christmas_is_about_Christ.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"> <h2 align="center" class="card-title "></h2> <img src="_assets/images/quote/Yesus_adalah_Hadiah.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Quote/Yesus_adalah_Hadiah.jpg" download>Download</a> </div> </div> </div> </div> </div> </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="grafis_infografis" tabindex="-1" role="dialog" aria-labelledby="grafis_infografis" 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 align="center" class="modal-header"> <h5 align="center" class="modal-title w-100 text-center" id="grafis_infografis">INFOGRAFIK</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%;"> <div class="container"> <div class="row"> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Infografik Natal 1</h2> <img src="_assets/images/infografis/Infografik_NATAL_1.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Infografik/Infografik_NATAL_1.png" download>Download</a> </div> </div> </div>  <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Infografik Natal 2</h2> <img src="_assets/images/infografis/Infografik_NATAL_2.jpg" /> <br /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Infografik/Infografik_NATAL_2.png" download>Download</a> </div> </div> </div> <div align="center" class="col-md-6 mb-5"> <div class="card h-100"> <div class="card-body"> <h2 align="center" class="card-title ">Overview Perjanjian Baru</h2> <img src="_assets/images/infografis/Infografik-TBP_00_NT_Overview.jpg" /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Infografik/Infografik-TBP_00_NT_Overview.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"> <h2 align="center" class="card-title "> Infografik Matius<br /> <br /> </h2> <img src="_assets/images/infografis/Infografik-TBP_40_Matthew.jpg" /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Infografik/Infografik-TBP_40_Matthew.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"> <h2 align="center" class="card-title "> Infografik Lukas<br /> <br /> </h2> <img src="_assets/images/infografis/Infografik-TBP_42_Luke.jpg" /> <br /> <a align="center" class="btn btn-primary ml-auto" role="button" href="03_GRAFIS/Infografik/Infografik-TBP_42_Luke.jpg" download>Download</a> </div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div class="row justify-content-center py-5"> <hr class="col-md-9 col-8" /> </div>  <section id="buku" class="clearfix mb-5"> <div align="center" class="container h-100 text-center"> <div align="center" class="col-md-12 mt-3 mb-0 h-100 text-center"> <h2 align="center" class=" font-weight-bold h-100 text-center">Buku</h2> <p class="">Alkitab, e-book, bundel PDF, komik Alkitab, dan traktat bisa Anda temukan di sini! Pakailah bahan-bahan ini untuk mendukung pelayanan Anda, khususnya pada momen Natal ini!</p> </div> </div> <div class="container"> <div align="center" class="col-md-12 mt-2 mb-0"> <div class="row"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-12"> <ul id="portfolio-flters"> <li data-filter="*" class="filter-active">Semua</li>  <li data-filter=".filter-alkitab">Alkitab</li> <li data-filter=".filter-buku">Buku</li> <li data-filter=".filter-bundel-natal">Bundel Natal</li>  <li data-filter=".filter-komik">Komik Alkitab</li>  <li data-filter=".filter-traktat">Traktat</li> </ul> </div> </div> <div class="row portfolio-container">  <div class="portfolio-item my-2 filter-komik"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/komik/thumb_aku_inilah.png" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Komik "Aku, inilah"</h5> <p class="card-text">Aku, inilah - Merupakan komik Alkitab hitam putih yang dibuat dengan menggabungkan seluruh kisah yang tercatat dalam keempat Injil.</p> <p><a align="center" class="btn btn-outline-primary ml-auto" role="button" href="04_BUKU/Komik_Alkitab/Aku_Inilah--Jilid5.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>   <div class="portfolio-item my-2 filter-komik"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/komik/cab.png" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Komik "Kedatangan Kristus"</h5> <p class="card-text"> Kedatangan Kristus - Narasi rangkuman Alkitab yang dilengkapi dengan gambar untuk menjelaskan peristiwa-peristiwa yang dijelaskan dalam ayat-ayat Alkitab dari Kejadian hingga janji kedatangan Yesus kedua kali pada akhir zaman. </p> <p><a align="center" class="btn btn-outline-primary ml-auto" role="button" href="04_BUKU/Komik_Alkitab/Kedatangan_Kristus.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>   <div class="portfolio-item my-2 filter-komik" data-wow-delay="0.1s"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/komik/thumb_dia_hidup.png" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Komik "Dia, hidup di antara kita"</h5> <p class="card-text"> Dia Hidup Di Antara Kita: Komik yang menceritakan tentang kisah Injil dan berfokus kepada Yesus yang menjadi manusia dan hidup di antara manusia, namun tetap tidak berdosa. </p> <p><a align="center" class="btn btn-outline-primary ml-auto" role="button" href="04_BUKU/Komik_Alkitab/Dia_Hidup_Di_Antara_Kita.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>   <div class="portfolio-item my-2 filter-alkitab" data-wow-delay="0.1s"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/alkitab/AMD.png" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Alkitab Mudah Dibaca"</h5> <p class="card-text">AMD - Alkitab yang dapat menolong pembaca untuk lebih mudah memahami teks Alkitab sesuai dengan konteks dan budaya dalam Alkitab.</p> <p><a title="Alkitab Yang Terbuka" class="btn btn-outline-primary" role="button" href="04_BUKU/Alkitab/AMD--Alkitab_Mudah_Dibaca.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>   <div class="portfolio-item my-2 filter-traktat" data-wow-delay="0.1s"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/thumb/thumb_TYM_01_Cover_depan.jpg" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Traktat "Tuhan Yesus Menyelamatkanmu"</h5> <p class="card-text"> Anak harus mengetahui bahwa mereka adalah manusia berdosa. Dosa mendukakan hati Tuhan. Mereka sendiri tidak dapat melepaskan diri dari keberdosaan mereka. Traktat ini dapat menolong anak-anak untuk memahami bahwa hanya Tuhan Yesus yang dapat melakukan itu bagi diri mereka. </p> <p><a align="center" class="btn btn-outline-primary ml-auto" role="button" href="04_BUKU/Traktat/Tuhan_Yesus_Menyelamatkanmu.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>   <div class="portfolio-item my-2 filter-alkitab" data-wow-delay="0.1s"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/alkitab/ayt_01.jpg" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Alkitab Yang Terbuka</h5> <p class="card-text"> Alkitab yang lahir untuk zaman dan generasi digital. AYT merupakan keseluruhan sistem pembelajaran Alkitab (Bible Study Sistem) yang lengkap dan terintegrasi dengan Pustaka Terbuka serta Komunitas Terbuka dengan memanfaatkan perkembangan teknologi abad ke-21). </p> <p><a align="center" class="btn btn-outline-primary ml-auto" role="button" href="04_BUKU/Alkitab/AYT--Alkitab_Yang_Terbuka.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>   <div class="portfolio-item my-2 filter-buku" data-wow-delay="0.1s"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;" data-wow-delay="0.1s"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/buku/buku.png" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Buku "Janji Natal"</h5> <p class="card-text"> Buku "Janji" adalah kumpulan renungan Natal untuk membawa pembaca menemukan makna Natal yang sejati. Buku ini merupakan Seri Bacaan Harian Climbing Higher karya Michael Ross-Watson. </p> <p><a align="center" class="btn btn-outline-primary ml-auto" role="button" href="04_BUKU/Buku/Buku_Janji_Natal.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>   <div class="portfolio-item my-2 filter-bundel-natal" data-wow-delay="0.1s"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/bundel_natal/binaanak_natal.png" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Bundel Natal "e-bina anak Natal"</h5> <p class="card-text"> Kumpulan bahan mengajar dan aktivitas bertema Natal. Bundel ini dikemas dalam format PDF yang bisa Anda download dan pakai untuk memperlengkapi pelayanan sekolah minggu. </p> <p><a align="center" class="btn btn-outline-primary ml-auto" role="button" href="04_BUKU/Bundel_Natal/Bundel_Bahan_Natal.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>   <div class="portfolio-item my-2 filter-traktat" data-wow-delay="0.1s"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/thumb/thumb_HYB_01_Cover_depan.jpg" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Traktat "Hati Yang Baru"</h5> <p class="card-text">Hati Yang Baru - Traktat ini menekankan betapa manusia berdosa sangat membutuhkan pengampunan dan hati yang baru dari Allah supaya bisa hidup dalam kehendak-Nya.</p> <p><a align="center" class="btn btn-outline-primary ml-auto" role="button" href="04_BUKU/Traktat/Hati_Yang_Baru.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>   <div class="portfolio-item my-2 filter-traktat" data-wow-delay="0.1s"> <div class="portfolio-wrap"> <div class="card mx-3 rounded shadow" style="max-width: 500px;"> <div class="row no-gutters"> <div class="col-md-4 pl-md-3 pt-md-3"> <img src="_assets/images/thumb/thumb_HRK_01_Cover_depan.jpg" class="card-img rounded border" alt="..." /> </div> <div class="col-md-8"> <div class="card-body"> <h5 class="card-title ">Traktat "Hatiku Rumah Kristus"</h5> <p class="card-text"> Traktat ini menceritakan perjalanan Yesus Kristus dalam hati kita. Traktat ini akan menolong kita untuk melihat dan mengenal ruang-ruang yang ada di hati kita, dan kita harus berani mengambil komitmen untuk menyerahkan setiap ruang dalam hidup kita bagi Tuhan. </p> <p><a align="center" class="btn btn-outline-primary ml-auto" role="button" href="04_BUKU/Traktat/Hatiku_Rumah_Kristus.pdf" download>PDF</a></p> </div> </div> </div> </div> </div> </div>  </div> </div> </section> </main>     <footer id="footer">  <div class="container"> <div class="container"> <div class="copyright"> Copyright © 2019<br /> <strong>SABDA.org</strong> <br /> All Rights Reserved </div> </div> </div>  </footer> <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>    <script src="_assets/lib/jquery/jquery.min.js"></script> <script src="_assets/lib/jquery/jquery-migrate.min.js"></script> <script src="_assets/lib/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="_assets/lib/easing/easing.min.js"></script> <script src="_assets/lib/mobile-nav/mobile-nav.js"></script> <script src="_assets/lib/wow/wow.min.js"></script> <script src="_assets/lib/waypoints/waypoints.min.js"></script> <script src="_assets/lib/counterup/counterup.min.js"></script> <script src="_assets/lib/owlcarousel/owl.carousel.min.js"></script> <script src="_assets/lib/isotope/isotope.pkgd.min.js"></script> <script src="_assets/lib/lightbox/js/lightbox.min.js"></script>  <script src="_assets/contactform/contactform.js"></script>  <script src="_assets/js/main.js"></script> <script src="_assets/js/modal.js"></script>   <script src="_assets/js/jquery-3.2.1.min.js"></script> <script src="_assets/js/jquery-ui-slider.js"></script> <link rel="stylesheet" href="_assets/css/audio-player.css" /> <script src="_assets/js/audioPlayer.js"></script>  <script src="_assets/js/ga.js"></script> </body> </html>

CINXE.COM

SABDA Media