Create Agency page

_data/nav.yaml

@@ -10,6 +10,8 @@ primary:
     url: /fellows/
   - name: Projects
     url: /projects/
+  - name: For Agencies
+    url: /agencies/
   - name: Blog
     url: /blog/
 

_sass/pages/_agencies.scss

@@ -0,0 +1,125 @@
+// AGENCY PAGE CUSTOMIZATION
+.agencies-banner {
+    .usa-hero {
+      background-image: url($baseurl + "/assets/images/stock/USDC_Agency_Hero.webp");
+       //@include u-bg("primary-dark");
+       @include u-text("primary-dark");
+        background-position: center center;
+        position: relative;
+        min-height: 600px;
+        //@include u-margin-bottom(4);
+        max-width: 100%;
+
+        // screen size adjustments
+        @include at-media-max("desktop-lg") {
+           // background-position: 30% top;
+          // margin-bottom: 15%;
+        }
+
+        @include at-media-max("desktop") {
+          // background-image: none;
+          // background-color: #1a2c85;
+            .grid-container {
+                @include u-padding-x(0);
+            }
+        }
+
+         @include at-media-max("mobile-lg") {
+            @include u-padding-y(0);
+            //background-position: 40% top;
+            min-height: unset;
+         }
+
+        // callout container
+        .usa-hero__callout {
+            @include grid-col(5);
+            @include grid-offset(7);
+            @include u-margin-top(15);
+            background-color: rgba(255, 255, 255, 0.6);
+            // screen size adjustments
+            @include at-media-max("desktop") {
+                @include grid-col(auto);
+                @include grid-offset(none);
+                @include u-margin-top(0);
+                background-color: rgba(255, 255, 255, 0.6);
+                position: absolute;
+                bottom: 0;
+            }
+
+            @include at-media-max("mobile-lg") {
+                position: relative;
+                min-height: 500px;
+
+                .content {
+                    @include u-padding-x(2);
+                    @include u-padding-bottom(3);
+                    position: absolute;
+                    left: 0;
+                    bottom: 0;
+                }
+            }
+
+            // subtext
+            h2 {
+                @include u-margin-top(3);
+                @include u-margin-bottom(0);
+            }
+        }
+    }
+    @media (min-width: 1024px) {
+      .usa-hero {
+        height: 100px;
+      }
+      .usa-hero__heading{
+        margin-top: 35px;
+        margin-bottom: 35px;
+      }
+    }
+
+}
+
+.agencies {
+    @include u-padding-y(8);
+
+    .grid-container {
+        @include u-padding-x(15);
+
+        // adjustments for screen size
+        @include at-media-max("desktop") {
+            @include u-padding-x(8);
+        }
+
+        @include at-media-max("tablet-lg") {
+            @include u-padding-x(4);
+        }
+
+        @include at-media-max("tablet") {
+            @include u-padding-x(2);
+        }
+    }
+
+    p {
+        @include body-font-larger();
+        @include u-font("sans", "sm");
+    }
+
+    h2 {
+        font-size: 1.95rem;
+        font-weight: normal;
+        font-style: italic;
+        line-height: 1.2;
+
+        a {
+            text-decoration: none; 
+            @include u-text("primary");
+        }
+
+        a:hover {
+            @include u-text("primary-vivid");
+        }
+    }
+}
+
+.spacing{
+    line-height: 1.5;
+  }

assets/css/styles.scss

@@ -95,4 +95,5 @@ $baseurl:"{{ site.baseurl }}";
 @import "pages/project";
 @import "pages/fellows";
 @import "pages/blog";
+@import "pages/agencies";
 

pages/agencies.html

