Two opinions Website Mockup

This testimonial block uses a three-column row to place two customer statements on opposite sides of one centered portrait. The visible names are Celia Almeda and Nat Reynolds, with the left quote addressing online booking and customer control of cleaning services and the right quote discussing expansion across the UK and more than 50 territories. The portrait is monochrome and positioned on a white background, while the names use small uppercase lettering above light gray copy. Left and right text alignment create a symmetrical visual framework around the central image. Interaction is static.
ID : 948889   |   Category : Art & Design, Testimonials

A centered portrait balances two changing text columns

The strongest mockup review point is the relationship between the centered monochrome portrait and the two outer testimonial columns. On a wide screen, the image acts as a visual hinge between the left statement about online booking and customer control of cleaning services and the right statement about expanding across the UK and more than 50 territories. Because the three columns have equal widths, the portrait and text panels share a measured horizontal rhythm rather than allowing one quote to dominate the row.

The opposing alignment also deserves attention during responsive evaluation. The left testimonial is left-aligned and the right testimonial is right-aligned, so changes in available width may affect line wrapping, the apparent distance from the portrait, and the balance between the two sample voices. Small uppercase names and light gray copy are deliberately restrained; their legibility should be checked if the columns become narrower or stack vertically. The white background provides little visual separation beyond spacing, making consistent gaps and image scale important to the section's clarity.

In a website mockup, this block can be reviewed as a static proof section within a broader page presentation. The key question is whether the two quotes, visible names, and single portrait remain easy to compare as the layout adapts, not whether the section supplies the surrounding page structure.

Customize with Nicepage

Open this ready-made template in the Website Mockup Builder 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.

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 948889 and click enter

Edit Template Online

Run Online Builder to edit this template on our hosting

Create Awesome Websites

WordPress Plugin WordPress
Windows Application Windows App
Joomla Plugin Joomla
Mac OS Application Mac OS App
HTML5 HTML5
Online Builder Online

Free Nicepage Builder

15,000+ Templates
Easy Drag-n-Drop
No Coding
Mobile-Friendly

Keywords


Preview and Refine This Website Mockup

Review the Design Across Devices

Use Responsive Modes to see how the website design appears on Large Screens, Desktops, Laptops, Tablets, and Phones. Switch between the available views to compare the same layout at different screen widths and review how typography, images, spacing, navigation, and other content adapt to each device.

Adapt the Mockup for Different Screens

Nicepage provides responsive web design tools for adjusting individual device views when the initial layout needs refinement. You can customize Mobile Views separately, change element sizes and positions, adapt Grids, Lists, and Galleries, and hide selected Elements or Blocks on particular screen sizes. This makes it possible to develop a responsive website mockup instead of evaluating the design at only one fixed desktop size.

Preview the Website Without Editing Controls

Use Live Page / Preview to review the design with the editing interface removed from view. Instant Preview can hide the Page Navigator, Property Panel, selections, and frames, making it easier to evaluate the overall presentation, content hierarchy, and responsive layout as a visitor would see them.

This workflow makes the template useful as a responsive website mockup for visualizing, comparing, and refining how the same website design will appear across different screen sizes.

Website design preview in different responsive modes in the Nicepage editor

More from Art & Design Website Mockups