<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="csrf-token" content="D6EvmG2ijUSD0ARMBBUOm9OQ3DoR1yxPrKFixYya">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>MUI - Majelis Ulama Indonesia - MUI - Majelis Ulama Indonesia</title>
        <link rel="apple-touch-icon" sizes="57x57" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="apple-touch-icon" sizes="60x60" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="apple-touch-icon" sizes="72x72" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="apple-touch-icon" sizes="76x76" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="apple-touch-icon" sizes="114x114" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="apple-touch-icon" sizes="120x120" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="apple-touch-icon" sizes="144x144" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="apple-touch-icon" sizes="152x152" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="apple-touch-icon" sizes="180x180" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="icon" type="image/png" sizes="192x192" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="icon" type="image/png" sizes="32x32" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="icon" type="image/png" sizes="96x96" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link rel="icon" type="image/png" sizes="16x16" href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png">
        <link href="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png" rel="shortcut icon"> 
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
          
        <meta content="index,follow" name=robots>
        <meta name="description" content="MUI - Majelis Ulama Indonesia" />
        <meta name="keywords" content="MUI - Majelis Ulama Indonesia" />        
        
        <meta name="theme-color" content="#4F82E0">
        <meta name="application-name" content="MUI - Majelis Ulama Indonesia">
        <meta name="msapplication-TileImage" content="http://www.mui.or.id/public/storage/situs/f1351d2b7ba97ecc9f6869def92ef15f-frontend.png">
        <meta name="msapplication-TileColor" content="#4F82E0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <meta name="HandheldFriendly" content="true" />
        <!-- Twitter -->
        <meta name="twitter:widgets:csp" content="on">
        <meta name="twitter:card" content="summary">
        <meta name="twitter:url" content="">
        <meta name="twitter:site" content="">
        <meta name="twitter:creator" content="@tricipta">
        <meta name="twitter:title" content="MUI - Majelis Ulama Indonesia">
        <meta name="twitter:description" content="MUI - Majelis Ulama Indonesia">
        <meta name="twitter:image" content="http://www.mui.or.id/public/storage/situs/f1351d2b7ba97ecc9f6869def92ef15f-frontend.png">
        <!-- Facebook -->
        <meta property="og:locale" content="id_ID" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="">
        <meta property="og:title" content="MUI - Majelis Ulama Indonesia">
        <meta property="og:description" content="MUI - Majelis Ulama Indonesia">
        <meta property="og:type" content="website">
        <meta property="og:image" content="http://www.mui.or.id/public/storage/situs/f1351d2b7ba97ecc9f6869def92ef15f-frontend.png">
        <meta property="og:image:type" content="image/png">
        <meta property="og:image:width" content="1000">
        <meta property="og:image:height" content="500">
		
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/ticker-style.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/flaticon.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/slicknav.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/animate.min.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/magnific-popup.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/themify-icons.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/slick.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/nice-select.css">
        <link rel="stylesheet" href="http://www.mui.or.id/public/frontend/assets/css/style.css">
        
        <link rel="stylesheet" type="text/css" href="http://www.mui.or.id/public/apps/sweetalert2/sweetalert2.min.css"> 
        <link rel="stylesheet" href="http://www.mui.or.id/public/select2/css/select2.min.css"> 
        <link href="http://www.mui.or.id/public/backend/plugins/bower_components/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
        <style>
          .radius-10 {border-radius: 10px;}
          .section-tittles span::before { background: #28a745!important; } 
          .modal-body {
              max-height: calc(100vh - 210px);
              overflow-y: auto;
          } 
        </style>
        <script>
          var BASE_URL = "http://www.mui.or.id/public/index.php";
        </script>  
		<script src="http://www.mui.or.id/public/qrcode/qrcode.js"></script>
    </head>
    <body class="gray-bg">  
	<main> 
		<nav class="navbar navbar-dark bg-light navbar-expand fixed-bottom d-md-none d-lg-none d-xl-none">
		<ul class="navbar-nav nav-justified w-100">
		  <li class="nav-item">
			<a href="http://www.mui.or.id/public/index.php" class="nav-link text-dark">
			  <svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-house" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
				<path fill-rule="evenodd" d="M2 13.5V7h1v6.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V7h1v6.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5zm11-11V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
				<path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"/>
			  </svg>
			</a>
		  </li>
		  <li class="nav-item">
			<a href="http://www.mui.or.id/public/index.php/info-fatwa" class="nav-link text-dark">
			  <svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-search" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
				<path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"/>
				<path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
			  </svg>
			</a>
		  </li>
		  <li class="nav-item">
			<a href="http://www.mui.or.id/public/index.php/info-pertanyaan" class="nav-link text-dark">
				<svg xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" fill="currentColor" class="bi bi-patch-question" viewBox="0 0 16 16">
				  <path d="M8.05 9.6c.336 0 .504-.24.554-.627.04-.534.198-.815.847-1.26.673-.475 1.049-1.09 1.049-1.986 0-1.325-.92-2.227-2.262-2.227-1.02 0-1.792.492-2.1 1.29A1.71 1.71 0 0 0 6 5.48c0 .393.203.64.545.64.272 0 .455-.147.564-.51.158-.592.525-.915 1.074-.915.61 0 1.03.446 1.03 1.084 0 .563-.208.885-.822 1.325-.619.433-.926.914-.926 1.64v.111c0 .428.208.745.585.745z"/>
				  <path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/>
				  <path d="M7.001 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0z"/>
				</svg> 
			</a>
		  </li>
		  <li class="nav-item">
			<a href="http://www.mui.or.id/public/index.php/info-donasi" class="nav-link text-dark">
			  <svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-heart" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
				<path fill-rule="evenodd" d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
			  </svg>
			</a>
		  </li>
		  <li class="nav-item">
			<a href="http://www.mui.or.id/public/index.php/login" class="nav-link text-dark">
			  <svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-person" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
				<path fill-rule="evenodd" d="M10 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm6 5c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/>
			  </svg>
			</a>
		  </li>
		</ul>
		</nav>
    <div class="modal fade" id="modalPencarian" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content"> 
          <form id="form-pencarian" class="form" onsubmit="return false">
          <input type="hidden" name="_token" value="D6EvmG2ijUSD0ARMBBUOm9OQ3DoR1yxPrKFixYya">    
          <div class="modal-body"> 
            <div class="form-group">   
              <input maxlength="200" id="item_pencarian" autocomplete="off" placeholder="Masukkan Kata Kunci..." class="form-control bg-white form-control-lg" required name="item_pencarian" type="text"> 
            </div>         
          </div>
          <div class="modal-footer"> 
            <button type="button" id="btn-pencarian" class="genric-btn default"><i class="fa fa-search"></i> Cari</button>
            <button type="button" class="genric-btn default" onclick="_closePencarian();"><i class="ti-close"></i> Tutup</button>
          </div>
          </form>
        </div>
      </div>
    </div>
		<header> 
	<div class="header-area">
		<div class="main-header ">
			<div class="header-top d-none d-sm-block bg-white">
				<div class="container">
					<div class="col-xl-12">
						<div class="row d-flex justify-content-between align-items-center">
							<div class="header-info-left">
								<ul>     
									<li class="title">021-3917853, 021-31905266</li>
									<li>Jl. Proklamasi 51, Menteng, Jakarta Pusat</li>
								</ul>
							</div>
							<div class="header-info-right"> 
								<ul class="header-date">
                                    <li><a target="_blank" href="https://www.facebook.com/muipusat/"><img src="http://www.mui.or.id/public/frontend/assets/img/news/icon-fb.png" alt=""></a></li> 
                                    <li><a target="_blank" href="https://twitter.com/MUIPusat"><img src="http://www.mui.or.id/public/frontend/assets/img/news/icon-tw.png" alt=""></a></li> 
                                    <li><a target="_blank" href="https://www.instagram.com/muipusat/"><img src="http://www.mui.or.id/public/frontend/assets/img/news/instagram.png" alt=""></a></li> 
                                    <li><a target="_blank" href="https://www.youtube.com/@MUITVPusat"><img src="http://www.mui.or.id/public/frontend/assets/img/news/youtube.png" alt=""></a></li>  
                                    <li><a target="_blank" href="https://www.tiktok.com/@muipusat"><img src="http://www.mui.or.id/public/frontend/assets/img/news/tiktok.png" alt=""></a></li>  
                                    <li><a class="genric-btn default circle arrow small" href="http://www.mui.or.id/public/index.php/info-redaksi">Tim Redaksi</a></li>  
                                    <li><a class="genric-btn default circle arrow small" href="http://www.mui.or.id/public/index.php/login">Login</a></li>  
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="header-mid bg-main">
				<div class="container">
					<div class="row d-flex align-items-center">
						<!-- Logo -->
						<div class="col-md-4 d-none d-md-block">
							<div class="logo">
								<a href="http://www.mui.or.id/public/index.php"><img src="http://www.mui.or.id/public/storage/situs/f1351d2b7ba97ecc9f6869def92ef15f-frontend.png" alt=""></a>
							</div>
						</div>
						<!--
						<div class="col-md-8">
							<div class="header-banner f-right "> 
																	<img src="http://www.mui.or.id/public/storage/banner/8d679e7d2c4af19e9ed6accbb8c6105e-gambar.jpg" style="width:100%;max-height:100px;" alt=""> 
								 
							</div>
						</div>
						-->
					</div>
				</div>
			</div>
			<div class="header-bottom header-sticky">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-md-11 header-flex">
							<!-- sticky -->
							<div class="sticky-logo">
								<a href="http://www.mui.or.id/public/index.php"><img src="http://www.mui.or.id/public/frontend/assets/img/logo/logo.png" alt=""></a>
							</div>
							<!-- Main-menu -->
														<div class="main-menu d-none d-md-block text-center">
								<nav>                  
									<ul id="navigation">
										<li><a href="http://www.mui.or.id/public/index.php">Home</a></li>
										<li><a href="#">Profil</a>
											<ul class="submenu"> 
												<li><a class="text-left" href="http://www.mui.or.id/public/index.php/info-kepengurusan">Pimpinan</a></li> 
												<li><a class="text-left" href="http://www.mui.or.id/public/index.php/info-komisi">Komisi</a></li> 
												<li><a class="text-left" href="http://www.mui.or.id/public/index.php/info-lembaga">Badan/Lembaga</a></li> 
												<li><a class="text-left" href="http://www.mui.or.id/public/index.php/info-struktur">Struktur Pengurus</a></li> 
											</ul>
										</li>  
										<li><a href="http://www.mui.or.id/public/index.php/info-berita">Berita</a>
                                        </li>
										<li><a href="http://www.mui.or.id/public/index.php/info-majalah">Majalah</a></li> 
										<li><a href="#">Fatwa</a>
											<ul class="submenu"> 
												<li><a class="text-left" href="http://www.mui.or.id/public/index.php/info-fatwa">Fatwa MUI</a></li> 
												<li><a class="text-left" target="_blank" href="https://dsnmui.or.id/kategori/fatwa/">Fatwa DSN MUI</a></li>  
											</ul>
										</li> 
										<li><a href="http://www.mui.or.id/public/index.php/info-dai">Da'i MUI</a></li>
										<li><a href="http://www.mui.or.id/public/index.php/info-konsultasi">Konsultasi</a></li>
										<li><a href="http://www.mui.or.id/public/index.php/info-khutbah">Khutbah</a></li>
										<li><a href="http://www.mui.or.id/public/index.php/info-donasi">Donasi</a></li> 
										<li><a href="#">MUI Provinsi</a>
											<ul class="submenu">
																								<li><a class="text-left" target="_blank" href="">Bali</a></li> 
																								<li><a class="text-left" target="_blank" href="">Gorontalo</a></li> 
																								<li><a class="text-left" target="_blank" href="">Jakarta</a></li> 
																								<li><a class="text-left" target="_blank" href="">Jawa Barat</a></li> 
																								<li><a class="text-left" target="_blank" href="">Jawa Tengah</a></li> 
																								<li><a class="text-left" target="_blank" href="">Jawa Timur</a></li> 
																								<li><a class="text-left" target="_blank" href="">Lampung</a></li> 
																								<li><a class="text-left" target="_blank" href="">Riau Kepri</a></li> 
																								<li><a class="text-left" target="_blank" href="">Sulawesi Selatan</a></li> 
																								<li><a class="text-left" target="_blank" href="">Sumatera Utara</a></li> 
												 
											</ul>
										</li> 
									</ul>
								</nav>
							</div>
						</div>    
						
						 
						<div class="col-md-1">
                            <div class="header-right f-right d-none d-lg-block"> 
                                <div class="nav-search search-switch">
									<a href="javascript:void(0)" onclick="_searchData()"><i class="fa fa-search"></i></a>
                                </div>
                            </div>
                        </div> 
												<div class="col-12">
							<div class="mobile_menu d-block d-md-none"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Header End -->
</header> 
		<div class="trending-area whats-news-area fix pt-25">
	<div class="container">
		<div class="trending-main">
			<div class="row">
			  
				<div class="col-lg-8">
					<!-- Trending Top -->
					<div id="data-publik-slide">
					<div class="col-lg-12 col-placeholder mb-2">
						<h4 class="placeholder-glow">
						<div class="slider-active" class="row">
							<div class="col-md-12">
								<div class="placeholder rounded-1 col-md-12" style="height:500px"></div>
							</div> 
						</div>
						</h4>
					</div>
					</div>
					 
					<div class="row row my-2">
						<div class="col-md-3 text-center">
							<a href="javascript:void(0)" onclick="_loadTanya();">
							<div class="mb-2 bg-white py-10" style="border-radius: 10px;">
								<img src="http://www.mui.or.id/public/img/donasi.svg" alt="">
								<br>
								<b class="text-main" style="font-size: 13px; font-weight: 700;">Tanya Ulama<br><br></b>
							</div>
							</a>
						</div>
						<div class="col-md-3 text-center">
							<a href="javascript:void(0)" onclick="_loadFatwa();">
							<div class="mb-2 bg-white py-10" style="border-radius: 10px;">
								<img src="http://www.mui.or.id/public/img/fatwa.svg" alt="">
								<br>
								<b class="text-main" style="font-size: 13px; font-weight: 700;">Fatwa<br><br></b> 
							</div>
							</a>
						</div>
						<div class="col-md-3 text-center">
							<a href="http://www.mui.or.id/public/index.php/info-dai">
							<div class="mb-2 bg-white py-10" style="border-radius: 10px;">
								<img src="http://www.mui.or.id/public/img/tanya.svg" alt="">
								<br>
								<b class="text-main" style="font-size: 13px; font-weight: 700;">Da'i MUI<br><br></b>
							</div>
							</a>
						</div>
						<div class="col-md-3 text-center">
							<a href="http://www.mui.or.id/public/index.php/info-majalah">
							<div class="mb-2 bg-white py-10" style="border-radius: 10px;">
								<img src="http://www.mui.or.id/public/img/majalah.svg" alt="">
								<br>
								<b class="text-main" style="font-size: 13px; font-weight: 700;">Majalah<br><br></b>
							</div>
							</a>
						</div>
					</div>	 
				</div>
				<!-- Right content -->
				
				<div class="col-md-4">
					<div class="bg-white p-3 radius-10">
					<div class="row">
						<div class="col-lg-12">
							<div class="small-tittle mb-30 border-main">
								<h4><b>Terpopuler</b></h4>
							</div>
						</div>
					</div>
					<div class="row" id="data-publik-populer">
						<div class="col-lg-12 col-placeholder mb-2">
							<h4 class="placeholder-glow">
							<div class="row"> 
								<div class="col-md-12"> 
									<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
									<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
								</div>
							</div>
							</h4>
						</div>
						<div class="col-lg-12 col-placeholder mb-2">
							<h4 class="placeholder-glow">
							<div class="row"> 
								<div class="col-md-12"> 
									<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
									<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
								</div>
							</div>
							</h4>
						</div>
						<div class="col-lg-12 col-placeholder mb-2">
							<h4 class="placeholder-glow">
							<div class="row"> 
								<div class="col-md-12"> 	
									<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
									<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
								</div>
							</div>
							</h4>
						</div>
						<div class="col-lg-12 col-placeholder mb-2">
							<h4 class="placeholder-glow">
							<div class="row"> 
								<div class="col-md-12"> 	
									<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
									<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
								</div>
							</div>
							</h4>
						</div>
						<div class="col-lg-12 col-placeholder mb-2">
							<h4 class="placeholder-glow">
							<div class="row"> 
								<div class="col-md-12"> 	
									<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
									<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
								</div>
							</div>
							</h4>
						</div>
						<div class="col-lg-12 col-placeholder mb-2">
							<h4 class="placeholder-glow">
							<div class="row"> 
								<div class="col-md-12"> 	
									<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
									<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
								</div>
							</div>
							</h4>
						</div>
						<div class="col-lg-12 col-placeholder mb-2">
							<h4 class="placeholder-glow">
							<div class="row"> 
								<div class="col-md-12"> 	
									<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
									<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
								</div>
							</div>
							</h4>
						</div>
						<div class="col-lg-12 col-placeholder mb-2">
							<h4 class="placeholder-glow">
							<div class="row"> 
								<div class="col-md-12"> 	
									<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
									<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
								</div>
							</div>
							</h4>
						</div>
					</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

		
		<!-- Trending Area End -->
		<div class="weekly2-news-area pt-30 pb-30">
			<div class="container">
				<div class="weekly2-wrapper">
					<div class="row">
						<!-- Banner --> 
						<div class="col-md-12">
							<div class="slider-wrapper same-step1">
								<!-- section Tittle -->
								<div class="row">
									<div class="col-lg-12">
										<div class="small-tittle mb-30 border-main">
											<h4><b>Terkini</b></h4>
										</div>
									</div>
								</div>
								<!-- Slider -->
								<div class="row">
									<div class="col-lg-12">
										<div id="data-publik-terkini"></div>    
									</div>
								</div>
							</div>
						</div> 
					</div>
				</div>
			</div>
		</div>      
		  
		<div class="weekly2-news-area pt-30 pb-30">
			<div class="container">
				<div class="weekly2-wrapper">
					<div class="row"> 
						<div class="col-md-12">
							<div class="slider-wrapper same-step1">
								<!-- section Tittle -->
								<div class="row">
									<div class="col-lg-12">
										<div class="small-tittle mb-30 border-main">
											<h4><b>Ulama Menjawab</b></h4>
										</div>
									</div>
								</div>
								<!-- Slider -->
								<div class="row">
									<div class="col-lg-12">
										<div id="card-form-pertanyaan" style="position: static; zoom: 1;display: none;">
											<div id="datatanya"></div>   
										</div>
										<div class="table-responsive" id="card-data-pertanyaan">
											<table id="loaddatapertanyaan" class="table table-striped">
												<thead> 
													<tr>   
														<th>No</th>   
														<th>Nama Penanya</th>    	  	
														<th>Pertanyaan</th>           
														<th>Jawaban</th>          
													</tr>
												</thead>
												<tbody>
												</tbody>
											</table>
										</div>     
										<br>
										<br>
									</div>
								</div>
							</div>
						</div> 
					</div>
				</div>
			</div>
		</div>                
		
				<div class="weekly2-news-area whats-news-area pb-30">
			<div class="container">
				<div class="weekly2-wrapper">
					<div class="row">
						<!-- Banner -->  
						<div class="col-md-12">
							<div class="slider-wrapper same-step2"> 
							<div class="row">
								<div class="col-lg-12">
									<div class="small-tittle mb-30 border-main">
										<h4><b>Bimbingan Syariah</b></h4>
									</div>
								</div>
							</div>
							
							<div class="row" id="data-publik-bimbingan">
								<div class="col-lg-12 col-placeholder mb-2">
									<h4 class="placeholder-glow">
									<div class="row">
										<div class="col-md-4">
											<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
										</div>
										<div class="col-md-8">
											<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
											<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
											<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
										</div>
									</div>
									</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
									<h4 class="placeholder-glow">
									<div class="row">
										<div class="col-md-4">
											<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
										</div>
										<div class="col-md-8">
											<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
											<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
											<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
										</div>
									</div>
									</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
									<h4 class="placeholder-glow">
									<div class="row">
										<div class="col-md-4">
											<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
										</div>
										<div class="col-md-8">
											<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
											<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
											<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
										</div>
									</div>
									</h4>
								</div>
							</div> 
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>       
		    
			
		<div class="weekly2-news-area whats-news-area pb-30">
			<div class="container">
				<div class="weekly2-wrapper">
					<div class="row">
						<!-- Banner --> 
						<div class="col-md-8">
							<div class="slider-wrapper same-step3">
								<!-- section Tittle -->
								<div class="row">
									<div class="col-lg-12">
										<div class="small-tittle mb-30 border-main">
											<h4><b>Opini</b></h4>
										</div>
									</div>
								</div> 
								<!-- Slider -->
								<div id="data-publik-opini">  
									<div class="col-lg-12 col-placeholder mb-2">
									<h4 class="placeholder-glow">
									<div class="row">
										<div class="col-md-1">
											<div class="placeholder rounded-1 col-md-12" style="height:20px"></div>
										</div>
										<div class="col-md-11">
											<span class="placeholder rounded-1 col-md-12" style="height:20px"></span> 
										</div>
									</div>
									</h4>
									</div>   
									<div class="col-lg-12 col-placeholder mb-2">
									<h4 class="placeholder-glow">
									<div class="row">
										<div class="col-md-1">
											<div class="placeholder rounded-1 col-md-12" style="height:20px"></div>
										</div>
										<div class="col-md-11">
											<span class="placeholder rounded-1 col-md-12" style="height:20px"></span> 
										</div>
									</div>
									</h4>
									</div>   
									<div class="col-lg-12 col-placeholder mb-2">
									<h4 class="placeholder-glow">
									<div class="row">
										<div class="col-md-1">
											<div class="placeholder rounded-1 col-md-12" style="height:20px"></div>
										</div>
										<div class="col-md-11">
											<span class="placeholder rounded-1 col-md-12" style="height:20px"></span> 
										</div>
									</div>
									</h4>
									</div>   
									<div class="col-lg-12 col-placeholder mb-2">
									<h4 class="placeholder-glow">
									<div class="row">
										<div class="col-md-1">
											<div class="placeholder rounded-1 col-md-12" style="height:20px"></div>
										</div>
										<div class="col-md-11">
											<span class="placeholder rounded-1 col-md-12" style="height:20px"></span> 
										</div>
									</div>
									</h4>
									</div>   
									<div class="col-lg-12 col-placeholder mb-2">
									<h4 class="placeholder-glow">
									<div class="row">
										<div class="col-md-1">
											<div class="placeholder rounded-1 col-md-12" style="height:20px"></div>
										</div>
										<div class="col-md-11">
											<span class="placeholder rounded-1 col-md-12" style="height:20px"></span> 
										</div>
									</div>
									</h4>
									</div>   
									<div class="col-lg-12 col-placeholder mb-2">
									<h4 class="placeholder-glow">
									<div class="row">
										<div class="col-md-1">
											<div class="placeholder rounded-1 col-md-12" style="height:20px"></div>
										</div>
										<div class="col-md-11">
											<span class="placeholder rounded-1 col-md-12" style="height:20px"></span> 
										</div>
									</div>
									</h4>
									</div>  
								</div> 
							</div>
						</div>
						<div class="col-md-4">
							<div class="slider-wrapper same-step3">
								<!-- section Tittle -->
								<div class="row">
									<div class="col-lg-12">
										<div class="small-tittle mb-30 border-main">
											<h4><b>Pengumuman</b></h4>
										</div>
									</div>
								</div> 
								<!-- Slider -->
								<div class="row">
									<div class="col-lg-12"> 
										<div id="data-publik-pengumuman"></div>     
									</div>
								</div> 
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>           
		
		<!-- Whats New Start -->
		<section class="whats-news-area pt-20 pb-30">
			<div class="container">
				<div class="row"> 
					<div class="col-md-4"> 
						<!-- Most Recent Area -->
						<div class="most-recent-area same-step5">
							<!-- Section Tittle -->
							<div class="small-tittle mb-20 border-main">
								<h4>Fatwa</h4>
							</div>
							<!-- Details -->
							<div id="data-publik-fatwa"> 
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-12">
										<div class="placeholder rounded-1 col-md-12" style="height:220px"></div>
									</div> 
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-4"> 
						<!-- Most Recent Area -->
						<div class="most-recent-area same-step5">
							<!-- Section Tittle -->
							<div class="small-tittle mb-20 border-main">
								<h4>Khutbah</h4>
							</div>
							<!-- Details -->
							<div id="data-publik-khutbah"> 
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-12">
										<div class="placeholder rounded-1 col-md-12" style="height:220px"></div>
									</div> 
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-4"> 
						<!-- Most Recent Area -->
						<div class="most-recent-area same-step5">
							<!-- Section Tittle -->
							<div class="small-tittle mb-20 border-main">
								<h4>Info Halal</h4>
							</div>
							<!-- Details -->
							<div id="data-publik-halal"> 
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-12">
										<div class="placeholder rounded-1 col-md-12" style="height:220px"></div>
									</div> 
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<section class="whats-news-area pt-20 pb-30">
			<div class="container">
				<div class="row"> 
					<div class="col-md-4"> 
						<!-- Most Recent Area -->
						<div class="most-recent-area same-step6">
							<!-- Section Tittle -->
							<div class="small-tittle mb-20 border-main">
								<h4>LPPOM Siap</h4>
							</div>  
							<div id="data-publik-lppom"> 
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-12">
										<div class="placeholder rounded-1 col-md-12" style="height:220px"></div>
									</div> 
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div> 
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div> 
							</div>
						</div>
					</div> 
					<div class="col-md-4"> 
						<!-- Most Recent Area -->
						<div class="most-recent-area same-step6">
							<!-- Section Tittle -->
							<div class="small-tittle mb-20 border-main">
								<h4>Prosedur Sertifikasi Halal</h4>
							</div>  
							<div id="data-publik-sertifikasi"> 
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-12">
										<div class="placeholder rounded-1 col-md-12" style="height:220px"></div>
									</div> 
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div> 
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div> 
							</div>
						</div>
					</div> 
					<div class="col-md-4"> 
						<!-- Most Recent Area -->
						<div class="most-recent-area same-step6">
							<!-- Section Tittle -->
							<div class="small-tittle mb-20 border-main">
								<h4>Hoax</h4>
							</div>  
							<div id="data-publik-hoax"> 
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-12">
										<div class="placeholder rounded-1 col-md-12" style="height:220px"></div>
									</div> 
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div>
								<div class="col-lg-12 col-placeholder mb-2">
								<h4 class="placeholder-glow">
								<div class="row">
									<div class="col-md-4">
										<div class="placeholder rounded-1 col-md-12" style="height:95px"></div>
									</div>
									<div class="col-md-8">
										<span class="placeholder rounded-1 col-md-6" style="height:20px"></span>
										<span class="placeholder rounded-1 col-md-12" style="height:26px"></span>
										<span class="placeholder rounded-1 col-md-8" style="height:16px"></span> 
									</div>
								</div>
								</h4>
								</div> 
							</div>
						</div>
					</div> 
				</div>
			</div>
		</section>
		  
		<!--Recent Articles End -->
		<!-- Start Video Area -->
		<div class="youtube-area  d-none d-sm-block bg-white pt-20  pb-20">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<h1>MUI TV</h1>
						<div class="video-items-active">
							<div class="video-items text-center">
																<iframe width="1226" height="480" src="https://www.youtube.com/embed/fKHJ80klP9A" title="Pemerintah menetapkan 1 Syawal 1444H/2023M jatuh pada hari Sabtu, 22 April 2023" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
															</div> 
						</div>
					</div>
				</div> 
			</div>
		</div> 
		<!-- End Start Video area-->      
		 
		<div class="banner-area pt-90 pb-90 mb-50">
			<div class="container">
				<div class="row justify-content-center" style="background: #20995c; padding: 25px;border-radius: 10px;">
					<div class="col-md-4">  
						<div class="row " style="padding: 0px 20px;">
							<div class="col-md-6 text-center">
							<a href="https://www.youtube.com/@OFFICIALTVMUI" target="_blank">
							<div class="row">
							<div class="col-md-12 text-center">
								<div style="background: #FFF;padding: 30px;border-radius: 10px;" class="">
									<img src="http://www.mui.or.id/public/frontend/assets/img/quran.png" alt="">
									<br>
									<b class="text-main" style="font-size: 13px; font-weight: 700;">TV <br> MUI</b>
								</div>
							</div>
							</div>
							</a>
							</div>
							<div class="col-md-6 text-center">
							<a href="http://www.mui.or.id/public/index.php/info-majalah">
							<div class="row">
							<div class="col-md-12 text-center">
								<div style="background: #FFF;padding: 30px;border-radius: 10px;" class="">
									<img src="http://www.mui.or.id/public/frontend/assets/img/quran.png" alt="">
									<br>
									<b class="text-main" style="font-size: 9px; font-weight: 700;">Majalah Mimbar <br> Ulama</b>
								</div>
							</div>
							</div>
							</a>
							</div>
						</div> 
					</div>
					<div class="col-md-4">  
						<div class="row" style="padding: 0px 20px;">
							<div class="col-md-12 text-center">
								<div style="background: transparent;padding: 30px;border-radius: 10px;position: absolute; top: -100px;" class="">
									<img src="http://www.mui.or.id/public/storage/situs/41e2d943c51c929e276b64fe77cafb42-backend.png" alt="" width="100%"> 
								</div>
							</div> 
						</div>
					</div>
					<div class="col-md-4">  
						<div class="row" style="padding: 0px 20px;">
							<div class="col-md-6 text-center">
							<a href="https://halalmui.org/" target="_blank">
							<div class="row">
							<div class="col-md-12 text-center">
								<div style="background: #FFF;padding: 30px;border-radius: 10px;" class="">
									<img src="http://www.mui.or.id/public/frontend/assets/img/quran.png" alt="">
									<br>
									<b class="text-main" style="font-size: 13px; font-weight: 700;">LPPOM <br> MUI</b>
								</div>
							</div>
							</div>
							</a>
							</div>
							<div class="col-md-6 text-center">
							<a href="https://dsnmui.or.id/kategori/fatwa/" target="_blank">
							<div class="row">
							<div class="col-md-12 text-center">
								<div style="background: #FFF;padding: 30px;border-radius: 10px;" class="">
									<img src="http://www.mui.or.id/public/frontend/assets/img/quran.png" alt="">
									<br>
									<b class="text-main" style="font-size: 13px; font-weight: 700;">DSN <br> MUI</b>
								</div>
							</div>
							</div>
							</a>
							</div>
						</div> 
					</div>
				</div>
			</div>
		</div> 
		<!-- banner-last End -->
		<div class="modal fade" id="modalTanya" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
				<div class="modal-content">  
					<div class="modal-header">
						<h3>Form Pertanyaan ke Ulama</h3>
					</div>
					<div class="modal-body"> 
						<form id="form-data" class="form-contact contact_form" onsubmit="return false">
						<input type="hidden" name="_token" value="D6EvmG2ijUSD0ARMBBUOm9OQ3DoR1yxPrKFixYya">  
						<div class="col-12">
                            <div class="form-group"> 
								<input class="form-control" oninput="handleInput(event)" name="nama" id="nama" type="text" placeholder="Nama lengkap..." aria-label="" aria-describedby="basic-addon1" required>
                            </div>
                        </div>
						<div class="col-12">
                            <div class="form-group"> 
								<input class="form-control" name="email" id="email" oninput="handleLower(event)" type="email" placeholder="Email..." aria-label="" aria-describedby="basic-addon1" required>
                            </div>
                        </div> 
						<div class="col-12">
                            <div class="form-group"> 
								<input class="form-control" name="usia" id="usia" type="number" placeholder="Usia..." aria-label="" aria-describedby="basic-addon1" required>
                            </div>
                        </div>  
						<div class="col-12">
                            <div class="form-group"> 
								<select class="" id="kab_kota" name="kab_kota"></select>  
                            </div>
                        </div>   
						<div class="col-12">
                            <div class="form-group"> 
								<select class="" id="jenis_kelamin" name="jenis_kelamin"></select>  
                            </div>
                        </div>    
						<div class="col-12">
                            <div class="form-group"> 
								<textarea class="form-control" name="pertanyaan" id="pertanyaan" placeholder="Pertanyaan..." rows="3" required></textarea>
                            </div>
                        </div>  
					</form>
					</div>
					<div class="modal-footer">  
						<button type="button" class="button button-contactForm boxed-btn" id="btn-save"><i class="ti-save"></i> Kirim  </button>
						<button type="button" class="button button-contactForm danger boxed-btn" data-dismiss="modal" onclick="_closeForm();"><i class="ti-close"></i> Tutup</button> 
					</div> 
				</div>
			</div>
		</div>
		<div class="modal fade" id="modalFatwaOpsi" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable" role="document">
				<div class="modal-content">    
					<div class="modal-body"> 
						<a href="http://www.mui.or.id/public/index.php/info-fatwa" class="button button-contactForm danger boxed-btn btn-block">Fatwa MUI</a> 
						<a target="_blank" href="https://dsnmui.or.id/kategori/fatwa/" class="button button-contactForm danger boxed-btn btn-block">Fatwa DSN MUI</a> 
					</div>
					<div class="modal-footer">  
						<button type="button" class="genric-btn default" data-dismiss="modal" onclick="_closeForm();"><i class="ti-close"></i> Tutup</button>
					</div> 
				</div>
			</div>
		</div>
		<div class="modal fade" id="modalFatwa" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
				<div class="modal-content">   
					<div class="modal-header"> 
						<h3>Daftar Fatwa MUI</h3>
					</div> 
					<div class="modal-body"> 
						<div class="table-responsive bg-white">
							<table id="loaddatafrontendfatwa" class="table table-striped table-bordered" width="100%">
								<thead> 
									<tr>   
										<th>No</th>             
										<th>Judul</th>             
										<th>Lihat Fatwa</th>  
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>  
						</div>
					</div>
					<div class="modal-footer">  
						<button type="button" class="button button-contactForm danger boxed-btn btn-block" data-dismiss="modal" onclick="_closeForm();"><i class="ti-close"></i> Tutup</button> 
					</div> 
				</div>
			</div>
		</div>
		<div class="modal fade" id="modalDonasi" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
				<div class="modal-content">  
					<div class="modal-body">
						<h3 class="text-center mb-3">QRIS Donasi MUI</h3> 
						<center>
							<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
								<g id="d_qrcode_donasi"/>
							</svg> 
						</center>
					</div>
					<div class="modal-footer">  
						<button type="button" class="button button-contactForm danger boxed-btn btn-block" data-dismiss="modal" onclick="_closeForm();"><i class="ti-close"></i> Tutup</button> 
					</div> 
				</div>
			</div>
		</div>
		<div class="modal fade" id="modalMajalah" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
				<div class="modal-content">  
					<div class="modal-header"> 
						<h3>Daftar Majalah MUI</h3>
					</div>
					<div class="modal-body"> 
						<div class="table-responsive bg-white">
							<table id="loaddatafrontendmajalah" class="table table-striped table-bordered" width="100%">
								<thead> 
									<tr>   
										<th>No</th>             
										<th>Judul</th>      
										<th>Keterangan</th>     
										<th>Download</th>  
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>  
						</div> 
					</div>
					<div class="modal-footer">  
						<button type="button" class="button button-contactForm danger boxed-btn btn-block" data-dismiss="modal" onclick="_closeForm();"><i class="ti-close"></i> Tutup</button> 
					</div> 
				</div>
			</div>
		</div>
	</main> 
	<footer> 
	<div class="footer-main footer-bg">  
		<div class="footer-bottom-area footer-bg">
			<div class="container">
				<div class="footer-border">
					<div class="row d-flex align-items-center">
						<div class="col-xl-12 ">
							<div class="footer-copy-right text-center text-main">
								<p> 
									Copyright &copy;<script>document.write(new Date().getFullYear());</script> 
									MUI - Majelis Ulama Indonesia
									<br> 
									<div id="histats_counter"></div>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> 
</footer>  
    <script src="http://www.mui.or.id/public/frontend/assets/js/vendor/modernizr-3.5.0.min.js"></script>
    <!-- Jquery, Popper, Bootstrap -->
    <script src="http://www.mui.or.id/public/frontend/assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/popper.min.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/bootstrap.min.js"></script>
    <!-- Jquery Mobile Menu -->
    <script src="http://www.mui.or.id/public/frontend/assets/js/jquery.slicknav.min.js"></script>

    <!-- Jquery Slick , Owl-Carousel Plugins -->
    <script src="http://www.mui.or.id/public/frontend/assets/js/owl.carousel.min.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/slick.min.js"></script>
    <!-- Date Picker -->
    <script src="http://www.mui.or.id/public/frontend/assets/js/gijgo.min.js"></script>
    <!-- One Page, Animated-HeadLin -->
    <script src="http://www.mui.or.id/public/frontend/assets/js/wow.min.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/animated.headline.js"></script>
    <script src="http://www.mui.or.id/public/frontend//js/jquery.magnific-popup.js"></script>

    <!-- Scrollup, nice-select, sticky -->
    <script src="http://www.mui.or.id/public/frontend/assets/js/jquery.scrollUp.min.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/jquery.nice-select.min.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/jquery.sticky.js"></script>
    
    <!-- contact js -->
    <script src="http://www.mui.or.id/public/frontend/assets/js/contact.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/jquery.form.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/jquery.validate.min.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/mail-script.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/jquery.ajaxchimp.min.js"></script>
    
    <!-- Jquery Plugins, main Jquery -->	
    <script src="http://www.mui.or.id/public/frontend/assets/js/plugins.js"></script>
    <script src="http://www.mui.or.id/public/frontend/assets/js/main.js"></script>

	<!-- Vendor JS Files --> 
	<script src="http://www.mui.or.id/public/backend/plugins/bower_components/datatables/jquery.dataTables.min.js"></script> 
	<script src="http://www.mui.or.id/public/apps/sweetalert2/sweetalert2.all.min.js"></script>
    <script src="http://www.mui.or.id/public/select2/js/select2.full.min.js"></script> 
	<!-- Template Main JS File --> 
	<script src="http://www.mui.or.id/public/js/block.js"></script>   	 
	<script src="http://www.mui.or.id/public/js/pencarian.js"></script>   	 
        
	 
    <script src="http://www.mui.or.id/public/js/frontend.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.slide.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.populer.js"></script> 
    <script src="http://www.mui.or.id/public/frontend/js/frontend.terkini.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.hoax.js"></script>
		    <script src="http://www.mui.or.id/public/frontend/js/frontend.fatwa.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.khutbah.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.halal.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.lppom.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.sertifikasi.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.opini.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.bimbingan.js"></script> 
    <script src="http://www.mui.or.id/public/frontend/js/frontend.pengumuman.js"></script>
    <script src="http://www.mui.or.id/public/frontend/js/frontend.menjawab.js"></script>
        <script src="http://www.mui.or.id/public/frontend/js/frontend.donasi.js"></script>
	 
	 
	 
	 
	 
	 
	 
	 
  
	 
	 
	 
	 
	 
	 
	 
	 
	 
	
  <script>
    var _searchData = function() {  
        _clearPencarian(),$('#modalPencarian').modal('show');
    } 
    var _closePencarian = function() { 
        _clearPencarian(), $('#modalPencarian').modal('hide'); 
    }
    var _clearPencarian = function() {
      $('[name="item_pencarian"]').val('')
    }
  </script>

	    <script>
          $(document).ready(function(){
            var temp1 = 0;
            $('.same-step1').each(function (index) {
            if($(this).outerHeight() > temp1)
            {
              temp1 = $(this).outerHeight();
            }          
            });
            $('.same-step1').css('min-height',temp1);
          });
    </script> 
    <script>
          $(document).ready(function(){
            var temp2 = 0;
            $('.same-step2').each(function (index) {
            if($(this).outerHeight() > temp2)
            {
              temp2 = $(this).outerHeight();
            }          
            });
            $('.same-step2').css('min-height',temp2);
          });
    </script>  
    <script>
          $(document).ready(function(){
            var temp3 = 0;
            $('.same-step3').each(function (index) {
            if($(this).outerHeight() > temp3)
            {
              temp3 = $(this).outerHeight();
            }          
            });
            $('.same-step3').css('min-height',temp3);
          });
    </script> 
    <script>
          $(document).ready(function(){
            var temp4 = 0;
            $('.same-step4').each(function (index) {
            if($(this).outerHeight() > temp4)
            {
              temp4 = $(this).outerHeight();
            }          
            });
            $('.same-step4').css('min-height',temp4);
          });
    </script>  
    <script>
          $(document).ready(function(){
            var temp5  = 0;
            $('.same-step5').each(function (index) {
            if($(this).outerHeight() > temp5)
            {
              temp5 = $(this).outerHeight();
            }          
            });
            $('.same-step5').css('min-height',temp5);
          });
    </script>  
    <script>
          $(document).ready(function(){
            var temp6 = 0;
            $('.same-step6').each(function (index) {
            if($(this).outerHeight() > temp6)
            {
              temp6 = $(this).outerHeight();
            }          
            });
            $('.same-step6').css('min-height',temp6);
          });
    </script>  
	 
    <script>  
		var _loadTanya = function() {
			$('#modalTanya').modal('show');
		} 
		var _loadFatwa = function() {
			// $('#modalFatwa').modal('show');
			$('#modalFatwaOpsi').modal('show');
		} 
		var _loadDonasi = function() {
				$.ajax({
				url: BASE_URL+ "/ajax_get_qris/",
				type: "GET",
				dataType: "JSON",
				success: function (data) {
					if (data.status == true) { 
						var qrcode = new QRCode(document.getElementById("d_qrcode_donasi"), {
							width : 220,
							height : 220,
							useSVG: true
						});
						qrcode.makeCode(data.detail.qris);  
					} else { 
						$('#d_qrcode_donasi').html('');
					   
					}
				}, error: function (jqXHR, textStatus, errorThrown) { 
					$('#d_qrcode_donasi').html('');
				   
				}
			});
			$('#modalDonasi').modal('show');
		} 
		var _loadMajalah = function() {
			$('#modalMajalah').modal('show');
		} 
    </script>  
    <script>
		function handleInput(e) {
		   var ss = e.target.selectionStart;
		   var se = e.target.selectionEnd;
		   e.target.value = e.target.value.toUpperCase();
		   e.target.selectionStart = ss;
		   e.target.selectionEnd = se;
		}
    </script>
    <script>
		function handleLower(e) {
		   var ss = e.target.selectionStart;
		   var se = e.target.selectionEnd;
		   e.target.value = e.target.value.toLowerCase();
		   e.target.selectionStart = ss;
		   e.target.selectionEnd = se;
		}
    </script>
    <script>
		$(".nospace").on({
		  keydown: function(e) {
			if (e.which === 32)
			  return false;
		  },
		  change: function() {
			this.value = this.value.replace(/\s/g, "");
		  }
		});
    </script> 
    <script>  
		function showPdf(urlDokumen) {  
			Swal.fire({
			  title: 'Dokumen / Lampiran', 
			  confirmButtonText: 'Tutup',
			  html:urlDokumen ? '<object data="'+urlDokumen+'" width="100%" height="400"></object>' : 'tidak ada data untuk bagian ini'
			})
		} 
    </script> 
	
	<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,3729642,4,9,110,60,00011111']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?3729642&101" alt="free stats" border="0"></a></noscript>  
    </body>
</html>
