Skip to content

Instantly share code, notes, and snippets.

@hectorgool

hectorgool/admin_template.html

Last active August 29, 2015 14:06
Show Gist options
  • Save hectorgool/a5e4629c8991962ae51e to your computer and use it in GitHub Desktop.
Save hectorgool/a5e4629c8991962ae51e to your computer and use it in GitHub Desktop.
Download ZIP
Admin Panel
Raw
admin_template.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Panel de Administración</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid">
<h1>
Panel de Administración
</h1>
<div class="row">
<div class="col-sm-3">
<div class="panel panel-primary">
<div class="panel-heading">
<strong>
Menú
</strong>
</div>
<div class="panel-body">
<p>
<a href="#">
Usuarios <span class="badge">22</span>
</a>
</p>
<p>
<a href="#">
Posts <span class="badge">42</span>
</a>
</p>
</div>
</div>
</div>
<div class="col-sm-9">
<div class="panel panel-primary">
<div class="panel-heading">
<strong>
Usuarios
</strong>
</div>
<div class="panel-body">
<ul class="pagination">
<li><a href="#">&laquo;</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<td>
<strong>#</strong>
</td>
<td>
<strong>Nombre</strong>
</td>
<td>
<strong>Apellidos</strong>
</td>
<td>
<strong>Correo</strong>
</td>
<td>
<strong>Operaciones</strong>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Rodolfo</td>
<td>Guzmán Huerta</td>
<td>santo@santo.com</td>
<td>
<a href="#"
class="btn btn-info btn-large"
data-toggle="tooltip"
data-placement="left"
title="Consultar registro">
<span class="glyphicon glyphicon-eye-open"></span>
</a>
<a href="#"
class="btn btn-warning btn-large"
data-toggle="tooltip"
data-placement="left"
title="Editar registro">
<span class="glyphicon glyphicon-pencil"></span>
</a>
<a href="#"
class="btn btn-danger btn-large"
data-toggle="tooltip"
data-placement="left"
title="Borrar registro">
<span class="glyphicon glyphicon-trash"></span>
</a>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>
<strong>#</strong>
</td>
<td>
<strong>Nombre</strong>
</td>
<td>
<strong>Apellidos</strong>
</td>
<td>
<strong>Correo</strong>
</td>
<td>
<strong>Operaciones</strong>
</td>
</tr>
</tfoot>
</table>
</div>
<ul class="pagination">
<li><a href="#">&laquo;</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">&raquo;</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="panel panel-primary">
<div class="panel-body">
<!--Footer content-->
</div>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment