Mini Shell

<style type="text/css">
	<?php echo $idcss ?> .text3 {font-size:14px;display: none;;overflow:hidden;}
	<?php echo $idcss ?> img{border-radius:20px;width:80%;margin-top:-15px}
	<?php echo $idcss ?> i{color:<?php echo $row_cores['cor_2'] ?>}
	<?php echo $idcss ?> h3 {border-radius:5px;box-shadow:1px 1px 1px 1px rgba(0,0,0,0.2);padding:10px; cursor: pointer;}
	<?php echo $idcss ?> h3:hover {background:#E8E8E8}
	@media(max-width:700px){
		<?php echo $idcss ?>{padding-top:0}
		<?php echo $idcss ?> h1{font-size:30px}
	}

</style>

<?php
$query = "SELECT * FROM registros WHERE registros_idpg = $template_idpg ORDER BY registros_ordem ASC LIMIT 1";
$registros = mysqli_query($config, $query) or die(mysqli_error());
$row_registros = mysqli_fetch_assoc($registros);
$imagem = "";
?>
<div class="clear"></div>
<section id="<?php echo $idCss ?>">
	<div class="container">
		<h1><?php echo $row_templates['templates_home_titulo'] ?></h1>
		<div class="row">
			<div class="col-sm-6">
				<?php echo $row_registros['registros_texto'] ?>
				<?php $row_registros['registros_imagem'] ? ($imagem = $row_registros['registros_imagem']) : ""; ?>
			    <?php
	                $query = "SELECT * FROM registros WHERE registros_idpg = $template_idpg ORDER BY registros_ordem ASC limit 1,3";
	                $registros = mysqli_query($config, $query) or die(mysqli_error());
	                $cont = 0;
                ?>
                <?php while($row_registros = mysqli_fetch_assoc($registros)){ $cont++ ?>
                    <div class="mvv">
                        <h3 class="transition">
                        	<?php echo $row_registros['registros_titulo']; ?>
                            <div class="clear10"></div>
                            <div class="text3">
                                <?php echo $row_registros['registros_texto'] ?>
                            </div>
                        </h3>
                    </div>
                <?php } ?>
			</div>
			<div class="col-sm-6 hidden-xs">
                <img src="<?php echo RAIZ."timthumb.php?src=".RAIZ_UP.$imagem ?>&zc=1&w=360&h=350" class="img-fluid img-rounded">
			</div>
		</div>
	</div>
<div class="clear40 hidden-xs"></div>
</section>

<script type="text/javascript">
	$(document).ready(function(){
		$('h3').click(function(){
			$(".text3").stop().slideUp();
			$(this).find('.text3').stop().slideToggle();
		})
	})
</script>