Merge pull request #566 from GSA/staging

Staging

_includes/centralized-mission.html

@@ -2,14 +2,21 @@
 This banner will be displayed on the homepage. It highlights the President's Management Agenda and newsletter signup.
 {% endcomment %}
 
-<section style="background-color: #f0f0f0;">
-    <div class="usa-graphic_list usa-section usa-prose clearfix grid-container">
-        <div class="grid-container">
-            <div class="usa-width-whole hero-content">
-                <h2>Centralized Mission Support Capabilities for the Federal Government</h2>
-                <p>To promote standardization, reduce duplication, reduce operating costs, and increase customer satisfaction in the long-term, OMB is designating specific agencies to create Quality Service Management Offices (QSMOs) for select mission support functions that align with the agencies’ missions.</p>
-                <a  class="usa-button usa-button-secondary" href="https://www.whitehouse.gov/wp-content/uploads/2019/04/M-19-16.pdf" target="_blank" aria-label='Opens in new window read memo'>Read the Memo</a>
-                <a class="usa-button usa-button-secondary" href="{{site.baseurl}}/qsmo/" target="_blank" aria-label='Opens in new window learn more'>Learn More about QSMOs</a>
+<section class="bg-base-lightest">
+    <div class="usa-section grid-container">
+        <h2 class="text-primary" >Learn and Connect</h2>
+        <div class="grid-row grid-gap">
+            <div class="tablet:grid-col-4 display-flex flex-column flex-align-center text-center">
+                <iframe src="https://player.vimeo.com/video/569954187?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen  title="What Are Shared Services"></iframe><script src="https://player.vimeo.com/api/player.js"></script>
+                <p><i>Shared Services Strategy</i></p>
+            </div>
+            <div class="tablet:grid-col-4 display-flex flex-column flex-align-center text-center">
+                <iframe src="https://player.vimeo.com/video/698159819?h=f7c711fc66&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen  title="Enhancing Your Agencies Services by Utilizing FIBF"></iframe><script src="https://player.vimeo.com/api/player.js"></script>
+                <p><i>FIBF: Agency Data and Business Standards</i></p>
+            </div>
+            <div class="tablet:grid-col-4 display-flex flex-column flex-align-center text-center">
+                <iframe src="https://player.vimeo.com/video/704934121?h=437ef4784d&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen  title="M3-Playbook Video"></iframe><script src="https://player.vimeo.com/api/player.js"></script> 
+                <p><i>Agency Modernization Playbook (M3)</i></p>
             </div>
         </div>
     </div>

_includes/homepage_icons.html

@@ -1,7 +1,7 @@
 
 
 <section class="usa-graphic_list clearfix ">
-    <div class="clearfix grid-container grey-back padding-top-2 padding-bottom-2">
+    <div class="margin-y-4 clearfix grid-container grey-back padding-top-2 padding-bottom-2">
         <div class="grid-row ">
 
             <div class="tablet:grid-col-3 padding-1">