<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Media Bil-Haq - MediaBilHaq</title>
<meta name="description" content="Media Bil-Haq adalah penerbit buku-buku Islam yang berada di Kota Pekanbaru - Riau. Dan sedang melebarkan sayap pada bidang-bidang lain, seperti: Percetakan, Konsultan IT (Aplikasi dan Jaringan) dan Design., Media Bil-Haq - MediaBilHaq">
<meta name="keywords" content="Media Bil-Haq, Percetakan, Penerbitan, IT Konsultan, Program Development, Design Graphics, Video Editing, TV Jadwal Shalat, Digital Signage, Papan Info Digital, Pekanbaru, Riau, Sumatera, Indonesia, Media Bil-Haq - MediaBilHaq">
<meta name="author" content="Media Bil-Haq">
<!-- icon -->
<link rel="shortcut icon" href="https://www.mediabilhaq.com/assets/upload/image/logo_MediaBil-Haq.png">
<!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Plugin css -->
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/font-awesome.min.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/fonts/flaticon.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/bootstrap.min.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/animate.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/swiper.min.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/lightcase.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/jquery.nstSlider.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/flexslider.css" media="all" />
<!-- own style css -->
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/rtl.css" media="all" />
<link rel="stylesheet" type="text/css" href="https://www.mediabilhaq.com/assets/tema/assets/css/responsive.css" media="all" />
<!-- DataTables CSS -->
<link rel="stylesheet" href="https://www.mediabilhaq.com/assets/admin/plugins/datatables/dataTables.bootstrap4.css">
<!-- Select2 -->
  <link rel="stylesheet" href="https://www.mediabilhaq.com/assets/admin/plugins/select2/select2.min.css">
  <style type="text/css" media="screen">
  	p {
  		margin-bottom: 15px;
  	}
  </style>
</head>

<body>

<!-- Start Pre-Loader-->

<!--<div id="loading">
<div id="loading-center">
<div id="loading-center-absolute">
<div class="object" id="object_one"></div>
<div class="object" id="object_two"></div>
<div class="object" id="object_three"></div>
<div class="object" id="object_four"></div>
</div>
</div>
</div> -->


<div class="box-layout">

<!-- End Pre-Loader -->

<header class="header-style-2">
<div class="bg-header-top">
<div class="container">
<div class="row">
<div class="header-top">
    <ul class="h-contact">
        <li><i class="fa fa-map"></i> Media Bil-Haq</li>
    </ul>
    <div class="donate-option">
                    <a href="https://wa.me/628117575783?text=Saya%20tertarik%20untuk%20Menggunakan%20Layanan%20di%20Perusahan%20Anda.%20Apakah%20bisa%20dibantu?"><i class="fa fa-whatsapp" aria-hidden="true"></i>+628117575783</a>
            <a href="tel:+628117575783"><i class="fa fa-phone" aria-hidden="true"></i> +628117575783</a>
                    <a href="https://www.mediabilhaq.com/kontak"><i class="fa fa-envelope" aria-hidden="true"></i> Kontak</a>
    </div>
    <!-- .donate-option -->
</div>
<!-- .header-top -->
</div>
<!-- .header-top -->
</div>
<!-- .container -->
</div>
<!-- .bg-header-top -->
<div class="container">
    <div class="row text-right">
    <div class="col-md-6 col-xs-12"></div>
    <div class="col-md-2 col-xs-12" style="font-size: 80%"><strong><u>Percetakan & Penerbit:</u></strong> <a href="tel:+6285274999109"><i class="fa fa-phone" aria-hidden="true"></i> +62 852 7499 9109</a></div>
    <div class="col-md-2 col-xs-12" style="font-size: 80%"><strong><u>Konsultan IT:</u></strong> <a href="tel:+6285271939076"><i class="fa fa-phone" aria-hidden="true"></i> +62 852 7193 9076</a></div>
    <div class="col-md-2 col-xs-12" style="font-size: 80%"><strong><u>PID Jadwal Shalat:</u></strong> <a href="tel:+628117575783"><i class="fa fa-phone" aria-hidden="true"></i> +62 811 7575 783</a></div>
    </div>
