Adding CIS2 login button to CSS

Author: michaelNetCompany

app/assets/sass/components/_buttons.scss

@@ -10,3 +10,12 @@
 .nhsuk-button--blue:active {
   background-color: #002f5c;
 }
+
+.app-button--cis2 {
+    align-items: center;
+    background-color: #005eb8;
+    box-shadow: 0 4px 0 #003087;
+    display: inline-flex
+;
+    gap: 16px;
+}

app/views/reg-portal/login.html

@@ -0,0 +1,54 @@
+{% extends 'reg-portal/layout.html' %}
+
+{% block pageTitle %}
+GP hub - NHS
+{% endblock %}
+
+{% block content %}
+
+      <div class="nhsuk-grid-row">
+        <div class="nhsuk-grid-column-two-thirds">
+
+          <!--{{ backLink({
+            text: "Return to Manage your profile",
+            href: "/gp/gp-profile-manager-manage"
+        }) }}-->
+
+          <h1 class="nhsuk-heading-xl">GP hub</h1>
+          <p>For use with the GP registration service.</p>
+          <p>You can use this service to:</p>
+          <ul>
+            <li>Accept or reject new registrations to your practice</li>
+            <li>something else that might be added...</li>
+          </ul>
+          <h2 class="nhsuk-heading-l">Before you start</h2>
+          <p>We'll ask you to log in with your Care Identity account.</p>
+          <p>If you are not currently using a computer with a smartcard reader installed, you can:</p>
+          <ul>
+            <li>switch to a computer with a smartcard reader installed</li>
+            <li>use another authentication method – contact your local registration authority to enable this for your account</li>
+          </ul>
+          
+          
+
+          <a class="nhsuk-button app-button--cis2 nhsuk-u-margin-bottom-4" data-module="nhsuk-button" href="/sign-in/cis2" draggable="false" role="button">
+            <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 32" height="27" aria-hidden="true" focusable="false">
+              <path fill="currentColor" d="M80 0v32H0V0h80ZM69 2.2c-5.8 0-11.6 2-11.6 8.8 0 7.4 10.2 5.8 10.2 10 0 2.6-3.4 3-5.6 3-2.2 0-5-.6-6.4-1.4L54 28c2.2.8 5.4 1.4 8 1.4 6.2 0 12.8-1.8 12.8-9 0-7.8-10.2-6.6-10.2-10.2 0-2.2 2.2-2.6 5-2.6 2.6 0 4.4.6 5.8 1.2L77 3.4c-1.8-.8-4.8-1.2-8-1.2ZM16.6 3H7.8L2.2 29h6.6l3.6-18h.2L18 29h8.6l5.6-26h-6.6L22 21h-.2L16.6 3Zm25.2 0h-7.2l-5.2 26h6.8l2.4-11.2h8.2L44.6 29h7L57 3h-7l-2.2 9.8h-8l2-9.8Z"></path>
+            </svg>
+            <div><span>Log in with my </span>Care Identity</div>
+          </a>
+
+          <h2 class="nhsuk-heading-l nhsuk-u-padding-top-6">Support</h2>
+          <p>For service support, <strong>email <a href="">[email protected]</a></strong> or <strong>call 03003035035</strong>. Support is available 24 hours a day, 7 days a week.</p>
+
+  </div>
+</div>
+
+
+
+{% endblock %}
+
+{% block pageScripts %}
+
+
+{% endblock %}