Semantic UI sandbox

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
<?php  
	include_once 'app/models/Usuario.class.php';
	include_once 'app/models/Registro.class.php';

	$usuario = new Usuario;
	$info_usuario = $usuario->query("SELECT * FROM usuarios WHERE id_usuario = '{$_GET['id']}'");

	$registro = new Registro;
	$info_registro = $registro->query("SELECT * FROM registros, tip_registros WHERE registros.id_tip_reg = tip_registros.id_tip_reg AND id_usuario = '{$_GET['id']}'");
?>
<div class="ui grid">
	<div class="ui row">
		<h3 class="ui dividing header">
			Registros de <?=$info_usuario[0]['nome_usuario']?>
		</h3>
	</div>
	<div class="ui row">
		<div class="right floated column">
			<div class="legendas">
				<div class="legenda">
					<div class="muitograve icone"></div>
					Gravíssimo
				</div>
				<div class="legenda">
					<div class="grave icone"></div>
					Grave
				</div>
				<div class="legenda">
					<div class="medio icone"></div>
					Médio
				</div>
				<div class="legenda">
					<div class="leve icone"></div>
				leve  			
				</div>
			</div>
		</div>
	</div>
	<div class="ui row">
		<div class="ui grid">
			<?php 
				foreach ($info_registro as $registro) :
			?>
			<div class="ui horizontal divider">Fevereiro 2017</div>
			<div class="four wide column">
				<a href="#" class="ui fluid red link card">
					<div class="content">
						<div class="header"><?=$registro['desc_tip_reg']?></div>
						<div class="meta">
							<span class="right floated time"><?=$registro['data_reg']?></span>
							<span class="category">Restrito</span>
						</div>
						<div class="description">
							<?=mb_convert_encoding(substr($registro['desc_rest_reg'],0,66), "UTF-8").' ...'?>
						</div>
					</div>
					<div class="extra content">
						<div class="right floated author">
							<img class="ui avatar image" src="app/views/img/icon-user.jpg">...

CSS

body {
    padding: 1em;
}

JavaScript

// Add javascript here