Popular Services
Popular Services — With and Without Pagination
With pagination
Popular Services
Education and Care Resources
Access up-to-date guidance on care, learning opportunities, and support programs.
Access TDOA child care resourcesTexas WIC
Texas Women, Infants, & Children (WIC) offers nutritional support for moms of children under 5.
Go to Texas WICSchool & Farmers Market Programs
See available Texas Department of Agriculture nutrition programs that may help your family.
See programs at SquareMeals.orgFamily Support Services
Explore counseling, family planning, and support services designed to improve household wellbeing.
Find family support optionsPrenatal Care Programs
Connect with prenatal health resources, screenings, and local clinics supporting healthy pregnancies.
View prenatal care programsFood Banks Near You
Locate nearby food banks and pantries offering groceries and emergency meal assistance.
Find food resources near meMedicaid & CHIP Enrollment
Review eligibility and enroll children and families in affordable health coverage programs.
Start health coverage enrollmentJob Training and Workforce
Access workforce training, resume coaching, and career pathways for in-demand industries.
Explore job training programsHousing Stability Assistance
Get help with rent, utilities, and eviction prevention through local housing support programs.
See housing support servicesWithout pagination
Popular Services
Education and Care Resources
Access up-to-date guidance on care, learning opportunities, and support programs.
Access TDOA child care resourcesTexas WIC
Texas Women, Infants, & Children (WIC) offers nutritional support for moms of children under 5.
Go to Texas WICSchool & Farmers Market Programs
See available Texas Department of Agriculture nutrition programs that may help your family.
See programs at SquareMeals.orgView 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, & 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 & 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 & 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, & 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 & 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
Education and Care Resources
Access up-to-date guidance on care, learning opportunities, and support programs.
Access TDOA child care resourcesTexas WIC
See available Texas Department of Agriculture nutrition programs that may help your family.
Go to Texas WICSchool & Farmers Market Programs
See available Texas Department of Agriculture nutrition programs that may help your family.
See programs at SquareMeals.orgView 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 & 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). |