changes

src/app/home/carousel/carousel.component.ts

+// tslint:disable-next-line:max-line-length
 import { AfterViewInit, Component, ContentChildren, Directive, ElementRef, Input, OnInit, QueryList, TemplateRef, ViewChild, ViewChildren } from '@angular/core';
 import { CarouselDirective } from './../../directives/carousel.directive';
 import { animate, AnimationBuilder, AnimationFactory, AnimationPlayer, style } from '@angular/animations';
@@ -23,7 +24,7 @@ export class CarouselComponent implements AfterViewInit {
   private player: AnimationPlayer;
   private itemWidth: number;
   private currentSlide = 0;
-  carouselWrapperStyle = {}
+  carouselWrapperStyle = {};
 
   next() {
     if (this.currentSlide + 1 === this.items.length) return;
@@ -52,6 +53,7 @@ export class CarouselComponent implements AfterViewInit {
   }
 
   constructor(private builder: AnimationBuilder) {
+    console.log(this.items);
   }
 
   ngAfterViewInit() {

src/app/home/carousel/carousel.scss

@@ -8,3 +8,7 @@
         }
     }
 }
+
+.carousel-inner {
+    display: flex;
+}
\ No newline at end of file

src/app/home/offers/offers.component.ts

-import {Component,OnInit} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 
 @Component({
    selector: 'offers',
@@ -7,13 +7,14 @@ import {Component,OnInit} from '@angular/core';
 })
 export class OffersComponent {
 
-  items = [
+  items: any;
+
+  ngOnInit() {
+    this.items = [
       { title: 'Airfares starting at Rs. 899*', desc: 'Flights, 1080 Hotels, 410 Homestays,<br> Holiday Packages get 1080 Hotels, 410 Homestays..', code: 'AT 500'  },
       { title: 'Airfares starting at Rs. 899*', desc: 'Flights, 1080 Hotels, 410 Homestays,<br> Holiday Packages get 1080 Hotels, 410 Homestays..', code: 'AT 500' },
       { title: 'Airfares starting at Rs. 899*', desc: 'Flights, 1080 Hotels, 410 Homestays,<br> Holiday Packages get 1080 Hotels, 410 Homestays..', code: 'AT 500' },
     ]
-
-  ngOnInit() {
   }