{INCLUDE_HEADER}

<div class="blog-post">
	<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="row">
			<div class="col-md-9 post">
				<div class="capa">
					<img src="uploads/blog/{LN_BLOG_POST->foto}" alt="">
				</div>				

				<div class="title">
					{LN_BLOG_POST->titulo}
				</div>

				<small>{LN_BLOG_DATA_POST}</small>

				<div class="descricao">
					{LN_BLOG_POST->descricao}
				</div>

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

				<div class="row share">
					<div class="col-md-12">
						<b>Compartilhe: </b>
						<div class="social-share">
							<a href="javascript:;" onclick="socialComp('facebook');" style="background: #3b5999"><span><i class="fa fa-facebook fa-fw"></i></span></a>
							<a href="javascript:;" onclick="socialComp('twitter');" style="background: #55acee"><span><i class="fa fa-twitter fa-fw"></i></span></a>
							<a href="javascript:;" onclick="socialComp('googleplus');" style="background: #dc4e41"><span><i class="fa fa-google-plus fa-fw"></i></span></a>
							<a href="javascript:;" onclick="socialComp('whatsapp');" class="hidden-lg" style="background: #25d366"><span><i class="fa fa-whatsapp fa-fw"></i></span></a>
						</div>
					</div>

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

					<div class="col-md-12">
						<div id="fb-root"></div>
						<script>(function(d, s, id) {
						var js, fjs = d.getElementsByTagName(s)[0];
						if (d.getElementById(id)) return;
						js = d.createElement(s); js.id = id;
						js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.7&appId=604940906347013";
						fjs.parentNode.insertBefore(js, fjs);
						}(document, 'script', 'facebook-jssdk'));</script>

						<div class="fb-comments" data-href="{FACEBOOK_URL}" data-width="100%" data-numposts="5"></div>
					</div>
				</div>

			</div>
			<div class="col-md-3">
				<form name="formBusca" class="formBusca" method="post" action="#">
					<input type="text" placeholder="Pesquisa...">
				</form>

				<div class="categorias">
					<div class="title">
						Categorias
					</div>

					<ul>
						<!-- BEGIN BLOCK_BLOG_CAT -->
						<li><a href="blog/{BLOG_CAT_SLUG}/{BLOG_CAT_ID}">{BLOG_CAT_NOME} <small>{BLOG_TOTAL}</small></a></li>
						<!-- END BLOCK_BLOG_CAT -->
					</ul>
				</div>

				<div class="ultimos">
					<div class="title">
						Últimos posts
					</div>

					<ul>
						<!-- BEGIN WHILE_BLOG -->
						<li>
							<a href="post/{LN_BLOG_SLUG}/{LN_BLOG_ID}">
							<div>{LN_BLOG_MOR->titulo}</div>
							<small>{LN_BLOG_DATA}</small>
							</a>
							<div class="clearfix"></div>
						</li>
						<!-- END WHILE_BLOG -->
					</ul>
				</div>
			</div>
		</div>

	</div>
</div>