</div>
<!-- Start Menu -->
<div class="bg-main-menu menu-scroll">
<div class="container">
<div class="row">
<div class="main-menu">
<a class="show-res-logo" href="https://www.mediabilhaq.com/"><img src="https://www.mediabilhaq.com/assets/upload/image/LogoMBH.png" alt="logo" class="img-responsive" style="max-height: 76px; width: auto;" /></a>
<nav class="navbar">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
        <a class="navbar-brand" href="https://www.mediabilhaq.com/"><img src="https://www.mediabilhaq.com/assets/upload/image/LogoMBH.png" alt="logo" class="img-responsive" style="max-height: 56px; width: auto;" /></a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <!-- home -->
            <li><a href="https://www.mediabilhaq.com/" class="active">BERANDA</a></li>

            <!-- berita -->
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">BERITA <span class="caret"></span></a>
                <ul class="dropdown-menu sub-menu">
                                        <li class="sub-active"><a href="https://www.mediabilhaq.com/berita/kategori/buku"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Buku</a></li>
                                        <li class="sub-active"><a href="https://www.mediabilhaq.com/berita/kategori/kegiatan"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Kegiatan</a></li>
                                        <li class="sub-active"><a href="https://www.mediabilhaq.com/berita"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Indeks Berita</a></li>                   
                </ul>
            </li>

            <!-- LAYANAN -->
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">LAYANAN<span class="caret"></span></a>
                <ul class="dropdown-menu sub-menu">
                                        <li class="sub-active"><a href="https://www.mediabilhaq.com/berita/layanan/percetakan-penerbit"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Percetakan & Penerbit</a></li>
                                        <li class="sub-active"><a href="https://www.mediabilhaq.com/berita/layanan/konsultan-it"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Konsultan IT</a></li>
                     
                </ul>
            </li>

            <!-- PROFIL 
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROFIL<span class="caret"></span></a>
                <ul class="dropdown-menu sub-menu">
                     
                </ul>
            </li>-->

            <!-- galeri -->
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">GALERI <span class="caret"></span></a>
                <ul class="dropdown-menu sub-menu">
                    
                    <li class="sub-active"><a href="https://www.mediabilhaq.com/galeri"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Galeri Foto</a></li>
                    <li class="sub-active"><a href="https://www.mediabilhaq.com/video"><i class="fa fa-angle-double-right" aria-hidden="true"></i> Galeri Video</a></li>                   
                </ul>
            </li>
            <!--<li><a href="http://pid.mediabilhaq.com/" target="_blank" title="Aplikasi Jadwal Shalat (Digital Signage / Papan Informasi Digital)">PID</a></li>-->
            <li><a href="http://pid.mediabilhaq.com/" target="_blank" title="Sebaran Pengguna PID-MadiaBilHaq">PID-MediaBilHaq</a></li>
            <!-- DOWNLOAD 
            <li><a href="https://www.mediabilhaq.com/download">UNDUHAN</a></li>-->
            
            <!-- kontak  -->
            <li><a href="https://www.mediabilhaq.com/kontak">KONTAK</a></li>
        </ul>
        <div class="menu-right-option pull-right">
            

            <div class="search-box">
                <i class="fa fa-search first_click" aria-hidden="true" style="display: block;"></i>
                <i class="fa fa-times second_click" aria-hidden="true" style="display: none;"></i>
            </div>
            <div class="search-box-text">
                <form action="https://www.google.com/search?q=herliyan+jaya+prima+search">
                    <input type="text" name="search" id="all-search" placeholder="Search Here">
                </form>
            </div>
        </div>
        <!-- .header-search-box -->
    </div>
    <!-- .navbar-collapse -->
</nav>
</div>
<!-- .main-menu -->
</div>
<!-- .row -->
</div>
<!-- .container -->
</div>
<!-- .bg-main-menu -->
</header>

<section class="bg-slider-option">
<div class="slider-option slider-two">
<div id="slider" class="carousel slide wow fadeInDown" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#slider" data-slide-to="0" class="active"></li>
<li data-target="#slider" data-slide-to="1"></li>
<li data-target="#slider" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
    <div class="slider-item">
        <img src="https://www.mediabilhaq.com/assets/upload/image/AL-Muhalla.jpg" alt="bg-slider-2">
        <div class="slider-content-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-6"></div>
                    <!-- .col-md-6 -->
                    <div class="col-md-6">
                        <div class="slider-content">
                            <!-- <h3>Media Bil-Haq</h3> -->
                            <h2>Al-Muhalla</h2>
                            <p>Panduan Tahsin Al-Qur'an Bagi Pemula
