Documentation Index
Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
Use this file to discover all available pages before exploring further.
Overview
Team 04 is a marketing component designed to introduce a company’s team section on a webpage. It features a structured header area with a section label (‘Our team’), a main heading (‘Meet our team’), a descriptive paragraph about the team’s philosophy, and two call-to-action buttons (‘About us’ and ‘Open positions’). The layout is clean and centered, suitable for landing pages or company profile pages.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Mobile Layout | Page width is less than or equal to 768px | Content group adjusts row gap to 64px, CTA group and buttons expand to 100% min-width for full-width stacking |
| About Us Button Hovered | User hovers over the ‘About us’ button | Button background color changes to rgba(245, 244, 244, 1) |
| About Us Button Disabled | ’About us’ button is not clickable | Button opacity reduces to 50% |
| Open Positions Button Hovered | User hovers over the ‘Open positions’ button | Button opacity reduces to 90% |
| Open Positions Button Disabled | ’Open positions’ button is not clickable | Button opacity reduces to 50% |
| Heading Font Size Small | Page width is less than 768px | Main heading font size reduces from 36px to 30px |
These states are handled natively by Bubble and require no additional setup.
They will work automatically once the component is pasted into your editor.
Responsive
This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble’s built-in mobile breakpoint.Requirements
| License | Starter plan required |
| Plugins | None |
| Custom code | Not required |
Platforms
| Platform | Supported |
|---|---|
| Web | ✅ |
| Mobile | ❌ |
License
This component requires a Starter plan.