<div class="card"> <div class="card-header">Habitaciones Disponibles</div> <div class="card-body"> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-4"> <div class="card"> <div class="card-body"> <div class="col"> hijnjonm </div> </div> </div> </div> </div> </div> </div> <!-- <table class="table table-hover earning-box"> <thead> <tr> <th colspan="2">Habitaciones Disponibles</th> </tr> </thead> <tbody> <tr> <div class="row"> <div class="col-lg-6"> <td style="width:50px;"> <img src="assets/images/users/8.jpg" (click)="open(content)" width="80" class="hover-shadow cursor"> </td> <td> <h6>Sencilla</h6> <small class="text-muted">Cama sencilla, wifi</small> </td> </div> <div class="col-lg-6"> <td style="width:50px;"> <img src="assets/images/users/8.jpg" (click)="open(content)" width="80" class="hover-shadow cursor"> </td> <td> <h6>Sencilla</h6> <small class="text-muted">Cama sencilla, wifi</small> </td> </div> </div> </tr> </tbody> </table> --> <ng-template #content let-modal> <div class="modal-header"> <h4 class="modal-title" id="modal-basic-title">Habitacion Sencilla</h4> <button type="button" class="close" aria-label="Close" (click)="modal.dismiss('Cross click')"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <card> <div> <div class="input-group "> <img src="assets/images/users/8.jpg" width="300" class="mx-auto d-block"> </div> </div> </card> </div> <div class="modal-footer"> <button type="button" class="btn btn-outline-dark" (click)="modal.close('Save click')" routerLink="/dashboard/reserve">Reservar</button> </div> </ng-template>