<!-- Row --> <div class="row"> <!-- Column --> <div class="col-lg-4"> <div class="card card-inverse card-success"> <div class="card-body"> <ngb-carousel class="no-control-indicator"> <ng-template ngbSlide> <div class=" "> <i class="fa fa-facebook fa-2x text-white"></i> <p class="text-white">25th Jan</p> <h3 class="text-white font-light">Now Get <span class="font-bold">50% Off</span> <br> on buy</h3> <div class="text-white m-t-20"> <i>- post form wrap</i> </div> </div> </ng-template> <ng-template ngbSlide> <div class=""> <i class="fa fa-facebook fa-2x text-white"></i> <p class="text-white">25th Jan</p> <h3 class="text-white font-light">Now Get <span class="font-bold">60% Off</span> <br> on buy</h3> <div class="text-white m-t-20"> <i>- post form wrap</i> </div> </div> </ng-template> <ng-template ngbSlide> <div class=" "> <i class="fa fa-facebook fa-2x text-white"></i> <p class="text-white">25th Jan</p> <h3 class="text-white font-light">Now Get <span class="font-bold">70% Off</span> <br> on buy</h3> <div class="text-white m-t-20"> <i>- post form wrap</i> </div> </div> </ng-template> </ngb-carousel> </div> </div> </div> <!-- Column --> <!-- Column --> <div class="col-lg-4"> <div class="card card-inverse card-danger"> <div class="card-body"> <ngb-carousel class="no-control-indicator"> <ng-template ngbSlide> <div class=""> <i class="fa fa-google-plus fa-2x text-white"></i> <p class="text-white">25th Jan</p> <h3 class="text-white font-light">Now Get <span class="font-bold">50% Off</span> <br> on buy</h3> <div class="text-white m-t-20"> <i>- Eric fandanc</i> </div> </div> </ng-template> <ng-template ngbSlide> <div class=""> <i class="fa fa-google-plus fa-2x text-white"></i> <p class="text-white">25th Jan</p> <h3 class="text-white font-light">Now Get <span class="font-bold">60% Off</span> <br> on buy</h3> <div class="text-white m-t-20"> <i>- Numbro zomix</i> </div> </div> </ng-template> <ng-template ngbSlide> <div class=""> <i class="fa fa-google-plus fa-2x text-white"></i> <p class="text-white">25th Jan</p> <h3 class="text-white font-light">Now Get <span class="font-bold">70% Off</span> <br> on buy</h3> <div class="text-white m-t-20"> <i>- Sitrix stock</i> </div> </div> </ng-template> </ngb-carousel> </div> </div> </div> <!-- Column --> <!-- Column --> <div class="col-lg-4"> <div class="card card-inverse card-info"> <div class="card-body"> <ngb-carousel class="no-control-indicator"> <ng-template ngbSlide> <div class=""> <i class="fa fa-twitter fa-2x text-white"></i> <p class="text-white">25th Jan</p> <h3 class="text-white font-light">Tweet now <span class="font-bold">50% Off</span> <br> on buy</h3> <div class="text-white m-t-20"> <i>- @shoperstaff</i> </div> </div> </ng-template> <ng-template ngbSlide> <div class=""> <i class="fa fa-twitter fa-2x text-white"></i> <p class="text-white">25th Jan</p> <h3 class="text-white font-light">Sachin #star <span class="font-bold">60% Off</span> <br> on buy</h3> <div class="text-white m-t-20"> <i>- #shoperstaff</i> </div> </div> </ng-template> <ng-template ngbSlide> <div class=""> <i class="fa fa-twitter fa-2x text-white"></i> <p class="text-white">25th Jan</p> <h3 class="text-white font-light">Now Get <span class="font-bold">70% Off</span> <br> on buy</h3> <div class="text-white m-t-20"> <i>- @shoperstaff</i> </div> </div> </ng-template> </ngb-carousel> </div> </div> </div> <!-- Column --> </div> <!-- Row -->