login screen csc

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

@@ -1,18 +1,53 @@
 <div id="cscLogin">
+
   <!--  login page CSC-->
   <div class="Aligner">
-    <div class="Aligner-item Aligner-item--top">…</div>
-    <div class="Aligner-item">…</div>
-    <div class="Aligner-item Aligner-item--bottom">…</div>
-  </div>
+    <!--    <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 class="columns">
-    <div class="column form-login">
-
+      </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="column bg-login">
 
+    <div class="bg-login">
+      <!--      right-->
     </div>
   </div>
+  
 </div>