{INCLUDE_HEADER}



<div class="blog">

	<div class="topo parallax" data-stellar-background-ratio="0.3" style="background-image: url('uploads/static/{BLOG_FUNDO}');">
		
		<div class="container">

			<h1>blog</h1>

		</div>
		
	</div>



	<div class="container">

		

		<div class="chamada">

			O que você quer ler?

		</div>



		<nav>

			<ul>

				<li><a href="javascript:;" class="filter-blog" data-id="todos">Todos</a></li>

				

				<!-- BEGIN BLOCK_BLOG_CAT -->

				<li><a href="javascript:;" class="filter-blog" data-id="{BLOG_CAT_ID}">{BLOG_CAT_NOME}</a></li>

				<!-- END BLOCK_BLOG_CAT -->

			</ul>

		</nav>



		<div class="clearfix"></div>

		

		<div class="row result">

			<!-- BEGIN WHILE_BLOG -->

			<div class="col-md-3 col-sm-6 col">

				<a href="post/{LN_BLOG_SLUG}/{LN_BLOG_ID}">

					<img src="uploads/blog/{LN_BLOG->foto}" alt="{LN_BLOG->titulo}">

					

					<span>{LN_BLOG->titulo}</span>

					<small>{LN_BLOG_CAT}</small>

					<p>{LN_BLOG->subtitulo}</p>

				

					<div class="clearfix"></div>

					<i>Leia mais »</i>

					

				</a>

				<div class="line"></div>

			</div>



			<!-- BEGIN BLOCK_FIX -->

			<div class="clearfix"></div>

			<!-- END BLOCK_FIX -->



			<!-- END WHILE_BLOG -->

		</div>



	</div>

</div>



<script>

	$(document).ready(function(){



		$(".filter-blog").click(function(){

			var ID = $(this).attr("data-id");



			$.post("model/getBlog", {ID : ID}, function(retorno){

				$(".blog .result").html(retorno);

			});

		});



	});

</script>