diff --git a/node_modules/admin-lte/dist/img/apple.jpg b/node_modules/admin-lte/dist/img/apple.jpg
new file mode 100644
index 0000000..fa2feba
Binary files /dev/null and b/node_modules/admin-lte/dist/img/apple.jpg differ
diff --git a/node_modules/admin-lte/dist/img/img_1.png b/node_modules/admin-lte/dist/img/img_1.png
new file mode 100644
index 0000000..71bef55
Binary files /dev/null and b/node_modules/admin-lte/dist/img/img_1.png differ
diff --git a/node_modules/admin-lte/dist/img/img_2.png b/node_modules/admin-lte/dist/img/img_2.png
new file mode 100644
index 0000000..b24679b
Binary files /dev/null and b/node_modules/admin-lte/dist/img/img_2.png differ
diff --git a/node_modules/admin-lte/dist/img/img_3.png b/node_modules/admin-lte/dist/img/img_3.png
new file mode 100644
index 0000000..9f1a26a
Binary files /dev/null and b/node_modules/admin-lte/dist/img/img_3.png differ
diff --git a/node_modules/admin-lte/dist/img/venta.png b/node_modules/admin-lte/dist/img/venta.png
new file mode 100644
index 0000000..3d9fa36
Binary files /dev/null and b/node_modules/admin-lte/dist/img/venta.png differ
diff --git a/node_modules/admin-lte/dist/img/vmonge.jpg b/node_modules/admin-lte/dist/img/vmonge.jpg
new file mode 100644
index 0000000..bff05c0
Binary files /dev/null and b/node_modules/admin-lte/dist/img/vmonge.jpg differ
diff --git a/node_modules/admin-lte/index.html b/node_modules/admin-lte/index.html
index 77dab7a..7616d41 100644
--- a/node_modules/admin-lte/index.html
+++ b/node_modules/admin-lte/index.html
@@ -249,608 +249,7 @@
</li>
</ul>
</li>
- <li class="nav-item">
- <a href="pages/widgets.html" class="nav-link">
- <i class="nav-icon fas fa-th"></i>
- <p>
- Widgets
- <span class="right badge badge-danger">New</span>
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-copy"></i>
- <p>
- Layout Options
- <i class="fas fa-angle-left right"></i>
- <span class="badge badge-info right">6</span>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/layout/top-nav.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Top Navigation</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/layout/top-nav-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Top Navigation + Sidebar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/layout/boxed.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Boxed</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/layout/fixed-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Sidebar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/layout/fixed-sidebar-custom.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Sidebar <small>+ Custom Area</small></p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/layout/fixed-topnav.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Navbar</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/layout/fixed-footer.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Fixed Footer</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/layout/collapsed-sidebar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Collapsed Sidebar</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-chart-pie"></i>
- <p>
- Charts
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/charts/chartjs.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>ChartJS</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/charts/flot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Flot</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/charts/inline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/charts/uplot.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>uPlot</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-tree"></i>
- <p>
- UI Elements
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/UI/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/icons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Icons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/buttons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Buttons</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/sliders.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Sliders</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/modals.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Modals & Alerts</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/navbar.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Navbar & Tabs</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/timeline.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Timeline</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/UI/ribbons.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Ribbons</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-edit"></i>
- <p>
- Forms
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/forms/general.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>General Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/forms/advanced.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Advanced Elements</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/forms/editors.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Editors</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/forms/validation.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Validation</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-table"></i>
- <p>
- Tables
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/tables/simple.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Simple Tables</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/tables/data.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>DataTables</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/tables/jsgrid.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>jsGrid</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-header">EXAMPLES</li>
- <li class="nav-item">
- <a href="pages/calendar.html" class="nav-link">
- <i class="nav-icon far fa-calendar-alt"></i>
- <p>
- Calendar
- <span class="badge badge-info right">2</span>
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/gallery.html" class="nav-link">
- <i class="nav-icon far fa-image"></i>
- <p>
- Gallery
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/kanban.html" class="nav-link">
- <i class="nav-icon fas fa-columns"></i>
- <p>
- Kanban Board
- </p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-envelope"></i>
- <p>
- Mailbox
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/mailbox/mailbox.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Inbox</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/mailbox/compose.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Compose</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/mailbox/read-mail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Read</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-book"></i>
- <p>
- Pages
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/examples/invoice.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Invoice</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/profile.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Profile</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/e-commerce.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>E-commerce</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/projects.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Projects</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/project-add.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Add</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/project-edit.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Edit</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/project-detail.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Project Detail</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/contacts.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Contacts</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/faq.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>FAQ</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/contact-us.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Contact us</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-plus-square"></i>
- <p>
- Extras
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Login & Register v1
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/examples/login.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Login v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/register.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Register v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/forgot-password.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Forgot Password v1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/recover-password.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Recover Password v1</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Login & Register v2
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/examples/login-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Login v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/register-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Register v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/forgot-password-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Forgot Password v2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/recover-password-v2.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Recover Password v2</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="pages/examples/lockscreen.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Lockscreen</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/legacy-user-menu.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Legacy User Menu</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/language-menu.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Language Menu</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/404.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Error 404</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/500.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Error 500</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/pace.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Pace</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/examples/blank.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Blank Page</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="starter.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Starter Page</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-search"></i>
- <p>
- Search
- <i class="fas fa-angle-left right"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="pages/search/simple.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Simple Search</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="pages/search/enhanced.html" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Enhanced</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-header">MISCELLANEOUS</li>
- <li class="nav-item">
- <a href="iframe.html" class="nav-link">
- <i class="nav-icon fas fa-ellipsis-h"></i>
- <p>Tabbed IFrame Plugin</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="https://adminlte.io/docs/3.1/" class="nav-link">
- <i class="nav-icon fas fa-file"></i>
- <p>Documentation</p>
- </a>
- </li>
- <li class="nav-header">MULTI LEVEL EXAMPLE</li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="fas fa-circle nav-icon"></i>
- <p>Level 1</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon fas fa-circle"></i>
- <p>
- Level 1
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Level 2</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>
- Level 2
- <i class="right fas fa-angle-left"></i>
- </p>
- </a>
- <ul class="nav nav-treeview">
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-dot-circle nav-icon"></i>
- <p>Level 3</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="far fa-circle nav-icon"></i>
- <p>Level 2</p>
- </a>
- </li>
- </ul>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="fas fa-circle nav-icon"></i>
- <p>Level 1</p>
- </a>
- </li>
- <li class="nav-header">LABELS</li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-danger"></i>
- <p class="text">Important</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-warning"></i>
- <p>Warning</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="#" class="nav-link">
- <i class="nav-icon far fa-circle text-info"></i>
- <p>Informational</p>
- </a>
- </li>
+
</ul>
</nav>
<!-- /.sidebar-menu -->
@@ -882,6 +281,7 @@
<section class="content">
<div class="container-fluid">
+<!-- ##### -->
<!-- Small boxes (Stat box) -->
<div class="row">
@@ -936,7 +336,7 @@
</div>
<!-- ./col -->
</div><!-- /.row -->
-
+<!-- ##### -->
<!-- Info Box -->
<div class="row">
@@ -996,307 +396,326 @@
</div>
</div>
</div>
-
- <!-- Main row -->
- <div class="row">
- <!-- Left col -->
- <section class="col-lg-7 connectedSortable">
- <!-- Custom tabs (Charts with tabs)-->
- <div class="card">
- <div class="card-header">
- <h3 class="card-title">
- <i class="fas fa-chart-pie mr-1"></i>
- Sales
- </h3>
- <div class="card-tools">
- <ul class="nav nav-pills ml-auto">
- <li class="nav-item">
- <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Area</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a>
- </li>
- </ul>
- </div>
- </div><!-- /.card-header -->
- <div class="card-body">
- <div class="tab-content p-0">
- <!-- Morris chart - Sales -->
- <div class="chart tab-pane active" id="revenue-chart"
- style="position: relative; height: 300px;">
- <canvas id="revenue-chart-canvas" height="300" style="height: 300px;"></canvas>
- </div>
- <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;">
- <canvas id="sales-chart-canvas" height="300" style="height: 300px;"></canvas>
+<!-- ##### -->
+ <h5 class="mb-2">Card with Image Overlay</h5>
+ <div class="card card-success">
+ <div class="card-body">
+ <div class="row">
+ <div class="col-md-12 col-lg-6 col-xl-4">
+ <div class="card mb-2 bg-gradient-dark">
+ <img class="card-img-top" src="dist/img/img_1.png" alt="Convocatoria">
+ <div class="card-img-overlay d-flex flex-column justify-content-end">
+ <a href="#" class="text-blue">Ver más detalles</a>
</div>
</div>
- </div><!-- /.card-body -->
- </div>
- <!-- /.card -->
-
- <!-- TO DO List -->
- <div class="card">
- <div class="card-header">
- <h3 class="card-title">
- <i class="ion ion-clipboard mr-1"></i>
- To Do List
- </h3>
-
- <div class="card-tools">
- <ul class="pagination pagination-sm">
- <li class="page-item"><a href="#" class="page-link">«</a></li>
- <li class="page-item"><a href="#" class="page-link">1</a></li>
- <li class="page-item"><a href="#" class="page-link">2</a></li>
- <li class="page-item"><a href="#" class="page-link">3</a></li>
- <li class="page-item"><a href="#" class="page-link">»</a></li>
- </ul>
+ </div>
+ <div class="col-md-12 col-lg-6 col-xl-4">
+ <div class="card mb-2">
+ <img class="card-img-top" src="dist/img/img_2.png" alt="Aviso">
+ <div class="card-img-overlay d-flex flex-column justify-content-end">
+ <a href="#" class="text-blue">Ver detalles</a>
+ </div>
</div>
</div>
- <!-- /.card-header -->
- <div class="card-body">
- <ul class="todo-list" data-widget="todo-list">
- <li>
- <!-- drag handle -->
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <!-- checkbox -->
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo1" id="todoCheck1">
- <label for="todoCheck1"></label>
- </div>
- <!-- todo text -->
- <span class="text">Design a nice theme</span>
- <!-- Emphasis label -->
- <small class="badge badge-danger"><i class="far fa-clock"></i> 2 mins</small>
- <!-- General tools such as edit or delete-->
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo2" id="todoCheck2" checked>
- <label for="todoCheck2"></label>
- </div>
- <span class="text">Make the theme responsive</span>
- <small class="badge badge-info"><i class="far fa-clock"></i> 4 hours</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo3" id="todoCheck3">
- <label for="todoCheck3"></label>
- </div>
- <span class="text">Let theme shine like a star</span>
- <small class="badge badge-warning"><i class="far fa-clock"></i> 1 day</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo4" id="todoCheck4">
- <label for="todoCheck4"></label>
- </div>
- <span class="text">Let theme shine like a star</span>
- <small class="badge badge-success"><i class="far fa-clock"></i> 3 days</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo5" id="todoCheck5">
- <label for="todoCheck5"></label>
- </div>
- <span class="text">Check your messages and notifications</span>
- <small class="badge badge-primary"><i class="far fa-clock"></i> 1 week</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo6" id="todoCheck6">
- <label for="todoCheck6"></label>
- </div>
- <span class="text">Let theme shine like a star</span>
- <small class="badge badge-secondary"><i class="far fa-clock"></i> 1 month</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- </ul>
- </div>
- <!-- /.card-body -->
- <div class="card-footer clearfix">
- <button type="button" class="btn btn-primary float-right"><i class="fas fa-plus"></i> Add item</button>
- </div>
- </div>
- <!-- /.card -->
- </section>
- <!-- /.Left col -->
- <!-- right col (We are only adding the ID to make the widgets sortable)-->
- <section class="col-lg-5 connectedSortable">
-
- <!-- Map card -->
- <div class="card bg-gradient-primary">
- <div class="card-header border-0">
- <h3 class="card-title">
- <i class="fas fa-map-marker-alt mr-1"></i>
- Visitors
- </h3>
- <!-- card tools -->
- <div class="card-tools">
- <button type="button" class="btn btn-primary btn-sm daterange" title="Date range">
- <i class="far fa-calendar-alt"></i>
- </button>
- <button type="button" class="btn btn-primary btn-sm" data-card-widget="collapse" title="Collapse">
- <i class="fas fa-minus"></i>
- </button>
- </div>
- <!-- /.card-tools -->
- </div>
- <div class="card-body">
- <!-- Static map image -->
- <div id="world-map" style="height: 250px; width: 100%; text-align: center;">
- <img src="https://www.360-grad-video.com/media/karte-besucher-web-360.jpg" alt="Mapa Estático" style="max-width: auto; height: 100%;">
- </div>
- </div>
- </div>
- <!-- /.card -->
-
- <!-- solid sales graph -->
- <div class="card bg-gradient-info">
- <div class="card-header border-0">
- <h3 class="card-title">
- <i class="fas fa-th mr-1"></i>
- Sales Graph
- </h3>
-
- <div class="card-tools">
- <button type="button" class="btn bg-info btn-sm" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn bg-info btn-sm" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
+ <div class="col-md-12 col-lg-6 col-xl-4">
+ <div class="card mb-2">
+ <img class="card-img-top" src="dist/img/img_3.png" alt="Dev Fest">
+ <div class="card-img-overlay d-flex flex-column justify-content-end">
+ <a href="#" class="text-blue">Ver detalles</a>
+ </div>
</div>
</div>
- <div class="card-body">
- <canvas class="chart" id="line-chart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
- </div>
- <!-- /.card-body -->
- <div class="card-footer bg-transparent">
- <div class="row">
- <div class="col-4 text-center">
- <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60"
- data-fgColor="#39CCCC">
-
- <div class="text-white">Mail-Orders</div>
- </div>
- <!-- ./col -->
- <div class="col-4 text-center">
- <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60"
- data-fgColor="#39CCCC">
-
- <div class="text-white">Online</div>
- </div>
- <!-- ./col -->
- <div class="col-4 text-center">
- <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60"
- data-fgColor="#39CCCC">
-
- <div class="text-white">In-Store</div>
- </div>
- <!-- ./col -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /.card-footer -->
</div>
- <!-- /.card -->
-
- <!-- Calendar -->
- <div class="card bg-gradient-success">
- <div class="card-header border-0">
-
- <h3 class="card-title">
- <i class="far fa-calendar-alt"></i>
- Calendar
- </h3>
- <!-- tools card -->
- <div class="card-tools">
- <!-- button with a dropdown -->
- <div class="btn-group">
- <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown" data-offset="-52">
- <i class="fas fa-bars"></i>
- </button>
- <div class="dropdown-menu" role="menu">
- <a href="#" class="dropdown-item">Add new event</a>
- <a href="#" class="dropdown-item">Clear events</a>
- <div class="dropdown-divider"></div>
- <a href="#" class="dropdown-item">View calendar</a>
- </div>
- </div>
- <button type="button" class="btn btn-success btn-sm" data-card-widget="collapse">
- <i class="fas fa-minus"></i>
- </button>
- <button type="button" class="btn btn-success btn-sm" data-card-widget="remove">
- <i class="fas fa-times"></i>
- </button>
- </div>
- <!-- /. tools -->
- </div>
- <!-- /.card-header -->
- <div class="card-body pt-0">
- <!--The calendar -->
- <div id="calendar" style="width: 100%"></div>
- </div>
- <!-- /.card-body -->
- </div>
- <!-- /.card -->
- </section>
- <!-- right col -->
+ </div>
</div>
- <!-- /.row (main row) -->
+<!-- ##### -->
+ <div class="row">
+ <div class="col-md-4">
+ <!-- Widget: user widget style 2 -->
+ <div class="card card-widget widget-user-2">
+ <!-- Add the bg color to the header using any of the bg-* classes -->
+ <div class="widget-user-header bg-teal">
+ <div class="widget-user-image">
+ <img class="img-circle elevation-2" src="dist/img/venta.png" alt="User Avatar">
+ </div>
+ <!-- /.widget-user-image -->
+ <h3 class="widget-user-username">Ventas</h3>
+ <h5 class="widget-user-desc">Electrodomésticos</h5>
+ </div>
+ <div class="card-footer p-0">
+ <ul class="nav flex-column">
+ <li class="nav-item">
+ <a href="#" class="nav-link">
+ Ventas en proceso <span class="float-right badge bg-yellow">78</span>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="#" class="nav-link">
+ Ventas completadas <span class="float-right badge bg-success">978</span>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="#" class="nav-link">
+ Devoluciones <span class="float-right badge bg-danger">123</span>
+ </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <!-- /.widget-user -->
+ </div>
+ <!-- ## -->
+ <div class="col-md-4">
+ <!-- Widget: user widget style 1 -->
+ <div class="card card-widget widget-user">
+ <!-- Add the bg color to the header using any of the bg-* classes -->
+ <div class="widget-user-header bg-info">
+ <h3 class="widget-user-username">Apple</h3>
+ <h5 class="widget-user-desc">Tienda oficial</h5>
+ </div>
+ <div class="widget-user-image">
+ <img class="img-circle elevation-2" src="dist/img/apple.jpg" alt="User Avatar">
+ </div>
+ <div class="card-footer">
+ <div class="row">
+ <div class="col-sm-4 border-right">
+ <div class="description-block">
+ <h5 class="description-header">33,200</h5>
+ <span class="description-text">VENTAS</span>
+ </div>
+ <!-- /.description-block -->
+ </div>
+ <!-- /.col -->
+ <div class="col-sm-4 border-right">
+ <div class="description-block">
+ <h5 class="description-header">5 %</h5>
+ <span class="description-text">DEVOLUCIONES</span>
+ </div>
+ <!-- /.description-block -->
+ </div>
+ <!-- /.col -->
+ <div class="col-sm-4">
+ <div class="description-block">
+ <h5 class="description-header">67</h5>
+ <span class="description-text">PRODUCTOS</span>
+ </div>
+ <!-- /.description-block -->
+ </div>
+ <!-- /.col -->
+ </div>
+ <!-- /.row -->
+ </div>
+ </div>
+ <!-- /.widget-user -->
+ </div>
+ </div>
+<!-- ##### -->
+<div class="col-md-6">
+ <div class="card">
+ <div class="card-header">
+ <h3 class="card-title">Simple Full Width Table</h3>
+
+ <div class="card-tools">
+ <ul class="pagination pagination-sm float-right">
+ <li class="page-item"><a class="page-link" href="#">«</a></li>
+ <li class="page-item"><a class="page-link" href="#">1</a></li>
+ <li class="page-item"><a class="page-link" href="#">2</a></li>
+ <li class="page-item"><a class="page-link" href="#">3</a></li>
+ <li class="page-item"><a class="page-link" href="#">»</a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- /.card-header -->
+ <div class="card-body p-0">
+ <table class="table">
+ <thead>
+ <tr>
+ <th style="width: 10px">#</th>
+ <th>Producto</th>
+ <th>Progreso</th>
+ <th style="width: 40px"></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>1.</td>
+ <td>Update software</td>
+ <td>
+ <div class="progress progress-xs">
+ <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
+ </div>
+ </td>
+ <td><span class="badge bg-danger">55%</span></td>
+ </tr>
+ <tr>
+ <td>2.</td>
+ <td>Clean database</td>
+ <td>
+ <div class="progress progress-xs">
+ <div class="progress-bar bg-warning" style="width: 70%"></div>
+ </div>
+ </td>
+ <td><span class="badge bg-warning">70%</span></td>
+ </tr>
+ <tr>
+ <td>3.</td>
+ <td>Cron job running</td>
+ <td>
+ <div class="progress progress-xs progress-striped active">
+ <div class="progress-bar bg-primary" style="width: 30%"></div>
+ </div>
+ </td>
+ <td><span class="badge bg-primary">30%</span></td>
+ </tr>
+ <tr>
+ <td>4.</td>
+ <td>Fix and squish bugs</td>
+ <td>
+ <div class="progress progress-xs progress-striped active">
+ <div class="progress-bar bg-success" style="width: 90%"></div>
+ </div>
+ </td>
+ <td><span class="badge bg-success">90%</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <!-- /.card-body -->
+ </div>
+ <!-- /.card -->
+
+<!-- #### Login -->
+<div class="row">
+ <!-- left column -->
+ <div class="col-md-12">
+ <div class="card card-primary">
+ <div class="card-header bg-teal">
+ <h3 class="card-title">Ejemplo login</h3>
+ </div>
+ <!-- /.card-header -->
+ <!-- form start -->
+ <form id="quickForm">
+ <div class="card-body">
+ <div class="form-group">
+ <label for="exampleInputEmail1">Correo electrónico</label>
+ <input type="email" name="email" class="form-control" id="exampleInputEmail1" placeholder="Introduce tu correo">
+ </div>
+ <div class="form-group">
+ <label for="exampleInputPassword1">Contraseña</label>
+ <input type="password" name="password" class="form-control" id="exampleInputPassword1" placeholder="Contra">
+ </div>
+ </div>
+ <!-- /.card-body -->
+ <div class="card-footer">
+ <button type="submit" class="btn bg-teal">Submit</button>
+ </div>
+ </form>
+ </div>
+ <!-- /.card -->
+ </div>
+ <!--/.col (left) -->
+<!-- #### -->
+ <div class="card col-md-10">
+ <div class="card-header border-transparent">
+ <h3 class="card-title">Últimos pedidos</h3>
+
+ <div class="card-tools">
+ <button type="button" class="btn btn-tool" data-card-widget="collapse">
+ <i class="fas fa-minus"></i>
+ </button>
+ <button type="button" class="btn btn-tool" data-card-widget="remove">
+ <i class="fas fa-times"></i>
+ </button>
+ </div>
+ </div>
+ <!-- /.card-header -->
+ <div class="card-body p-0">
+ <div class="table-responsive">
+ <table class="table m-0">
+ <thead>
+ <tr>
+ <th>ID</th>
+ <th>Producto</th>
+ <th>Estado</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><a href="pages/examples/invoice.html">OR9842</a></td>
+ <td>Call of Duty IV</td>
+ <td><span class="badge badge-success">Shipped</span></td>
+ </tr>
+ <tr>
+ <td><a href="pages/examples/invoice.html">OR1848</a></td>
+ <td>Samsung Smart TV</td>
+ <td><span class="badge badge-warning">Pending</span></td>
+ </tr>
+ <tr>
+ <td><a href="pages/examples/invoice.html">OR7429</a></td>
+ <td>iPhone 6 Plus</td>
+ <td><span class="badge badge-danger">Delivered</span></td>
+ </tr>
+ <tr>
+ <td><a href="pages/examples/invoice.html">OR7429</a></td>
+ <td>Samsung Smart TV</td>
+ <td><span class="badge badge-info">Processing</span></td>
+ </tr>
+ <tr>
+ <td><a href="pages/examples/invoice.html">OR1848</a></td>
+ <td>Samsung Smart TV</td>
+ <td><span class="badge badge-warning">Pending</span></td>
+ </tr>
+ <tr>
+ <td><a href="pages/examples/invoice.html">OR7429</a></td>
+ <td>iPhone 6 Plus</td>
+ <td><span class="badge badge-danger">Delivered</span></td>
+ </tr>
+ <tr>
+ <td><a href="pages/examples/invoice.html">OR9842</a></td>
+ <td>Call of Duty IV</td>
+ <td><span class="badge badge-success">Shipped</span></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <!-- /.table-responsive -->
+ </div>
+ <!-- /.card-body -->
+ <div class="card-footer clearfix">
+ <a href="javascript:void(0)" class="btn btn-sm btn-info float-left">Realizar un nuevo pedido</a>
+ <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-right">Ver todos los pedidos</a>
+ </div>
+ <!-- /.card-footer -->
+ </div>
+<!-- #### -->
+ <div class="card col-md-12">
+ <div class="card-body">
+ <h2 class="text-center display-4">Buscar</h2>
+ <div class="row">
+ <div class="col-md-8 offset-md-2">
+ <form action="simple-results.html">
+ <div class="input-group">
+ <input type="search" class="form-control form-control-lg" placeholder="Introduce tu búsqueda">
+ <div class="input-group-append">
+ <button type="submit" class="btn btn-lg btn-default">
+ <i class="ion-android-search"></i>
+ </button>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </div>
+<!-- #### -->
+
</div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
- <strong>Copyright © 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong>
+ <strong>Copyright © 2025-2025 <a href="https://adminlte.io"> Víctor Monge </a>.</strong>
All rights reserved.
<div class="float-right d-none d-sm-inline-block">
<b>Version</b> 3.2.0