oleh: Abu Ja'far Murtadho Habibi, Lc., Al-Hafizh</p>
                            <div class="slider-btn">
                                <a href="" class="btn btn-default">Baca selengkapnya...</a>
                            </div>
                            <!-- .slider-btn -->
                        </div>
                        <!-- .carousel-caption -->
                    </div>
                    <!-- .col-md-6 -->
                </div>
                <!-- .row -->
            </div>
            <!-- .container -->
        </div>
    </div>
</div>
<!-- .items -->
<div class="item ">
    <div class="slider-item">
        <img src="https://www.mediabilhaq.com/assets/upload/image/dalilul_murid1.jpg" alt="bg-slider-2">
        <div class="slider-content-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-6"></div>
                    <!-- .col-md-6 -->
                    <div class="col-md-6">
                        <div class="slider-content">
                            <!-- <h3>Media Bil-Haq</h3> -->
                            <h2>Dalilul Murid</h2>
                            <p>Kumpulan Ayat-Ayat Praktek kunci-kunci Tajwid
oleh: Abu Ja'far Murtadho Habibi, Lc., Al-Hafizh</p>
                            <div class="slider-btn">
                                <a href="" class="btn btn-default">Baca selengkapnya...</a>
                            </div>
                            <!-- .slider-btn -->
                        </div>
                        <!-- .carousel-caption -->
                    </div>
                    <!-- .col-md-6 -->
                </div>
                <!-- .row -->
            </div>
            <!-- .container -->
        </div>
    </div>
</div>
<!-- .items -->

</div>
<!-- .carosoul-inner -->
<a class="left carousel-control" href="#slider" role="button" data-slide="prev">
<span class="fa fa-angle-left" aria-hidden="true"></span>
</a>
<a class="right carousel-control" href="#slider" role="button" data-slide="next">
<span class="fa fa-angle-right" aria-hidden="true"></span>
</a>
</div>
</div>
<!-- .slider-option -->
</section>

<!-- End Slider Section --><!-- Start About Greenforest Section -->
<section class="bg-about-greenforest">
    <div class="container">
        <div class="row">
            <div class="about-greenforest">
                            </div>
            <!-- .about-greenforest -->
        </div>
        <!-- .row -->
    </div>
    <!-- .container -->
</section>
<section class="bg-servicesstyle2-section">
<div class="container">
    <div class="row">
        <div class="our-services-option">
            <div class="section-header">
                <h2>Layanan <br>Media Bil-Haq</h2>
            </div>
            <!-- .section-header -->
            <div class="row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                    <div class="our-services-box">
                        <div class="our-services-items">
                            <i class="fa fa-check fa-5x" style="color:#337ab7; margin-bottom: 20px;"></i>
                            <div class="our-services-content">
                                <h4><a href="https://www.mediabilhaq.com/berita/layanan/percetakan-penerbit">Percetakan & Penerbit</a></h4>
                                <p>Design Graphics, Editing Video, Percetakan dan Penerbitan Buku dengan proses pendaftaran permintaan ISBN. <br/>Telp: +62 811 7529 678</p>
                                <a href="https://www.mediabilhaq.com/berita/layanan/percetakan-penerbit">read more<i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
                            </div>
                            <!-- .our-services-content -->
                        </div>
                        <!-- .our-services-items -->
                    </div>
                    <!-- .our-services-box -->
                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6">
                    <div class="our-services-box">
                        <div class="our-services-items">
                            <i class="fa fa-check fa-5x" style="color:#337ab7; margin-bottom: 20px;"></i>
                            <div class="our-services-content">
                                <h4><a href="https://www.mediabilhaq.com/berita/layanan/konsultan-it">Konsultan IT</a></h4>
                                <p>Software Development, Hardware & Networking. <br/>Telp: +62 811 7575 783</p>
                                <a href="https://www.mediabilhaq.com/berita/layanan/konsultan-it">read more<i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
                            </div>
                            <!-- .our-services-content -->
                        </div>
                        <!-- .our-services-items -->
                    </div>
                    <!-- .our-services-box -->
                </div>
                            </div>
            <!-- .row -->
        </div>
        <!-- .our-services-option -->
    </div>
    <!-- .row -->
