Skip to main content

Popular Services

Display that features services with a title, description, and arrow link. Includes a section wrapper with optional pagination controls.
WCAG 2.2 AA Reviewed April 2026 Accessibility notes

Popular Services — With and Without Pagination

With pagination

Popular Services

Showing 1-3 of 9

Education and Care Resources

Access up-to-date guidance on care, learning opportunities, and support programs.

Access TDOA child care resources

Texas WIC

Texas Women, Infants, & Children (WIC) offers nutritional support for moms of children under 5.

Go to Texas WIC

School & Farmers Market Programs

See available Texas Department of Agriculture nutrition programs that may help your family.

See programs at SquareMeals.org

Family Support Services

Explore counseling, family planning, and support services designed to improve household wellbeing.

Find family support options

Prenatal Care Programs

Connect with prenatal health resources, screenings, and local clinics supporting healthy pregnancies.

View prenatal care programs

Food Banks Near You

Locate nearby food banks and pantries offering groceries and emergency meal assistance.

Find food resources near me

Medicaid & CHIP Enrollment

Review eligibility and enroll children and families in affordable health coverage programs.

Start health coverage enrollment

Job Training and Workforce

Access workforce training, resume coaching, and career pathways for in-demand industries.

Explore job training programs

Housing Stability Assistance

Get help with rent, utilities, and eviction prevention through local housing support programs.

See housing support services

Without pagination

Popular Services

Education and Care Resources

Access up-to-date guidance on care, learning opportunities, and support programs.

Access TDOA child care resources

Texas WIC

Texas Women, Infants, & Children (WIC) offers nutritional support for moms of children under 5.

Go to Texas WIC

School & Farmers Market Programs

See available Texas Department of Agriculture nutrition programs that may help your family.

See programs at SquareMeals.org
View HTML
<div class="txds-preview-wide txds-service-card-preview-wide">
  <div>
    <p class="preview-page__heading txds-service-card-preview-heading">With pagination</p>
    <div class="txds-service-section" data-page-size="3">
      <h2 class="txds-service-section__heading">Popular Services</h2>
      <div class="txds-service-section__nav">
        <span class="txds-service-section__count">Showing 1-3 of 9</span>
        <div class="txds-service-section__controls">
          <button type="button" class="txds-service-section__btn" disabled>Back</button>
          <button type="button" class="txds-service-section__btn">Next</button>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Education and Care Resources</h3>
          <p class="txds-service-card__text">Access up-to-date guidance on care, learning opportunities, and support programs.</p>
          <a href="#" class="txds-service-card__link">Access TDOA child care resources</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Texas WIC</h3>
          <p class="txds-service-card__text">Texas Women, Infants, &amp; Children (WIC) offers nutritional support for moms of children under 5.</p>
          <a href="#" class="txds-service-card__link">Go to Texas WIC</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">School &amp; Farmers Market Programs</h3>
          <p class="txds-service-card__text">See available Texas Department of Agriculture nutrition programs that may help your family.</p>
          <a href="#" class="txds-service-card__link">See programs at SquareMeals.org</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Family Support Services</h3>
          <p class="txds-service-card__text">Explore counseling, family planning, and support services designed to improve household wellbeing.</p>
          <a href="#" class="txds-service-card__link">Find family support options</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Prenatal Care Programs</h3>
          <p class="txds-service-card__text">Connect with prenatal health resources, screenings, and local clinics supporting healthy pregnancies.</p>
          <a href="#" class="txds-service-card__link">View prenatal care programs</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Food Banks Near You</h3>
          <p class="txds-service-card__text">Locate nearby food banks and pantries offering groceries and emergency meal assistance.</p>
          <a href="#" class="txds-service-card__link">Find food resources near me</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Medicaid &amp; CHIP Enrollment</h3>
          <p class="txds-service-card__text">Review eligibility and enroll children and families in affordable health coverage programs.</p>
          <a href="#" class="txds-service-card__link">Start health coverage enrollment</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Job Training and Workforce</h3>
          <p class="txds-service-card__text">Access workforce training, resume coaching, and career pathways for in-demand industries.</p>
          <a href="#" class="txds-service-card__link">Explore job training programs</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Housing Stability Assistance</h3>
          <p class="txds-service-card__text">Get help with rent, utilities, and eviction prevention through local housing support programs.</p>
          <a href="#" class="txds-service-card__link">See housing support services</a>
        </div>
      </div>
      <a href="#" class="txds-service-section__footer">View all Services</a>
    </div>
  </div>
  <div>
    <p class="preview-page__heading txds-service-card-preview-heading">Without pagination</p>
    <div class="txds-service-section">
      <h2 class="txds-service-section__heading">Popular Services</h2>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Education and Care Resources</h3>
          <p class="txds-service-card__text">Access up-to-date guidance on care, learning opportunities, and support programs.</p>
          <a href="#" class="txds-service-card__link">Access TDOA child care resources</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">Texas WIC</h3>
          <p class="txds-service-card__text">Texas Women, Infants, &amp; Children (WIC) offers nutritional support for moms of children under 5.</p>
          <a href="#" class="txds-service-card__link">Go to Texas WIC</a>
        </div>
      </div>
      <div class="txds-service-card">
        <div class="txds-service-card__body">
          <h3 class="txds-service-card__title">School &amp; Farmers Market Programs</h3>
          <p class="txds-service-card__text">See available Texas Department of Agriculture nutrition programs that may help your family.</p>
          <a href="#" class="txds-service-card__link">See programs at SquareMeals.org</a>
        </div>
      </div>
    </div>
  </div>
