Contact Page Section Layouts

Contact Section 1

Features include:

  • A background image
  • Title, text and iconised list.
  • A map showing the company location
  • The desktop version is divided in two halves taking 50% width each.
  • The mobile version arranges the two sections vertically.
View Page Section
mobile contact section

The mobile view

contact section 1 desktop original

The desktop view

Contact Section 2

Features include:

  • Features icons and text for email, phone, hours of operation, and location.
  • Displayed horizontally on a desktop and vertically on a mobile phone.
View Page Section
desktop contact section

The mobile view

desktop contact section

The desktop view

Contact Section 3

Features include:

  • A map showing a company’s location.
  • A title plus text
  • A list of contact details
  • The desktop version arranges the two sections side by side and the mobile version arranges them vertically.
View Page Section
contact section for mobile

The mobile view

contact section for desktop

The desktop view

Contact Section 4

Features include:

  • A map showing a company’s location.
  • A title plus text
  • A list of contact details
  • The desktop version arranges the two sections side by side and the mobile version arranges them vertically.
View Page Section
contact section for mobile

The mobile view

contact section for desktop

The desktop view

Contact Section 5

Features include:

  • Title, text and iconised list.
  • A contact form with the usual fields.
  • The desktop version is divided in two halves taking 50% width each.
  • The mobile version arranges the two sections vertically, the icon list is arranged into a single column.
View Page Section
2024 05 12 16 50 30

The mobile view

contact section 5 desktop original

The desktop view