MT-work-fronted/src/app/landing-page/why-mt/why-mt.component.html

<section class="why-mt" fxLayout="column" fxLayoutAlign="start center">
  <h1 fxLayout="row" fxLayoutAlign="center center">
    Why
    <img src="../../../assets/images/mt-world.png" alt="" title="" />
  </h1>
  <img
    src="../../../assets/images/why_slider.png"
    alt=""
    title=""
    fxHide.lt-md
  />

  <ul class="gap-10" fxLayout="column" fxLayoutAlign="start start">
    <li class="gap-10" fxLayout="row" fxLayoutAlign="start center">
      <img src="../../../assets/images/correct.png" alt="" title="" />
      <span
        >Ease of use experience: The platform is designed with a user-friendly
        experience, making it easy to register, <br />
        hire, and follow up.</span
      >
    </li>
    <li class="gap-10" fxLayout="row" fxLayoutAlign="start center">
      <img src="../../../assets/images/correct.png" alt="" title="" />
      <span
        >Comprehensive solution: We offer a comprehensive solution that meets
        all the requirements of employers<br />
        and employees.</span
      >
    </li>
    <li class="gap-10" fxLayout="row" fxLayoutAlign="start center">
      <img src="../../../assets/images/correct.png" alt="" title="" />
      <span
        >Financial management: We provide a legal and easy solution with
        financial transactions between employers <br />
        and employees all over the world.</span
      >
    </li>
    <li class="gap-10" fxLayout="row" fxLayoutAlign="start center">
      <img src="../../../assets/images/correct.png" alt="" title="" />
      <span
        >Data security: We prioritize data protection by providing a robust and
        robust system that keeps information <br />
        confidential.</span
      >
    </li>
    <li class="gap-10" fxLayout="row" fxLayoutAlign="start center">
      <img src="../../../assets/images/correct.png" alt="" title="" />
      <span
        >Technical support: We provide ongoing technical support to ensure
        optimal work performance.</span
      >
    </li>
    <li class="gap-10" fxLayout="row" fxLayoutAlign="start center">
      <img src="../../../assets/images/correct.png" alt="" title="" />
      <span
        >Legal Compliance: We provide a legal solution that ensures the legal
        relationship between employers <br />
        and employees around the world.</span
      >
    </li>
  </ul>
  <button>Get Started for free</button>
</section>