Strategy
Build a clearer path from idea to launch.
Use this larger content column to highlight your primary message, explain the value of your offer, and guide visitors toward the most important information on the page.
Support
Focused details for faster decisions.
Use the smaller column for supporting copy, key benefits, quick notes, or a concise summary that complements the main message.
Frequently asked questions
Open each Greenshift-style accordion item to reveal helpful supporting content below the two-column layout.
The wider column works best for the main headline, core explanation, product overview, service description, or any message that needs more visual priority.
The narrower column is ideal for supporting details, a short benefit statement, a callout, a summary, or secondary information that reinforces the primary content.
On smaller screens, the two columns stack into a single-column layout, while the accordion remains easy to tap and read with accessible button controls.
Prompt: create a button with a light-grey background, black text, an arrow icon pointing right placed on the right side. Hover creates a moving effect of silver-blue.