diff --git a/node_modules/admin-lte/index3.html b/node_modules/admin-lte/index3.html
index 1e03492..ae566f6 100644
--- a/node_modules/admin-lte/index3.html
+++ b/node_modules/admin-lte/index3.html
@@ -838,6 +838,168 @@
     <!-- /.sidebar -->
   </aside>
 
+  <div class="row">
+  <div class="col-lg-3 col-6">
+    <!-- small box -->
+    <div class="small-box bg-info">
+      <div class="inner">
+        <h3>150</h3>
+        <p>New Orders</p>
+      </div>
+      <div class="icon">
+        <i class="ion ion-bag"></i>
+      </div>
+      <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+    </div>
+  </div>
+  <!-- ./col -->
+  <div class="col-lg-3 col-6">
+    <!-- small box -->
+    <div class="small-box bg-success">
+      <div class="inner">
+        <h3>53<sup style="font-size: 20px">%</sup></h3>
+        <p>Bounce Rate</p>
+      </div>
+      <div class="icon">
+        <i class="ion ion-stats-bars"></i>
+      </div>
+      <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+    </div>
+  </div>
+  <!-- ./col -->
+  <div class="col-lg-3 col-6">
+    <!-- small box -->
+    <div class="small-box bg-warning">
+      <div class="inner">
+        <h3>44</h3>
+        <p>User Registrations</p>
+      </div>
+      <div class="icon">
+        <i class="ion ion-person-add"></i>
+      </div>
+      <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+    </div>
+  </div>
+  <!-- ./col -->
+  <div class="col-lg-3 col-6">
+    <!-- small box -->
+    <div class="small-box bg-danger">
+      <div class="inner">
+        <h3>65</h3>
+        <p>Unique Visitors</p>
+      </div>
+      <div class="icon">
+        <i class="ion ion-pie-graph"></i>
+      </div>
+      <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+    </div>
+  </div>
+  <!-- ./col -->
+</div>
+
+
+
+
+
+<!--Componentes de Hector Gonzalez Herrera-->
+<div class="container-fluid">
+  <div class="row justify-content-center">
+    <div class="col-md-6 col-lg-3 mb-4">
+      <!-- small box -->
+      <div class="small-box bg-info">
+        <div class="inner text-center">
+          <h3>150</h3>
+          <p>New Orders</p>
+        </div>
+        <div class="icon">
+          <i class="ion ion-bag"></i>
+        </div>
+        <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+      </div>
+    </div>
+    <!-- ./col -->
+    <div class="col-md-6 col-lg-3 mb-4">
+      <!-- small box -->
+      <div class="small-box bg-success">
+        <div class="inner text-center">
+          <h3>53<sup style="font-size: 20px">%</sup></h3>
+          <p>Bounce Rate</p>
+        </div>
+        <div class="icon">
+          <i class="ion ion-stats-bars"></i>
+        </div>
+        <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+      </div>
+    </div>
+    <!-- ./col -->
+    <div class="col-md-6 col-lg-3 mb-4">
+      <!-- small box -->
+      <div class="small-box bg-warning">
+        <div class="inner text-center">
+          <h3>44</h3>
+          <p>User Registrations</p>
+        </div>
+        <div class="icon">
+          <i class="ion ion-person-add"></i>
+        </div>
+        <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+      </div>
+    </div>
+    <!-- ./col -->
+    <div class="col-md-6 col-lg-3 mb-4">
+      <!-- small box -->
+      <div class="small-box bg-danger">
+        <div class="inner text-center">
+          <h3>65</h3>
+          <p>Unique Visitors</p>
+        </div>
+        <div class="icon">
+          <i class="ion ion-pie-graph"></i>
+        </div>
+        <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
+      </div>
+    </div>
+    <!-- ./col -->
+  </div>
+</div>
+
+<!--Segundo Componente-->
+
+<!-- Main content -->
+<section class="content">
+  <div class="container-fluid d-flex justify-content-center align-items-center" style="min-height: 100vh;">
+    <div class="col-md-6">
+      <div class="sticky-top mb-3">
+        <div class="card">
+          <div class="card-header text-center">
+            <h4 class="card-title">Draggable Events</h4>
+          </div>
+          <div class="card-body">
+            <!-- the events -->
+            <div id="external-events">
+              <div class="external-event bg-success text-center text-white p-2">Lunch</div>
+              <div class="external-event bg-warning text-center text-dark p-2">Go home</div>
+              <div class="external-event bg-info text-center text-white p-2">Do homework</div>
+              <div class="external-event bg-primary text-center text-white p-2">Work on UI design</div>
+              <div class="external-event bg-danger text-center text-white p-2">Sleep tight</div>
+              <div class="checkbox mt-3">
+                <label for="drop-remove">
+                  <input type="checkbox" id="drop-remove">
+                  Remove after drop
+                </label>
+              </div>
+            </div>
+          </div>
+          <!-- /.card-body -->
+        </div>
+        <!-- /.card -->
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
   <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper">
     <!-- Content Header (Page header) -->
@@ -1111,6 +1273,13 @@
   </div>
   <!-- /.content-wrapper -->
 
+
+
+
+
+
+
+
   <!-- Control Sidebar -->
   <aside class="control-sidebar control-sidebar-dark">
     <!-- Control sidebar content goes here -->