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>
          <button class="button has-gradient">
          <span class="label">
          Login to start |
          </span>
            <i class="ri-arrow-right-line"></i>
          </button>
        </p>

      </div>
      <div class="Aligner-item Aligner-item--bottom">
        <a class="external-link" href="https://example.com/technical">
        <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>