Create a general base layout for public pages

Make a separate template for login route

templates/login.html

@@ -0,0 +1,42 @@
+{% from "components/alert.html" import Alert %}
+
+{% extends "base_public.html" %}
+
+{% block title %}Sign in | JEDI Cloud{% endblock %}
+
+{% block content %}
+
+  <div class='global-layout login-layout'>
+    <div class='global-panel-container login-container'>
+      <div class='col'>
+
+        <div class='login-banner'>
+          <h1 class="login-banner__heading">Access the JEDI Cloud</h1>
+
+          <img class="login-banner__logo" src="/static/img/ccpo-logo.svg" alt="Cloud Computing Program Office Logo">
+
+          <a class="usa-button usa-button-big login-banner__button" href='{{ config.get('CAC_URL','https://cac.atat.codes') }}'><span>Sign in with CAC card</span></a>
+
+          {% if g.dev %}
+            <a class="usa-button usa-button-big usa-button-secondary" href='/login-dev'><span>DEV Login</span></a>
+          {% endif %}
+        </div>
+
+        {{ Alert('Certificate Selection',
+          message='When you are prompted to select a certificate, please select <strong>E-mail Certificate</strong> from the provided choices.',
+          actions=[
+            {
+              'label': 'Learn More',
+              'icon': 'help',
+              'href': '/help'
+            }
+          ]
+        ) }}
+
+      </div>
+    </div>
+  </div>
+
+{% endblock %}
+
+