</div>
<!-- .container -->
</section>


<!-- End Service Style2 Section -->




<!-- Start Upcoming Events Section -->


<section class="bg-upcoming-events">
<div class="container">
<div class="row">
<div class="upcoming-events">
<div class="section-header">
    <h2>Berita terbaru</h2>
</div>
<!-- .section-header -->
<div class="row">
        <div class="col-md-6">
        <div class="event-items">
            <div class="event-img">
                <a href="https://www.mediabilhaq.com/berita/read/kamus-tematik-indonesia-arab-untuk-pelajar-dan-umum-dengan-kumpulan-nama-nama-dan-kata-jamaknya"><img style="width:570px;height:300px;" src="https://www.mediabilhaq.com/assets/upload/image/thumbs/tampil.jpg" alt="upcoming-events-img-1" class="img-responsive" /></a>
                <div class="date-box">
                    <h3>23</h3>
                    <h5>Jul</h5>
                </div>
                <!-- .date-box -->
            </div>
            <!-- .event-img -->
            <div class="events-content">
                <div style="min-height: 120px !important;">
                <h3><a href="https://www.mediabilhaq.com/berita/read/kamus-tematik-indonesia-arab-untuk-pelajar-dan-umum-dengan-kumpulan-nama-nama-dan-kata-jamaknya">Kamus Tematik Indonesia-Arab Untuk Pelajar dan Umum Dengan Kumpulan Nama - nama dan Kata Jamaknya </a></h3>
                <ul class="meta-post">
                    <li><i class="fa fa-clock-o" aria-hidden="true"></i> 00:05</li>
                    <li><i class="fa fa-user"></i> Admin Media Bil-Haq</li>
                </ul>
                </div>
                <p class="text-justify">Bahasa Arab merupakan bahasa yang wajib dikuasai dan dipelajari bagi setiap muslim, karena bahasa Arab adalah bahasanya Al-Quran, bahasanya Nabi Muhammad Shallallahu &lsquo;Alaihi Wasallam, dan bahasa&#8230;</p>
                <a href="https://www.mediabilhaq.com/berita/read/kamus-tematik-indonesia-arab-untuk-pelajar-dan-umum-dengan-kumpulan-nama-nama-dan-kata-jamaknya" class="btn btn-default"><i class="fa fa-chevron-right"></i> Selengkapnya</a>
            </div>
            <!-- .events-content -->
        </div>
        <!-- .events-items -->
    </div>
        <div class="col-md-6">
        <div class="event-items">
            <div class="event-img">
                <a href="https://www.mediabilhaq.com/berita/read/pid-jadwal-shalat"><img style="width:570px;height:300px;" src="https://www.mediabilhaq.com/assets/upload/image/thumbs/Brosur_PID-MBH2.jpg" alt="upcoming-events-img-1" class="img-responsive" /></a>
                <div class="date-box">
                    <h3>30</h3>
                    <h5>Jun</h5>
                </div>
                <!-- .date-box -->
            </div>
            <!-- .event-img -->
            <div class="events-content">
                <div style="min-height: 120px !important;">
                <h3><a href="https://www.mediabilhaq.com/berita/read/pid-jadwal-shalat">PID Jadwal Shalat</a></h3>
                <ul class="meta-post">
                    <li><i class="fa fa-clock-o" aria-hidden="true"></i> 04:36</li>
                    <li><i class="fa fa-user"></i> Admin Media Bil-Haq</li>
                </ul>
                </div>
                <p class="text-justify">JADWAL SHALAT menggunakan Media TV yang lagi TREND saat ini. Selain menampilkan Jam, Hari, Tanggal Masehi, Tanggal Hijriyah (Pergantiannya setiap Maghrib), Jadwal Shalat 5 waktu dan waktu Syuruq, juga&#8230;</p>
                <a href="https://www.mediabilhaq.com/berita/read/pid-jadwal-shalat" class="btn btn-default"><i class="fa fa-chevron-right"></i> Selengkapnya</a>
            </div>
            <!-- .events-content -->
        </div>
        <!-- .events-items -->
    </div>
        <!-- .col-md-6 -->
