<?php if(!defined('BASEPATH')) exit('No direct script access allowed'); ?>

<div class="col-default">
	<div class="sdgsportabel bordergrey1">
	<div class="sdgshead bggrad-color2 flexcenter">
		<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/logo-sdgs.png") ?>"/>
		<h1>SDGS</h1>
	</div>
	<div class="sdgsportabel-heading">
	<a data-toggle="collapse" data-parent="#accordion" href="#collapsesdgs" class="flexcenter bgwhite">
		<p>Sustainable Development Goals atau Tujuan Pembangunan Berkelanjutan.  SDGs adalah salah satu agenda internasional yang disusun oleh PBB, dalam rangka ingin menyejahterakan masyarakat dunia</p>
	</a>
	</div>
	<div id="collapsesdgs" class="panel-collapse collapse">
		<div class="sdgsportabel-inner bgwhite bordergrey1">
			<div class="sdgsportabel-row">
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs1">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture1.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs2">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture2.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs3">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture3.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs4">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture4.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs5">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture5.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs6">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture6.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs7">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture7.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs8">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture8.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs9">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture9.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs10">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture10.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs11">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture11.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs12">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture12.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs13">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture13.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs14">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture14.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs15">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture15.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs16">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture16.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs17">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture17.jpg") ?>"/>
				</div>
				<div class="sdgsportabel-col" data-toggle="modal" data-target="#sdgs18">
				<img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture18.jpg") ?>"/>
				</div>
			</div>
		</div>
	</div>
	</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs1" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture1.jpg") ?>"/></div>	
				<h1>Desa Tanpa Kemiskinan</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs2" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture2.jpg") ?>"/></div>	
				<h1>Desa Tanpa Kelaparan</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs3" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture3.jpg") ?>"/></div>	
				<h1>Desa Sehat Dan Sejahtera</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs4" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture4.jpg") ?>"/></div>	
				<h1>Pendidikan Desa Berkualitas</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs5" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture5.jpg") ?>"/></div>	
				<h1>Keterlibatan Perempuan Desa</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs6" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture6.jpg") ?>"/></div>	
				<h1>Desa Layak Air Bersih dan Sanitasi</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs7" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture7.jpg") ?>"/></div>	
				<h1>Desa Berenergi Bersih Dan Terbarukan</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs8" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture8.jpg") ?>"/></div>	
				<h1>Pertumbuhan Ekonomi Desa Merata</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs9" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture9.jpg") ?>"/></div>	
				<h1>Infrastruktur dan Inovasi Desa Sesuai Kebutuhan</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs10" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture10.jpg") ?>"/></div>	
				<h1>Desa Tanpa Kesenjangan</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs11" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture11.jpg") ?>"/></div>	
				<h1>Kawasan Pemukiman Desa Aman Dan Nyaman</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs12" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture12.jpg") ?>"/></div>	
				<h1>Konsumsi Dan Produksi Desa Sadar Lingkungan</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs13" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture13.jpg") ?>"/></div>	
				<h1>Desa Tanpa Kemiskinan</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs14" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture14.jpg") ?>"/></div>	
				<h1>Desa Peduli Lingkungan Laut</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs15" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture15.jpg") ?>"/></div>	
				<h1>Desa Peduli Lingkungan Darat</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs16" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture16.jpg") ?>"/></div>	
				<h1>Desa Damai Berkeadilan</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs17" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture17.jpg") ?>"/></div>	
				<h1>Kemitraan Untuk Pembangunan Desa</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>

<div class="sdgsmodal">
<div class="modal center fade bgmodalcolor1" id="sdgs18" role="dialog" aria-hidden="true" data-backdrop="false">
	<div class="modal-dialog bgwhite" role="document">
	<div class="modal-absolute bggrey1 bordergrey1">
		<div class="modalhead bgcolor-1 flexcenter"><h1>SDGS</h1></div>
		<div class="inner-modal">
		<div class="withscroll">
			<div class="sdgsmodal-inner flexcenter">
				<div style="text-align:center;">
				<div class="sdgsmodal-inner-icon"><img src="<?= base_url("$this->theme_folder/$this->theme/images/sdgs/Picture18.jpg") ?>"/></div>	
				<h1>Kelembagaan Desa Dinamis Dan Budaya Desa Adaktif</h1>
				<!-- Narasi -->
				<h3>Isi narasi sesuai kebutuhan...</h3>
				<!-- Start Link -->
				<div class="sdgs-link flexcenter">
					<a href="#">
						<div class="sdgs-link-item bordergrey1 flexcenter"><div class="sdgs-link-icon bgorange flexcenter"><svg viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg></div><p>Selengkapnya</p></div>
					</a>
				</div>
				<!-- End Link -->
				</div>
			</div>
		</div>	
		</div>
		<div class="modalfoot bgwhite bordergrey1 flexcenter" data-dismiss="modal" aria-label="Close">
			<div class="close-btn bgcolor-1"></div>
		</div>	
	</div>
	</div>
</div>
</div>