Sections/Contact

Contact Sections

Browse contact layouts for forms, contact details, locations, and enquiry options.

Contact 01 - Split two-column contact section with a rounded portrait photo on the left and a stacked inquiry form with dropdown and privacy checkbox.

Contact 01

Free

Split two-column contact section with a rounded portrait photo on the left and a stacked inquiry form with dropdown and privacy checkbox.

Contact 23 - Split two-column layout pairing a bold heading, primary CTA button, and inline email-and-social footer on the left with a rounded team photo.

Contact 23

Pro

Split two-column layout pairing a bold heading, primary CTA button, and inline email-and-social footer on the left with a rounded team photo.

Contact 22 - Centered header above a two-column grid of white cards with SVG illustrations, descriptions, and CTA buttons for sales and customer support.

Contact 22

Pro

Centered header above a two-column grid of white cards with SVG illustrations, descriptions, and CTA buttons for sales and customer support.

Contact 21 - Split two-column layout with a heading and bottom social icons on the left beside a 2x2 department directory and widescreen photo.

Contact 21

Pro

Split two-column layout with a heading and bottom social icons on the left beside a 2x2 department directory and widescreen photo.

Contact 20 - Overlapping brand-colored contact card with address, phone, email, and social icon links layered over a wide grayscale embedded Google Map iframe.

Contact 20

Pro

Overlapping brand-colored contact card with address, phone, email, and social icon links layered over a wide grayscale embedded Google Map iframe.

Contact 19 - Centered single-column layout stacking a section header, an elevated white two-column quote form card, and a three-column divided contact info strip.

Contact 19

Pro

Centered single-column layout stacking a section header, an elevated white two-column quote form card, and a three-column divided contact info strip.

Contact 18 - Two-column directory layout pairing a left-aligned heading and intro with a right-hand grid of general, careers, collaborator, address, and social links.

Contact 18

Pro

Two-column directory layout pairing a left-aligned heading and intro with a right-hand grid of general, careers, collaborator, address, and social links.

Contact 17 - Split top row pairing a bold heading with a 2x2 phone, email, address, and social grid above a full-width widescreen banner photo.

Contact 17

Pro

Split top row pairing a bold heading with a 2x2 phone, email, address, and social grid above a full-width widescreen banner photo.

Contact 16 - Full-width top banner photo above a 2x2 icon-badge office directory on the left and an overlapping white contact form card on right.

Contact 16

Pro

Full-width top banner photo above a 2x2 icon-badge office directory on the left and an overlapping white contact form card on right.

Contact 15 - Contained two-column split white card with a full-bleed cover photo on the left and stacked icon-badge phone, email, and address details.

Contact 15

Pro

Contained two-column split white card with a full-bleed cover photo on the left and stacked icon-badge phone, email, and address details.

Contact 14 - Split two-column contact layout pairing a 2x2 phone, email, office, and social icon grid on the left with a white form card.

Contact 14

Pro

Split two-column contact layout pairing a 2x2 phone, email, office, and social icon grid on the left with a white form card.

Contact 13 - Dark full-width contact section with a blended background photo and centered header above three white cards for address, phone, and email.

Contact 13

Pro

Dark full-width contact section with a blended background photo and centered header above three white cards for address, phone, and email.

Contact 12 - Centered bordered white card featuring a two-column body with stacked address, phone, email, and social icon links beside an SVG illustration.

Contact 12

Pro

Centered bordered white card featuring a two-column body with stacked address, phone, email, and social icon links beside an SVG illustration.

Contact 11 - Minimalist typographic two-column contact section separated by a vertical divider, pairing a heading and office address with oversized email and phone links.

Contact 11

Pro

Minimalist typographic two-column contact section separated by a vertical divider, pairing a heading and office address with oversized email and phone links.

Contact 10 - Asymmetric two-column layout combining a white card of underline-style form inputs on the left with a support ticket CTA sidebar on right.

Contact 10

Pro

Asymmetric two-column layout combining a white card of underline-style form inputs on the left with a support ticket CTA sidebar on right.

Contact 09 - Two-column agency contact section pairing a bold heading and bottom illustration with a white card featuring underline inputs and service checkboxes.

Contact 09

Pro

Two-column agency contact section pairing a bold heading and bottom illustration with a white card featuring underline inputs and service checkboxes.

Contact 08 - Split contact layout with phone and email icon links on the left and a bordered white form card with contact method radios.

Contact 08

Pro

Split contact layout with phone and email icon links on the left and a bordered white form card with contact method radios.

Contact 07 - Warm-toned two-column contact section with a heading, intro copy, and widescreen image on the left beside an unboxed multi-field message form.

Contact 07

Pro

Warm-toned two-column contact section with a heading, intro copy, and widescreen image on the left beside an unboxed multi-field message form.

Contact 06 - Left-aligned header above a two-column layout pairing a rounded vertical portrait photo with an unboxed two-column inquiry form and topic dropdown.

Contact 06

Pro

Left-aligned header above a two-column layout pairing a rounded vertical portrait photo with an unboxed two-column inquiry form and topic dropdown.

Contact 05 - Three-column contact card grid below a split header, showcasing white cards with brand icon badges for office location, phone numbers, and emails.

Contact 05

Pro

Three-column contact card grid below a split header, showcasing white cards with brand icon badges for office location, phone numbers, and emails.

Contact 04 - Split two-column layout combining left-aligned icon-badge phone, email, and address details with an elevated white card housing a two-column quote form.

Contact 04

Pro

Split two-column layout combining left-aligned icon-badge phone, email, and address details with an elevated white card housing a two-column quote form.

Contact 03 - Centered contact section on a soft tinted background featuring a white card with a two-column quote request form and inquiry dropdown.

Contact 03

Pro

Centered contact section on a soft tinted background featuring a white card with a two-column quote request form and inquiry dropdown.

Contact 02 - Two-column contact info section pairing a heading and three icon-badge phone, email, and address rows with a large rounded workspace photo.

Contact 02

Pro

Two-column contact info section pairing a heading and three icon-badge phone, email, and address rows with a large rounded workspace photo.

KitFront in action
...

times sections explored and used by developers worldwide.

More developers are exploring KitFront every day — finding the right sections and building faster.

And the number keeps growing.