</div>
<!-- .row -->
</div>
<!-- .upcoming-events -->
</div>
<!-- .row -->
</div>
<!-- .container -->
</section>


<!-- End Upcoming Events Section -->


<!-- Start campaian video Section -->

<section class="bg-compaian-video">
    <div class="compaian-video-overlay">
        <div class="container">
            <div class="row">
                <div class="compaian-video">
                    <a href="https://www.youtube.com/embed/L_YpipSU3mg" data-rel="lightcase:myCollection"><img src="https://www.mediabilhaq.com/assets/tema/assets/images/home02/video-icon.png" alt="video-icon" /></a>
                    <h3>WATCH OUR LATEST CAMPAIGN VIDEO</h3>
                </div>
                <!-- .compaian-video -->
            </div>
            <!-- .row -->
        </div>
        <!-- .container -->
    </div>
    <!-- .compaian-video-overlay -->
</section>

<!-- End campaian video Section https://youtu.be/L_YpipSU3mg-->







<style type="text/css" media="screen">
  .kontakwa {
    z-index: 9999;
    position: fixed;
    background-color: #cc9000;
    opacity: 50%;
    padding: 10px;
    bottom: 0;
    right: 85px;
    font-weight: 500;
    font-size: 20px;
    color: white;
    text-align: center;
    /* border-top: solid 2px green;
    border-left: solid 2px green;
    border-right: solid 2px green; */
    min-width: 60px;
    border-radius: 0 10px 0 0;
  }
  .telepon {
    z-index: 9999;
    position: fixed;
    background-color: #cc8800;
    opacity: 50%;
    padding: 10px;
    bottom: 0;
    right: 145px;
    min-width: 60px;
    font-weight: 500;
    font-size: 20px;
    color: white;
    text-align: center;
    /* border-top: solid 2px #e93478;
    border-left: solid 2px #e93478;
    border-right: solid 2px #e93478; */
    border-radius: 10px 0 0 0;
  }
  .kontakwa a, .telepon a {
    color: white;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
  }
  .kontakwa:hover, .telepon:hover {
    background-color: pink;

  }
</style>
<div class="telepon">
  <a href="tel:+628117575783"><i class="fa fa-phone"></i></a>
</div>
<div class="kontakwa">
  <a href="https://wa.me/628117575783?text=Saya%20tertarik%20untuk%20Menggunakan%20Layanan%20di%20Perusahan%20Anda.%20Apakah%20bisa%20dibantu?" class="topbar-social-item"><i class="fa fa-whatsapp"></i>
        </a>
</div>
<!-- END WA -->
<!-- Start Footer Section -->
<footer>
<div class="bg-footer-top">
<div class="container">
<div class="row">
    <div class="footer-top">
        <div class="row">
            <div class="col-md-6 col-sm-6">
                <div class="footer-widgets">
                    <div class="widgets-title">
                        <h4 style="color:white;">Media Bil-Haq</h4>
                    </div>
                
                    <!-- .widgets-content -->
                    <div class="address-box">
                        <ul class="address">
                            <li>
                                <i class="fa fa-home" aria-hidden="true"></i>
                                <span><p><strong>Media Bil-Haq</strong></p><br />
<p>Jl. Sukajaya No. 31, Kel. Labuhbaru Barat, Kec. Payung Sekaki</p><br />
<p>Kota Pekanbaru - Riau</p></span>
                            </li>
                            <li>
                                <i class="fa fa-phone" aria-hidden="true"></i>
                                <span>+628117575783</span>
                            </li>
                            <li>
                                <i class="fa fa-envelope-o" aria-hidden="true"></i>
                                <span>mediabilhaq@gmail.com</span>

                            </li>
                        </ul>
                    </div>
                    <!-- .address -->
                </div>
                <!-- .footer-widgets -->
            </div>
            <!-- .col-md-4 -->
            <div class="col-md-6 col-sm-6">
                <div class="footer-widgets">
                    <div class="widgets-title">
                        <h3>Halaman Facebook</h3>
                    </div>
                    <!-- .widgets-title -->
                        <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fhalaman.mediabilhaq%2F&tabs=timeline&width=640&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="640" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
                </div>
                <!-- .footer-widgets -->
            </div>
            
            
        </div>
        <!-- .row -->
    </div>
    <!-- .footer-top -->
