web-carousel/carousel.component.html at main · DTIG-US/web-carousel · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<section class="mt-4">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-9 bg-white">
        <div class="row">
          <div class="col-md-12 m-4">
            <img src="{{data.carouselImage}}" />
          </div>
        </div>

       <div class="row test">
         <div class="col-md-12">
           <ngx-slick-carousel class="carousel mx-5"
                               #slickModal="slick-carousel"
                               [config]="slideConfig"
                               (init)="slickInit($event)"
                               (breakpoint)="breakpoint($event)"
                               (afterChange)="afterChange($event)"
                               (beforeChange)="beforeChange($event)">
             <div ngxSlickItem class="slide text-center" *ngFor="let item of news.home.carousel">
               <img src="{{item.image}}" alt="" />
               <h1>{{item.title}}</h1>
               <h4>{{item.label}}</h4>
               <p class="slide-item">{{item.description}}</p>
             </div>


           </ngx-slick-carousel>
         </div>
       </div>


      </div>
      <div class="col-md-3 bg-black">
        <h2 class="text-center text-white">News</h2>
        <div class="card bg-transparent">
          <div class="card-body text-white" *ngFor="let item of news.news">
            <a href="{{item.url}}" class="text-white text-decoration-none"  target="_blank" >{{item.title}}</a>
          </div>

        </div>
      </div>

    </div>
  </div>
</section>