@@ -0,0 +1,79 @@
+---
+layout: default
+title: Agencies
+permalink: /agencies/
+redirect_from:
+  - /proposal/
+---
+<!-- BANNER -->
+<section class="agencies-banner">
+    <div class="usa-hero">
+        <div class="grid-container">
+            <div class="usa-hero__callout">
+                <div class="content">
+                <h1 class="usa-hero__heading display display--inverted">
+                    Agencies
+                </h1>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- INTERESTED -->
+<section class="usa-section agencies">
+<div class="grid-container">
+  <div class="grid-row">
+    <div class="tablet:grid-col-8">
+      <h1>Interested in partnering to host a future USDC Fellow?</h1>
+      <p class="body-intro"> Do you want to bring forward-thinking, early-career technologists into your agency to drive impactful, mission-aligned projects? Let's work together. We’re eager to learn how USDC Fellows can support your goals.</p>
+      <span><a class="usa-button usa-button--primary" target="_blank" href="https://airtable.com/appw2ZMy7CTSjz90y/pagDYHXppyXmPAWYL/form">Submit a proposal by December 13</a></span>
+    </div>
+  </div>
+  <div class="grid-row grid-gap">
+    <div class="desktop:grid-col-12">
+      <h2>How it works</h2>
+      <p>The U.S. Digital Corps (USDC) recruits recent graduates and emerging technologists specializing in software engineering, data science & analytics, product management, design, and cybersecurity. As recent graduates, Fellows bring expertise in the latest cutting edge technologies, methodologies, and best practices. USDC provides a dedicated learning and development program throughout the two year fellowship, ensuring Fellows have the technical and leadership skills needed to serve your team. USDC is designed to allow agencies to easily convert Fellows to permanent positions at the end of the fellowship, where Fellows can continue their public service journey within teams or projects where they have made impactful contributions.</p>
+    </div>
+    <div class="desktop:grid-col-12">
+      <p><h2>Agency participation criteria </h2>
+        Strong USDC agency project proposals demonstrate:
+        <ul class="spacing">
+          <li><strong>Impact-driven projects</strong>: Initiatives with potential for real-world impact, particularly those that are public-facing, AI-focused, or designated as High-Impact Service Providers (HISP) by OMB. </li>
+          <li><strong>Hands-on work</strong>: Projects should allow Fellows to actively contribute technical skills through designing, building, and problem-solving. Fellows learn and grow by engaging in real, impactful technical work.</li>
+          <li><strong>Supportive and digitally mature teams</strong>: Teams with strong digital maturity and structured support systems at both the leadership and program levels, ready to mentor and guide Fellows in a growth-oriented environment. </li>
+          <li><strong>Commitment to development</strong>: A focus on fostering hands-on learning and career growth, helping Fellows become the next generation of federal technologists.</li>
+          <li><strong>Funding</strong>: Budget and resources to support the two-year program commitment for each Fellow, including mentorship and development opportunities.</li>
+        </ul>
+      </p>
+    </div>
+    </div>
+    <div class="grid-row grid-gap">
+    <div class="desktop:grid-col-12">
+       <h2><a href="{{site.baseurl}}/projects">Project and impact areas</a> </h2>
+      <p>While USDC Fellows work across a range of government-wide priorities, successful proposals often include projects focused on:
+        <ul class="spacing">
+            <li><strong>Customer experience</strong>: Improving public-facing services and ensuring access to government programs and resources.</li>
+            <li><strong>Digital & data modernization</strong>: Modernizing technology infrastructures and leveraging data analytics to inform agency decisions and operational efficiencies.</li>
+            <li><strong>Cybersecurity</strong>: Enhancing agency resilience and protection against digital threats to safeguard critical information and public trust.</li>
+            <li><strong>Artificial intelligence & emerging technologies</strong>: Exploring responsible and ethical applications of artificial intelligence, machine learning, and automation to solve complex agency challenges, drive innovation, and improve mission outcomes.</li>
+        </ul>
+      </p>
+    </div>
+    </div>
+  <div class="grid-row">
+    <div class="tablet:grid-col-12">
+      <h2>USDC partnership process</h2>
+      <p><strong>Talent and selection:</strong>  USDC conducts annual, nationwide recruitment to attract diverse, skilled candidates from top programs, veteran communities, and specialized training initiatives. Using a rigorous SME-QA process, we engage federal subject matter experts to perform skills-based assessments, ensuring Fellows are well-matched to agency needs. Agency partners participate in final selection to confirm alignment with project goals and team fit.</p>
+      <p><strong>Interagency agreements (IAA):</strong> Fellows are hired at GSA to GS-9/11/12 career ladder positions. Fellows provide technical services to agencies via interagency service agreements, spending 80-90% of their time on agency work, with the balance on cohort learning and development. Our standard agreements are severable, reimbursable service agreements.</p>
+      <p> <strong>Work location and telework:</strong> Fellows are assigned nationwide with remote and hybrid options, depending on the host agency’s requirements.</p>
+      <p> <strong>Duration:</strong> The U.S. Digital Corps fellowship spans two years, providing early-career technologists with in-depth exposure to public service and mission-driven projects. Fellows are fully integrated into their host agency’s teams, contributing to high-impact work while developing their professional skills. A core goal of the program is for Fellows to convert to a federal role within their host agency upon successful completion, enabling them to continue serving in a capacity directly aligned with their fellowship experience.</p>
+      <p> <strong>Timeline of major milestones:</strong> The next USDC cohort is targeted to start in August 2025. Key partnership steps include submitting a proposal, conducting a scoping call, participating in candidate interviews, and establishing the interagency agreement (IAA).</p>
+    </div>
+  </div>
+  <br> <p><a class="usa-button usa-button--primary" target="_blank" href="https://airtable.com/appw2ZMy7CTSjz90y/pagDYHXppyXmPAWYL/form">Submit a proposal by December 13</a></p>
+</div>
+</section>
+
+
+