</div>
<!-- .row -->
</div>
<!-- .container -->
</div>
<!-- .bg-footer-top -->

<div class="bg-footer-bottom">
<div class="container">
<div class="row">
    <div class="footer-bottom">
        <div class="copyright-txt">
            <p>Copyright &copy; 2020 - <a href="https://mediabilhaq.com" title="Media Bil-Haq - Nasehat-Menasehati Dalam Kebenaran">Media Bil-Haq</a> All rights reserved.</p>
        </div>
        <!-- .copyright-txt -->
        <div class="social-box">
            <ul class="social-icon-rounded">
                <li><a href="https://www.facebook.com/halaman.mediabilhaq"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                <li><a href="https://instagram.com/mediabilhaq"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                <li><a href="http://twitter.com/mediabilhaq"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                <li><a href="https://www.youtube.com/channel/UCmm6mFZXYQ3ZylUMa0Tmc2Q"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
                <!--<li><a href="
<div style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;">

<h4>A PHP Error was encountered</h4>

<p>Severity: Notice</p>
<p>Message:  Undefined property: stdClass::$youtube</p>
<p>Filename: layout/footer.php</p>
<p>Line Number: 137</p>


	<p>Backtrace:</p>
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/mediabil/public_html/application/views/layout/footer.php<br />
			Line: 137<br />
			Function: _error_handler			</p>

		
	
		
			<p style="margin-left:10px">
			File: /home/mediabil/public_html/application/views/layout/wrapper.php<br />
			Line: 17<br />
			Function: require_once			</p>

		
	
		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/mediabil/public_html/application/controllers/Home.php<br />
			Line: 82<br />
			Function: view			</p>

		
	
		
	
		
			<p style="margin-left:10px">
			File: /home/mediabil/public_html/index.php<br />
			Line: 315<br />
			Function: require_once			</p>

		
	

</div>"><i class="fa fa-youtube" aria-hidden="true"></i>https://www.youtube.com/channel/UCc-fkXm627bYGvFcJnb25XQ/</a></li>-->
            </ul>
        </div>
        <!-- .social-box -->

    </div>
    <!-- .footer-bottom -->
</div>
<!-- .row -->
</div>
<!-- .container -->
</div>
<!-- .bg-footer-bottom -->
<br/>

</footer>

<!-- End Footer Section -->


<!-- Start Scrolling -->

<div class="scroll-img"><i class="fa fa-angle-up" aria-hidden="true"></i></div>


<!-- End Scrolling -->


</div>


<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/jquery.counterup.min.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/swiper.min.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/lightcase.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/jquery.nstSlider.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/jquery.flexslider.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/custom.map.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/plugins.isotope.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/custom.isotope.js"></script>
<script type="text/javascript" src="https://www.mediabilhaq.com/assets/tema/assets/js/custom.js"></script>
<!-- Select2 -->
<script src="https://www.mediabilhaq.com/assets/admin/plugins/select2/select2.full.min.js"></script>
<!-- DataTables JS -->
<script src="https://www.mediabilhaq.com/assets/admin/plugins/datatables/jquery.dataTables.js"></script>
<script src="https://www.mediabilhaq.com/assets/admin/plugins/datatables/dataTables.bootstrap4.js"></script>
<script>
  $(function () {
    $("#example1").DataTable();
  });
</script>
<script>
  $(function () {
     //Initialize Select2 Elements
    $('.select2').select2()
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    ClassicEditor
      .create(document.querySelector('.editorku'))
      .then(function (editor) {
        // The editor instance
      })
      .catch(function (error) {
        console.error(error)
      })

    // bootstrap WYSIHTML5 - text editor

    $('#keterangan').wysihtml5({
      toolbar: { fa: true }
    })
  })
</script>
</html>
