7 components

Service Detail

Service Detail Prose Minimal
Service Detail
Service Detail Prose Minimal

A minimal service detail page with a muted hero section, introduction block, and prose content sections. Features a clean, text-focused layout with service title, intro description, content paragraphs, and a bulleted services list. Ideal for professional services, consulting, or any service that benefits from detailed written explanations without heavy visual elements.

servicedetailminimal+6 more
Service Detail Image Hero
Service Detail
Service Detail Image Hero

A service detail page featuring a full-width background image hero with dark overlay and centered title. Includes introduction section, prose content blocks, and services list. The dramatic hero image creates visual impact while maintaining readability. Perfect for creative services, design agencies, or any service that benefits from strong visual presentation.

servicedetailhero+6 more
Service Detail Stats Hero
Service Detail
Service Detail Stats Hero

A service detail page with a background image hero featuring a service icon, followed by a stats grid section highlighting expertise metrics. Includes prose content and services list. The stats section with tool/technology icons builds credibility by showcasing proficiency levels and experience. Ideal for technical services, development agencies, or services where quantifiable expertise matters.

servicedetailhero+6 more
Service Detail Sidebar Stats
Service Detail
Service Detail Sidebar Stats

A two-column service detail layout with main content on the left and a sticky sidebar on the right displaying expertise stats. Features a muted hero with service icon, prose content, icon-enhanced services list, and sidebar with tool/technology proficiency indicators. The sidebar remains visible while scrolling through content. Perfect for services requiring detailed explanations with quick-reference expertise information.

servicedetailsidebar+6 more
Service Detail Sidebar Related
Service Detail
Service Detail Sidebar Related

A two-column service detail layout featuring main content with a sidebar containing both expertise stats and related services links. The sidebar includes clickable related service cards with icons and descriptions for cross-navigation. Ideal for businesses with multiple interconnected services where users might want to explore related offerings while learning about a specific service.

servicedetailsidebar+6 more
Service Detail Centered Expertise
Service Detail
Service Detail Centered Expertise

A centered service detail layout with a prominent expertise grid, icon-enhanced services list, and related services cards with images. Features a centered hero with service icon, four-column expertise grid showing tools/technologies, two-column services checklist, and three-column related services with thumbnail images. Perfect for showcasing comprehensive service offerings with visual hierarchy and clear navigation to related services.

servicedetailcentered+6 more
Service Detail Compact Cards
Service Detail
Service Detail Compact Cards

A compact service detail layout with horizontal expertise cards, icon-enhanced services list, and a four-column related services grid. Features a left-aligned service icon with title, inline expertise badges, two-column services checklist, and compact related service cards with images. The horizontal expertise layout saves vertical space while maintaining visual appeal. Ideal for services pages where space efficiency is important or when displaying multiple services on a single page.

servicedetailcompact+6 more
OpenSite Logo

Delivering the world's first Semantic UI site builder

Components

© 2026 OpenSite. All rights reserved.