</div>

Mobile Stacked Variant

Popular Services

Showing 1-3 of 9

Education and Care Resources

Access up-to-date guidance on care, learning opportunities, and support programs.

Access TDOA child care resources

Texas WIC

See available Texas Department of Agriculture nutrition programs that may help your family.

Go to Texas WIC

School & Farmers Market Programs

See available Texas Department of Agriculture nutrition programs that may help your family.

See programs at SquareMeals.org
View HTML
<div class="txds-service-section txds-service-card-preview-mobile">
  <h2 class="txds-service-section__heading">Popular Services</h2>
  <div class="txds-service-section__nav">
    <span class="txds-service-section__count">Showing 1-3 of 9</span>
    <div class="txds-service-section__controls">
      <button type="button" class="txds-service-section__btn" disabled>Back</button>
      <button type="button" class="txds-service-section__btn">Next</button>
    </div>
  </div>
  <div class="txds-service-card txds-service-card--stacked">
    <div class="txds-service-card__bar"></div>
    <div class="txds-service-card__body">
      <h3 class="txds-service-card__title">Education and Care Resources</h3>
      <p class="txds-service-card__text">Access up-to-date guidance on care, learning opportunities, and support programs.</p>
      <a href="#" class="txds-service-card__link txds-service-card-preview-link">Access TDOA child care resources</a>
    </div>
    <div class="txds-service-card__divider"></div>
    <div class="txds-service-card__body">
      <h3 class="txds-service-card__title">Texas WIC</h3>
      <p class="txds-service-card__text">See available Texas Department of Agriculture nutrition programs that may help your family.</p>
      <a href="#" class="txds-service-card__link txds-service-card-preview-link">Go to Texas WIC</a>
    </div>
    <div class="txds-service-card__divider"></div>
    <div class="txds-service-card__body">
      <h3 class="txds-service-card__title">School &amp; Farmers Market Programs</h3>
      <p class="txds-service-card__text">See available Texas Department of Agriculture nutrition programs that may help your family.</p>
      <a href="#" class="txds-service-card__link txds-service-card-preview-link">See programs at SquareMeals.org</a>
    </div>
  </div>
</div>

CSS Classes

Class Description
txds-service-card Base service card (162px tall, shadow, rounded corners).
txds-service-card__body Content area with title, text, and link.
txds-service-card__title Card title (24px bold).
txds-service-card__text Body text (18px, truncated at 2 lines).
txds-service-card__link Action link with arrow icon (16px extrabold, primary-50).
txds-service-section Section wrapper with heading, nav, and card list.
txds-service-section__heading Section title (H3 32px bold).
txds-service-section__nav Navigation row with count and back/next.
txds-service-card--stacked Mobile stacked variant (all cards in one box with dividers).