		<!-- Sidebar -->
		<div class="sidebar sidebar-style-2" data-background-color="white">	
			<div class="sidebar-wrapper scrollbar scrollbar-inner">
				<div class="sidebar-content">

					<ul class="nav nav-primary">
						<li class="nav-item {% if 'index' in segment %} active {% endif %}">
							<a href="/" class="collapsed" aria-expanded="false">
								<i class="fas fa-home"></i>
								<p>Home</p>
							</a>
							<div class="collapse" id="dashboard">
								<ul class="nav nav-collapse">
									<li>
										<a href="/">
											<span class="sub-item">Dashboard</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'ui-' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#base">
								<i class="fas fa-globe-asia"></i>
								<p>Ekosistem</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="base">
								<ul class="nav nav-collapse">
									<!---
									{% for link in List_Ekosistem %}
               							<li>
											<a href="artikel/{{ link.slug }}">
												{{ link.title }}
											</a>
										</li>
            						{% endfor %}
									-->
									<li>
										<a href="/ekosistem/sekilas">
											<span class="sub-item">Sekilas</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/aplikasi">
											<span class="sub-item">Aplikasi</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/data">
											<span class="sub-item">Data</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/pemda">
											<span class="sub-item">Pemda</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/developer">
											<span class="sub-item">Developer</span>
										</a>
									</li>
									<li>
										<a href="/ekosistem/publik">
											<span class="sub-item">Publik</span>
										</a>
									</li>
									<li>
										<a href="ekosistem/layanan">
											<span class="sub-item">Layanan</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item {% if 'layout' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#sidebarLayouts">
								<i class="fas fa-bezier-curve"></i>
								<p>Interkoneksi</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="sidebarLayouts">
								<ul class="nav nav-collapse">
									<li>
										<a href="/data-transaksi/">
											<span class="sub-item">Overview</span>
										</a>
									</li>
									<li>
										<a href="/data-transaksi/detil">
											<span class="sub-item">Data Transaksi</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-item">
							<a href="#">
								<i class="fas fa-hands-helping"></i>
								<p>SIKD Kita</p>
							</a>
						</li>
						<li class="nav-item">
							<a href="{% url 'faq:index_view' %}">
								<i class="fas fa-book-reader"></i>
								<p>Informasi</p>
							</a>
						</li>
						<li class="nav-item {% if 'kontak' in segment %} active {% endif %}">
							<a data-toggle="collapse" href="#kontak">
								<i class="fas fa-paper-plane"></i>
								<p>Kontak</p>
								<span class="caret"></span>
							</a>
							<div class="collapse" id="kontak">
								<ul class="nav nav-collapse">
									<li>
										<a href="#">
											<span class="sub-item">Kontak SIKD</span>
										</a>
									</li>
									<li>
										<a href="/tables-data.html">
											<span class="sub-item">Tentang</span>
										</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
        <!-- End Sidebar -->
        