ng-implementation/sae-csc/src/app/pages/login/login.html

<div id="cscLogin">

  <!--  login page CSC-->
  <div class="Aligner">
    <!--    <div class="Aligner-item Aligner-item&#45;&#45;top">…</div>-->
    <div class="Aligner-item login-left">
      <div class="left">

        <h1 class="title">
          Welcome to <br>
          CSC Solution Matcher
        </h1>
        <div class="sub-title">
          Your <span class="magic-text">
        AI assistant
        <i class="ri-sparkling-fill"></i>
      </span> for the best solution
        </div>
        <p>
          First time to use CSC Solution Matcher ?
          <a class="external-link" href="https://example.com/ask-access">
          <span class="label">
            Ask an access for login
          </span>
            <!--            <i class="ri-open-arm-line"></i>-->
          </a>
        </p>
        <p>
          <a class="button has-gradient" routerLink="/home">
          <span class="label">
          Login to start
          </span>
            <span class="pipe">
              |
            </span>
            <i class="ri-arrow-right-line"></i>
          </a>
        </p>

      </div>
      <div class="Aligner-item Aligner-item--bottom">
        <a class="external-link"
           href="mailto:amal.ouiyzme@safrangroup.com?subject=Issue with the Solution Matcher Application&Hello, i enncountered an issue while using the application. \n Description, steps to reproduce, expected behavior, actual behavior: \n\nPlease help me. Best regards.">
        <span class="label">
          Contact for a technical issue
        </span>
          <i class="ri-open-arm-line"></i>
        </a>
      </div>
    </div>

    <div class="bg-login">
      <!--      right-->
    </div>
  </div>

</div>