The Sec Services module displays your services, features, or offerings in organized, visual layouts. Common use cases include:
- Service offerings and packages
- Product features and benefits
- Core competencies and capabilities
- Solution categories
- Process steps and workflows
- Value propositions
- Department functions
- Support options and resources
This module visualizes services in 4 different layout options. Firstly, all services need to be defined here:
You can configure each service with the following options.
All services need to be defined in the Services section of the module settings. Each service is a separate item that you can add, edit, clone, or delete.
Managing services:
- Add: Click the add button to create new service items
- Edit: Modify existing service settings
- Clone: Duplicate a service to save time
- Delete: Remove unwanted services
Tip: Clone similar services and modify details rather than creating each from scratch.
1. Icon: Choose an icon from the predefined list of icons
2. Or upload a custom image instead:
3. Title + description:
4. Link: If needed, you can link each service to another content page, external page, files, email addresses or blogs/blog posts.
Layout Selection Guide
1. Icon Top + Border
Choose Icon Top + Border when:
- You have short, punchy descriptions
- Visual separation is important
- You prefer traditional card layouts
- Desktop users are your primary audience
2. Icon Left
Choose Icon Left when:
- You have longer, detailed descriptions
- Space efficiency is important
- You want a modern, streamlined look
- Mobile optimization is critical
3. Boxed
Choose Boxed when:
- You want bold, eye-catching presentation
- Brand colors are a key design element
- You're highlighting premium services
- Creating visual hierarchy is important
Design Best Practices
- Use consistent icon styles (all solid or all outline)
- Ensure color contrast meets WCAG standards
- Preview on multiple devices before publishing
Performance Best Practices
- Use predefined icons instead of custom images when possible
- Optimize custom images to under 50KB
- Prefer SVG format for custom icons
- Place modules below the fold when appropriate