{include file="file:[_views]header.html"}
{strip}
<!-- <div class="content-wrapper"> -->
<div class="container">
<div class="main-content">
	<div class="row">
		<div class="col-xs-9">
			<h2 class="blog-title">BLOG <span>PUSDIKKU</span></h2>
			<div class="blog-item">
			<div class="blog-img-container">
				<img src="http://newpusdikku.mil.id/assets/images/img-blog.jpg" alt="">
			</div>
			<h3 class="blog-title"><a href="#">Latihan Pertempuran Jarak Dekat (PJD) oleh satuan Kopasska Marinidengan Pasukan US Navy Seal di Surabaya</a></h3>
			<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem velum iriure dolor in hendrerit in vulputat velit esse molestie consequat.
			</p>
			<a href="{$fulldomain}/blog/detail" class="btn btn-primary">MORE</a>
			</div>
			<div class="hr-shadowed"></div>

			<div class="blog-item">
			<div class="blog-img-container">
				<img src="http://newpusdikku.mil.id/assets/images/img-blog.jpg" alt="">
			</div>
			<h3 class="blog-title"><a href="#">Latihan Pertempuran Jarak Dekat (PJD) oleh satuan Kopasska Marinidengan Pasukan US Navy Seal di Surabaya</a></h3>
			<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem velum iriure dolor in hendrerit in vulputat velit esse molestie consequat.
			</p>
			<a href="{$fulldomain}/blog/detail" class="btn btn-primary">MORE</a>
			</div>
			<div class="hr-shadowed"></div>

			<div class="blog-item">
			<div class="blog-img-container">
				<img src="http://newpusdikku.mil.id/assets/images/img-blog.jpg" alt="">
			</div>
			<h3 class="blog-title"><a href="#">Latihan Pertempuran Jarak Dekat (PJD) oleh satuan Kopasska Marinidengan Pasukan US Navy Seal di Surabaya</a></h3>
			<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem velum iriure dolor in hendrerit in vulputat velit esse molestie consequat.
			</p>
			<a href="{$fulldomain}/blog/detail" class="btn btn-primary">MORE</a>
			</div>
			<div class="hr-shadowed"></div>

			<div class="pagination-center">
			<ul class="pagination">
			  <li class="disabled"><a href="#">&laquo;</a></li>
			  <li class="active"><a href="#">1</a></li>
			  <li><a href="#">2</a></li>
			  <li><a href="#">3</a></li>
			  <li><a href="#">4</a></li>
			  <li><a href="#">5</a></li>
			  <li><a href="#">&raquo;</a></li>
			</ul>
			<div class="clear"></div>
			</div>
 

		</div>
		<div class="col-xs-3">
		<!-- KATEGORI -->
			<h2 class="blog-title">KATEGORI</h2>
			<div class="category-container">
				<ul>
					<li><a href="#">Alutsista TNI</a></li>
					<li><a href="#">Militer</a></li>
					<li><a href="#">Lapan</a></li>
					<li><a href="#">Kemhan</a></li>
					<li><a href="#">TNI AD</a></li>
					<li><a href="#">TNI AL</a></li>
					<li><a href="#">TNI AU</a></li>
					<li><a href="#">Teknologi</a></li>
					<li><a href="#">Internasional</a></li>
				</ul>
				<div class="clear"></div>
			</div>

			<!-- LAINNYA -->
			<div class="space-2"></div>
			<h2 class="blog-title">LAINNYA</h2>
				<!-- Nav tabs -->
				<ul class="nav nav-tabs" id="tab-information">
				  <li><a href="#pendidikan2" data-toggle="tab">Terbaru</a></li>
				  <li><a href="#organik" data-toggle="tab">Terpopuler</a></li> 
				</ul>

				<!-- Tab panes -->
				<div class="tab-content" >
				  <div class="tab-pane active" id="pendidikan2">
				  <div class="tab-other-container" style="height:350px">
				  	<ul class="tab-other">
				  		<li>
				  			<h4><a href="#">Acara Korp Raport Kenaikan pangkat PA, BA, TA & PNS Pusdiku, Pukul 13.00 Wib di Aula Oetoro Pusdikku</a></h4>
				  			<small class="text-muted">Post. By Tim Infolahta</small><br>
							<small class="text-muted">56 menit yang lalu</small>
				  		</li>
				  		<li>
				  			<h4><a href="#">Pembukaan Pendidikan Suspadalku Pukul 09.00 Wib.</a></h4>
				  			<small class="text-muted">Post. By Tim Infolahta</small><br>
							<small class="text-muted">56 menit yang lalu</small>
				  		</li>
				  		<li>
				  			<h4><a href="#">Acara Korp Raport Kenaikan pangkat PA, BA, TA & PNS Pusdiku, Pukul 13.00 Wib di Aula Oetoro Pusdikku</a></h4>
				  			<small class="text-muted">Post. By Tim Infolahta</small><br>
							<small class="text-muted">56 menit yang lalu</small>
				  		</li>
				  	</ul>
				  </div>
				  </div>
				  <div class="tab-pane" id="organik"><div class="tab-other-container">Data not available</div></div>
				  <div class="tab-pane" id="dilihat"><div class="tab-other-container">Data not available</div></div>
				</div>

			<!-- GALLERY -->
			<div class="space-2"></div>  
			<h2 class="blog-title">GALLERY</h2>
				<div class="gallery-more-item"></div>
				<div class="gallery-more-item"></div>
				<div class="gallery-more-item"></div>
				<div class="gallery-more-item"></div>
				<div class="gallery-more-item"></div>
				<div class="gallery-more-item"></div>
				<div class="gallery-more-item"></div>
				<div class="gallery-more-item"></div>
			<div class="space-3"></div>

			<!-- FB LIKE -->
			{include file="file:[_views]fblike.html"}	

		</div>
		<div class="clearfix"></div>
		<div class="row" style="padding-left:14px">
			<div class="col-xs-12">
				<h2 class="blog-title">BLOG <span>TERPOPULER</span></h2>
			<div class="blog-list">
				<div class="blog-list-item">
					<div class="blog-item-img"></div>
					<h4 class="blog-title"><a href="#">Lorem Ipsum is simply dummy text of the and typesetting Lorem</a></h4>
				</div>
				<div class="blog-list-item">
					<div class="blog-item-img"></div>
					<h4 class="blog-title"><a href="#">Lorem Ipsum is simply dummy text of the and typesetting Lorem</a></h4>
				</div>
				<div class="blog-list-item">
					<div class="blog-item-img"></div>
					<h4 class="blog-title"><a href="#">Lorem Ipsum is simply dummy text of the and typesetting Lorem</a></h4>
				</div>
				<div class="blog-list-item">
					<div class="blog-item-img"></div>
					<h4 class="blog-title"><a href="#">Lorem Ipsum is simply dummy text of the and typesetting Lorem</a></h4>
				</div>
				<div class="blog-list-item">
					<div class="blog-item-img"></div>
					<h4 class="blog-title"><a href="#">Lorem Ipsum is simply dummy text of the and typesetting Lorem</a></h4>
				</div>
			</div>
			</div>
		</div>
	</div><!--/row-->
</div>
</div><!--/container-->
<!-- </div> --><!-- /content-wrapper -->
{/strip}
{include file="file:[_views]footer.html"}