<section id="help-layout">
<h3 class="text-blue under"><strong>Layout</strong></h3><br>
<div id="help-layout-skins" class="subgroup">
<h4><Strong>Skins</Strong></h4>
<p class="text-mediumgray">Você pode alterar o tema, clicando nas engrenagens no canto superior direito ao lado de sua foto de perfil, em seguida clicando no ícone chave no painel que aparecer a direita, desça a barra até o final da página. Ou então pela tabela abaixo.
<br><br> <strong>Aqui está a lista de skins disponíveis:</strong></p>
<div class="box box-default" style="">
<div class="box-body no-padding">
<table id="layout-skins-list" class="table table-striped bring-up nth-2-center">
<thead>
<tr>
<th style="">Skin Class</th>
<th>Preview</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>skin-black</code> - tema padrão do sistema</td>
<td><a href="#" data-skin="skin-black" class="btn bg-black btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-black-light</code></td>
<td><a href="#" data-skin="skin-black-light" class="btn bg-black btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-blue</code></td>
<td><a href="#" data-skin="skin-blue" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-blue-light</code></td>
<td><a href="#" data-skin="skin-blue-light" class="btn btn-primary btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-yellow</code></td>
<td><a href="#" data-skin="skin-yellow" class="btn btn-warning btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-yellow-light</code></td>
<td><a href="#" data-skin="skin-yellow-light" class="btn btn-warning btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-green</code></td>
<td><a href="#" data-skin="skin-green" class="btn btn-success btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-green-light</code></td>
<td><a href="#" data-skin="skin-green-light" class="btn btn-success btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-purple</code></td>
<td><a href="#" data-skin="skin-purple" class="btn bg-purple btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-purple-light</code></td>
<td><a href="#" data-skin="skin-purple-light" class="btn bg-purple btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-red</code></td>
<td><a href="#" data-skin="skin-red" class="btn btn-danger btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
<tr>
<td><code>skin-red-light</code></td>
<td><a href="#" data-skin="skin-red-light" class="btn btn-danger btn-xs"><i class="fa fa-eye"></i></a></td>
</tr>
</tbody>
</table>
</div><!-- /.box-body -->
</div>
</div>
<div id="help-layout-responsive" class="subgroup">
<h4><Strong>Responsivo</Strong></h4>
<p class="text-mediumgray">Nosso sistema de adapta a todos os tipos de dispositivos e tamanho de telas para isso usamos o framework <a href="http://getbootstrap.com.br/"><strong>Bootstrap.</strong> </a></p>
</div>
</section><!--./ Seção Layout -->
</div><!-- .col-right -->
|