Contact

18 templates in this category. Each page has the screenshots, the structure, what to change and the CSS variables.

• Contact · Brand — A full-width brand band over a black and white photo: a boxed form on the solid side, the intro, contact details and a column of social links over the photo.
• Contact · Card — A boxed form beside a dark card with the contact details, social links and a WhatsApp button.
• Contact · Channel cards — Three linked cards to call, write or visit: an icon, the channel, the number, address or email in large type and a short note; the whole card is the link.
• Contact · Form in steps — A quote request form in three steps (project, details, contact), with a step indicator and next and back buttons.
• Contact · Info bar — Opening hours, address and phone in one white bar, with a button at the end.
• Contact · Info bar on a photo — A wide photo of your place with a title over it and, riding on its lower edge, a white bar with opening hours, address, phone and a button.
• Contact · Log in and register — A card with two tabs, Log in and Create account, each with a Bricks form that really logs in or registers the user, beside a photo.
• Contact · Lost password — Forgot your password and choose a new one, in one template: a centered card with the Bricks form for each step.
• Contact · Map — A full-width map with a contact card on top: address, opening hours, phone and a directions button.
• Contact · Offices — Office cards with a city photo, a country tag, the address, phone and opening hours and a directions button, and one main button under them.
• Contact · Photo and form panel — Over a darkened full-width photo, the contact details beside a full-height light panel with a boxed form.
• Contact · Photo panel — A boxed form beside a rounded panel with the contact details and social links over a photo with a dark veil.
• Contact · Photo strip horizontal — An intro and a boxed form beside a strip of photos that moves on sideways to the edge of the screen, as in the original.
• Contact · Photo strips — An intro and a boxed form beside two columns of team photos that move up and down, with one pause button.
• Contact · Split form — A rounded soft panel: the intro, contact details and social links on one side, a boxed form on a white card on the other.
• Contact · Support — A support contact form beside the four questions people ask most, answered in view, and a link to the help center.
• Contact · Tabs with photo — One tab per office: a row of tabs on a band, a contact form in a card for the open office (white in light mode, the site's dark surface in dark mode), and its photo covering the right of the section, crossfading when you switch.
• Contact · WhatsApp agents — A floating WhatsApp button, bottom right, that opens a panel with the people who answer.