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 -->