How It Works Section With Zigzag Timeline

Reach for this when a case study page has to show four named stages, not a numbered list. Project Details sits in a lime pill. The later month sits under a lime tile beside the start month. Four cards snake left then right. Each card keeps a vertical duration tag, an icon, a numbered title, and one sentence. Dashed elbows join them so the path reads as one job.

Skip it when the steps are three or five, or when each step needs a screenshot. That is a feature grid. Skip it when the next action is a price. Replace the fitness copy, the month labels, and the durations before this ships. Keep the lime dates, the forest tags on the first and last cards, and the dashed path. Matching every tag in the same green hides the start and the end. The section follows light and dark.