carousel.component.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <owl-carousel-o [options]="customOptions">
  2. <ng-container>
  3. <ng-template carouselSlide *ngFor="let item of slidesStore">
  4. <section
  5. class="get-start"
  6. fxLayout="row wrap"
  7. fxLayoutAlign="space-between start"
  8. >
  9. <div
  10. class="get-start__description"
  11. fxFlex.lt-md="100"
  12. fxFlex.gt-sm="50"
  13. >
  14. <h1 [innerHTML]="item.title"></h1>
  15. <p>
  16. A comprehensive professional technology platform that follows the
  17. superior business model by offering multiple human capital
  18. management solutions in a single platform. <br />
  19. <span class="mt-2 d-block">
  20. The “MTWORK” platform is unique in that it is a reliable platform
  21. that achieves comprehensiveness for managing remote work, provides
  22. effective digital transformation, and directs the work style in
  23. line with the developments of the times. To include all parties
  24. under one platform with an integrated system that meets the needs
  25. of employers and employees.
  26. </span>
  27. </p>
  28. <button class="get-start__btn">Get Started</button>
  29. </div>
  30. <div
  31. fxFlex.lt-md="100"
  32. fxFlex.gt-sm="50"
  33. fxLayout="row"
  34. fxLayoutAlign="end center"
  35. fxHide.lt-md=""
  36. >
  37. <img src="assets/images/get-start.png" alt="" title="" />
  38. </div>
  39. </section>
  40. </ng-template>
  41. </ng-container>
  42. </owl-carousel-o>