
<section>
<div class="gap no-gap">

<div class="featured-area-wrap slider2 text-center">
<div class="featured-area owl-carousel">
<div class="featured-item" style="background-image: url(<?=base_url();?>agung/assets/images/resources/slide-4.png);">
<div class="featured-cap">
<img src="<?=base_url();?>agung/assets/images/resources/bsml-txt.png" alt="bsml-txt.png">
<h1><img src="<?=base_url();?>agung/assets/images/resources/ayat-txt.png" alt="ayat-txt.png"></h1>
<img class="before-imge" src="<?=base_url();?>agung/assets/images/pshape.png" alt="">
<h3>Dan Allah telah meninggikan langit dan Dia meletakkan neraca (keadilan)</h3>
<span>(Surat Al-Rahmaan ayat 7)</span>

</div>
</div>
<div class="featured-item" style="background-image: url(<?=base_url();?>agung/assets/images/resources/slide2.jpg);">
<div class="featured-cap">
<img src="<?=base_url();?>agung/assets/images/resources/bsml-txt2.png" alt="bsml-txt2.png">
<h1><img src="<?=base_url();?>agung/assets/images/resources/ayat-txt.png" alt="ayat-txt2.png"></h1>
<img class="before-imge" src="<?=base_url();?>agung/assets/images/pshape.png" alt="">
<h3>Dan Allah telah meninggikan langit dan Dia meletakkan neraca (keadilan)</h3>
<span>(Surat Al-Rahmaan ayat 7)</span>

</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="gap">
<div class="container">
<div class="abt-sec-wrp style2">
<div class="row">
<div class="col-md-6 col-sm-12 col-lg-6">
<div class="abt-vdo style2 brd-rd5">
<img src="<?=base_url();?>agung/assets/images/resources/abt-img2.jpg" alt="abt-img2.jpg" itemprop="image">
</div>
</div>
<div class="col-md-6 col-sm-12 col-lg-6">
<div class="abt-desc">
<div class="sec-tl">
<span class="theme-clr">Profil</span>
<h2 itemprop="headline"><?=$this->config->item('nama_aplikasi_full');?></h2>
<img src="<?=base_url();?>agung/assets/images/pshape.png" alt="">
</div>
<?=balik("at_hal", "isi_ind", "id", "1");?>

</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="gap white-layer opc9">
<div class="fixed-bg" style="background-image: url(<?=base_url();?>agung/assets/images/parallax1.jpg);"></div>
<div class="container">
<div class="sec-tl">

<h2 itemprop="headline">Jadwal Sholat</h2>
<img src="<?=base_url();?>agung/assets/images/pshape.png" alt="">
</div>
<div class="prayer-timing-wrp">
<div class="row">
<div class="col-md-5 col-sm-12 col-lg-5">
<div class="timing-mockp"><img src="<?=base_url();?>agung/assets/images/resources/prayer-time-mockp.png" alt="prayer-time-mockp.png" itemprop="image"></div>
</div>
<div class="col-md-7 col-sm-12 col-lg-7">
<div class="timing-data">

<div class="prayer-timings text-center">
<table>
<thead>
<tr>
<th><span>Jadwal</span><img src="<?=base_url();?>agung/assets/images/pshape.png" alt=""></th>
<th><span>Azan</span><img src="<?=base_url();?>agung/assets/images/pshape.png" alt=""></th>
</tr>
</thead>
<tbody>
<tr class="">
<td><span>Subuh</span></td>
<td class="fajr-azan-time">03:24 am</td>
</tr>
<tr>
<td><span>Dhuha</span></td>
<td class="sunrise-azan-time">05:10 am</td>
</tr>
<tr>
<td><span>Dzuhur</span></td>
<td class="zohar-azan-time">12:15 pm</td>
</tr>
<tr>
 <td><span>Asar</span></td>
<td class="asr-azan-time">05:10 pm</td>
</tr>
<tr>
<td><span>Maghrib</span></td>
<td class="maghrib-azan-time">07:15 pm</td>
</tr>
<tr>
<td><span>Isha</span></td>
<td class="isha-azan-time">09:05 pm</td>
</tr>
<tr>
<td><span>Isya</span></td>
<td class="juma-azan-time">01:00 pm</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="gap white-layer opc9">
<img class="vector-bg-service" src="<?=base_url();?>agung/assets/images/bg-vector-3.png" alt="vector-bg" itemprop="image">
<div class="container">
<div class="sec-tl text-center">

<h2 itemprop="headline">Kegiatan Masjid</h2>
<img src="<?=base_url();?>agung/assets/images/pshape.png" alt="">
</div>
<div class="serv-wrp remove-ext3">
<div class="row">
<div class="col-md-3 col-sm-6 col-lg-3">
<div class="serv-bx text-center">
<i class="flaticon-open-book theme-clr"></i>
<h5 itemprop="headline"><a href="service-detail.html" title="" itemprop="url">TPA</a></h5>
<div class="srv-inf theme-bg brd-rd10">
<p itemprop="description">Menyelenggarakan kegiatan pendidikan (TPA, Madrasah, Pusat Kegiatan Belajar Masyarakat)</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-lg-3">
<div class="serv-bx text-center">
<i class="flaticon-grave theme-clr"></i>
<h5 itemprop="headline"><a href="service-detail.html" title="" itemprop="url">Pengajian Rutin</a></h5>
<div class="srv-inf theme-bg brd-rd10">
<p itemprop="description">Menyelenggarakan Pengajian Rutin</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-lg-3">
<div class="serv-bx text-center">
<i class="flaticon-mosque theme-clr"></i>
<h5 itemprop="headline"><a href="service-detail.html" title="" itemprop="url">Sholat Jum'at</a></h5>
<div class="srv-inf theme-bg brd-rd10">
<p itemprop="description">Menyelenggarakan Sholat Jum'at</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-lg-3">
<div class="serv-bx text-center">
<i class="flaticon-begging theme-clr"></i>
 <h5 itemprop="headline"><a href="service-detail.html" title="" itemprop="url">Pemberdayaan Masyarakat</a></h5>
