With over 1700 workers, the firm has offices in the US and Canada Html Code Example

The “What We Do” section uses a large image of an architect presenting a plan as its main visual anchor. Introductory copy and a single “learn more” action sit below the image-led area, while an orange statement card overlaps the composition on the right. The card contains a circular portrait and prominent white text, giving the block a distinct content region for a highlighted message. Rounded image and card corners keep the visual groups connected. This is a static, about-oriented section with clearly bounded areas that can remain intact if a project later adds custom functionality.

The Statement Card Creates a Defined Extension Area

The architectural image, introductory copy, and “learn more” action already establish the section’s main message and its straightforward content flow. The orange card adds a second, clearly bounded region: it overlaps the lower image area, carries a highlighted statement, and contains a circular portrait. Because that card is visually separated from the copy below the image, it can act as a logical location for project-specific content that relates to the highlighted message without displacing the section’s primary structure.

If a finished project needs functionality beyond the static arrangement, custom markup could be considered near the relevant content region. For example, the highlighted card might accommodate an external information element, while the existing action could remain the visual route to more detail. Any such extension should respect the card’s overlap, portrait placement, rounded edges, and contrast with the black-and-white foundation. The image and text relationship is already doing important communication work, so added functionality should support that relationship rather than turn the section into an unrelated interface.

The block therefore offers more than a flat image-and-paragraph arrangement: it has a main visual region, a supporting text area, one action point, and an overlapping message card. Those boundaries help a developer identify where an optional integration could sit while preserving the reusable section’s about-oriented purpose.

Customize with Nicepage

Open this ready-made template in the HTML Code Generator and customize it visually in the Nicepage editor. Replace demo content, edit page sections, and adapt the design to your project without rebuilding the template from scratch.

Download

Edit Template Offline

1. Download and Install the Nicepage application for Windows and Mac. Or WordPress and Joomla plugins from the download page
2. Create a new page or select existing
3. Click Add new block, search for id 5093978 and click enter

Edit Template Online

Run Online Builder to edit this template on our hosting

Create Awesome Websites

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Free Nicepage Builder

15,000+ Templates

Easy Drag-n-Drop

No Coding

Mobile-Friendly

Keywords

Extend This Page With Custom HTML Code

Insert Code With the HTML Element

Use the HTML Element to add custom code directly to a Block in the Nicepage editor. Enter the required markup in the Code field when the page needs content or functionality that is not available through the standard page elements.

Place the HTML Element in the Layout

Treat the HTML Element as part of the visual page composition. Adjust its position, width, height, alignment, and margins to place the custom content where it belongs alongside text, images, buttons, and other elements. This makes it possible to combine visually edited sections with project-specific code without separating the custom element from the rest of the layout.

Add HTML, CSS, JavaScript, and External Components

The HTML Element supports HTML, CSS, and JavaScript, allowing you to extend the page with custom markup and interactive functionality. It can also be used to embed custom code and third-party components, such as social feeds, advertising code, widgets, or other external functionality required by the project.

This workflow makes the template useful for projects that need a visual page editor together with custom HTML code, JavaScript, embedded components, and functionality beyond the standard page elements.