added guidance directory and nav

app/assets/sass/uswds/_uswds-theme-custom-styles.scss

@@ -671,3 +671,7 @@ details form {
    border: 1px solid #face00;
    border-radius: 7px;
 }
+
+#guidance-h1 {
+   margin-top: 0 !important;
+}

app/main/views/index.py

@@ -7,7 +7,7 @@ from app import status_api_client
 from app.formatters import apply_html_class, convert_markdown_template
 from app.main import main
 from app.main.views.pricing import CURRENT_SMS_RATE
-from app.main.views.sub_navigation_dictionaries import features_nav, using_notify_nav
+from app.main.views.sub_navigation_dictionaries import features_nav, using_notify_nav, guidance_nav
 from app.utils.user import user_is_logged_in
 from notifications_utils.url_safe_token import generate_token
 
@@ -177,6 +177,76 @@ def trial_mode_new():
         navigation_links=using_notify_nav(),
     )
 
+@main.route("/guidance")
+@user_is_logged_in
+def guidance():
+    return render_template(
+        "views/guidance/index.html",
+        navigation_links=guidance_nav(),
+    )
+
+@main.route("/guidance/clear-goals")
+@user_is_logged_in
+def clear_goals():
+    return render_template(
+        "views/guidance/index.html",
+        navigation_links=guidance_nav(),
+        title="Clear Goals"
+    )
+
+@main.route("/guidance/rules-and-regulations")
+@user_is_logged_in
+def rules_and_regulations():
+    return render_template(
+        "views/guidance/index.html",
+        navigation_links=guidance_nav(),
+        title="Rules and Regulations"
+    )
+
+@main.route("/guidance/establish-trust")
+@user_is_logged_in
+def establish_trust():
+    return render_template(
+        "views/guidance/index.html",
+        navigation_links=guidance_nav(),
+        title="Establish Trust"
+    )
+
+@main.route("/guidance/write-for-action")
+@user_is_logged_in
+def write_for_action():
+    return render_template(
+        "views/guidance/index.html",
+        navigation_links=guidance_nav(),
+        title="Write For Action"
+    )
+
+@main.route("/guidance/multiple-languages")
+@user_is_logged_in
+def multiple_languages():
+    return render_template(
+        "views/guidance/index.html",
+        navigation_links=guidance_nav(),
+        title="Multiple Languages"
+    )
+
+@main.route("/guidance/get-the-word-out")
+@user_is_logged_in
+def get_the_word_out():
+    return render_template(
+        "views/guidance/index.html",
+        navigation_links=guidance_nav(),
+        title="Get the Word Out"
+    )
+
+@main.route("/guidance/as-people-receive-text")
+@user_is_logged_in
+def as_people_receive_text():
+    return render_template(
+        "views/guidance/index.html",
+        navigation_links=guidance_nav(),
+        title="As People Receive Text"
+    )
 
 @main.route("/using-notify/guidance")
 @user_is_logged_in

app/main/views/sub_navigation_dictionaries.py

@@ -58,3 +58,42 @@ def using_notify_nav():
             # },
         },
     ]
+
+
+def guidance_nav():
+    return [
+        {
+            "name": "Guidance",
+            "link": "main.guidance",
+        },
+        {
+            "name": "Clear goals",
+            "link": "main.clear_goals",
+        },
+        {
+            "name": "Rules and Regulations",
+            "link": "main.rules_and_regulations",
+        },
+        {
+            "name": "Establish trust",
+            "link": "main.establish_trust",
+            "sub_navigation_items": [
+                {
+                    "name": "Get the word out",
+                    "link": "main.get_the_word_out",
+                },
+                {
+                    "name": "As people receive texts",
+                    "link": "main.as_people_receive_text",
+                },
+            ]
+        },
+        {
+            "name": "Write for action",
+            "link": "main.write_for_action",
+        },
+        {
+            "name": "Multiple languages",
+            "link": "main.multiple_languages",
+        },
+    ]

app/templates/components/guidance_nav_breadcrumb.html

@@ -0,0 +1,13 @@
+<nav class="navigation-service usa-breadcrumb padding-top-0">
+  <ol class="usa-breadcrumb__list">
+    <li class="usa-breadcrumb__list-item">
+      <span class="usa-breadcrumb__label"><a href="{{ url_for('.guidance') }}"
+          class="usa-link navigation-organization-link">Guidance:</a></span>
+    </li>
+    {% if title %}
+    <li class="usa-breadcrumb__list-item">
+      <span class="usa-breadcrumb__label">{{ title }}</span>
+    </li>
+    {% endif %}
+  </ol>
+</nav>

app/templates/views/guidance/index.html

@@ -8,8 +8,9 @@
 {% endblock %}
 
 {% block content_column_content %}
+{% block GuidanceNavBreadcrumb %}{% include "components/guidance_nav_breadcrumb.html" %}{% endblock %}
 
-  <h1 class="font-body-2xl margin-bottom-3">Guidance</h1>
+<h1 id="guidance-h1" class="font-body-2xl margin-bottom-3">Guidance</h1>
 
   <p>Notify allows you easily to create templates for messages for your recipients. You can customize messages to encourage
   your recipient to manage their benefits and increase follow through.</p>