<div class="srv-inf theme-bg brd-rd10">
<p itemprop="description">Pemberdayaan Zakat, Infaq, Shodaqoh dan Wakaf</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="gap black-layer opc8">
<div class="fixed-bg" style="background-image: url(<?=base_url();?>agung/assets/images/parallax2.jpg);"></div>
<div class="container">
<div class="sec-tl text-center">
<h2 itemprop="headline">Rukun Islam</h2>
<img src="<?=base_url();?>agung/assets/images/pshape.png" alt="">
</div>
<div class="remove-ext3">
<ul class="plrs-wrp text-center">
<li>
<div class="plr-bx">
<i class="flaticon-clicker brd-rd50"></i>
<h5 itemprop="headline">Syahadat</h5>
</div>
</li>
<li>
<div class="plr-bx">
<i class="flaticon-muslim-man-praying brd-rd50"></i>
<h5 itemprop="headline">Sholat</h5>
</div>
</li>
<li>
<div class="plr-bx">
<i class="flaticon-islamic-ramadan brd-rd50"></i>
<h5 itemprop="headline">Puasa</h5>
</div>
</li>
<li>
<div class="plr-bx">
<i class="flaticon-money brd-rd50"></i>
<h5 itemprop="headline">Zakat</h5>
</div>
</li>
<li>
<div class="plr-bx">
<i class="flaticon-kaaba-building brd-rd50"></i>
<h5 itemprop="headline">Haji</h5>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section>
<div class="gap">
<div class="container">
<div class="sec-tl text-center">
<h2 itemprop="headline">Berita dan Even</h2>
<img src="<?=base_url();?>agung/assets/images/pshape.png" alt="">
</div>
<div class="remove-ext3">
<div class="row">
<div class="col-md-7 col-sm-12 col-lg-7">


<?php $berita=berita("14", "0, 2"); foreach($berita as $b): 
			if($this->session->userdata('language')=="en"){
					$b_judul=$b->judul_ing;
					$b_isi=strip_tags(substr($b->isi_ing, 0 , 100));
					$b_tgl=$b->tanggal;
				}
				if($this->session->userdata('language')==""){
					$b_judul=$b->judul_ind;
					$b_isi=strip_tags(substr($b->isi_ind, 0 , 100));
					$b_tgl=tgl_indo($b->tanggal);
				}
				$url=alamat($b_judul);
				
			?>

<div class="post-bx lst brd-rd5">
<div class="post-thmb"><a href="<?php echo base_url(); ?>index.php/news/detail/<?php echo $b->id."/".$url ; ?>" title="<?=$b_judul;?>" itemprop="url"><img src="<?php echo base_url(); ?>agung/berita/<?php echo $b->foto ; ?>" alt="<?=$b_judul;?>" itemprop="image"></a></div>
 <div class="post-inf">
<h5 itemprop="headline"><a href="<?php echo base_url(); ?>index.php/news/detail/<?php echo $b->id."/".$url ; ?>" title="<?=$b_judul;?>" itemprop="url"><?=$b_judul;?></a></h5>
<ul class="pst-mta">
<li><i class="far fa-calendar-alt theme-clr"></i> <?php echo $b_tgl; ?></li>
<li><i class="far fa-user theme-clr"></i><a href="<?php echo base_url(); ?>index.php/news/detail/<?php echo $b->id."/".$url ; ?>" title="<?=$b_judul;?>" itemprop="url"><?php echo $b->oleh; ?></a></li>
</ul>
<p itemprop="description"><?=$b_isi;?></p>
<a href="<?php echo base_url(); ?>index.php/news/detail/<?php echo $b->id."/".$url ; ?>" title="<?=$b_judul;?>" itemprop="url">View Details</a>
</div>
</div>


<?php endforeach;?>



</div>
<div class="col-md-5 col-sm-12 col-lg-5">

<?php $berita=berita("14", "2, 3"); foreach($berita as $b): 
			if($this->session->userdata('language')=="en"){
					$b_judul=$b->judul_ing;
					$b_isi=strip_tags(substr($b->isi_ing, 0 , 100));
					$b_tgl=$b->tanggal;
				}
				if($this->session->userdata('language')==""){
					$b_judul=$b->judul_ind;
					$b_isi=strip_tags(substr($b->isi_ind, 0 , 100));
					$b_tgl=tgl_indo($b->tanggal);
				}
				$url=alamat($b_judul);
				
			?>
			
<div class="event-bx brd-rd5" style="background-image: url(<?php echo base_url(); ?>agung/berita/<?php echo $b->foto ; ?>);">
<span class="theme-clr"><?=substr($b->tanggal, 8 , 2);?> <i><?=getBulan(substr($b->tanggal, 5 , 2));?></i></span>
<h5 itemprop="headline"><a href="<?php echo base_url(); ?>index.php/news/detail/<?php echo $b->id."/".$url ; ?>" title="<?=$b_judul;?>" itemprop="url"><?=$b_judul;?></a></h5>
<ul class="pst-mta">
<li><i class="fas fa-users theme-clr"></i> <?php echo $b->oleh; ?></li>
</ul>
<a href="<?php echo base_url(); ?>index.php/news/detail/<?php echo $b->id."/".$url ; ?>" title="<?=$b_judul;?>" itemprop="url">View Details</a>
</div>

<?php endforeach;?>

</div>
</div>
</div>
</div>
</div>
</section>
