Document Layout Mockup

Proposed two-column layout for Quotes, Sales Orders & Invoices — matching the Zoho format from your screenshot.

⚠️ This is a preview only — no changes have been made to your documents yet.
R

Riser Technologies

Shams Business Center

Sharjah Media City, Al Messaned, Sharjah U.A.E

abhishek@risertechnologies.net

www.risertechnologies.net

PI/Quote

# QT-17

Bill To

Rob & Joe Traders

Box No. 576 Dubai Dubai, Emirates 94588

Ship To

Rob & Joe Traders

Box No. 576 Dubai Dubai, Emirates 94588

PI/Quote Date26 Sep 2026
Expiry Date26 Sep 2026
Reference#SO-17
Sales personRichard James
Project NameDesign project

Subject : Description

Mr. Richard Jones

#Item & DescriptionQtyRateAmount
1Web Design Service1$2,000.00$2,000.00
Sub Total$2,000.00
Tax$100.00
Total (USD)$2,100.00

Riser Technologies, U.A.E || email: contact@risertechnologies.net

1
1

Header: Two-Column

Org details (left) capped at ~48% width. Doc title + number (right) right-aligned at ~48%. Prevents address text from stretching.

2

Customer + Transaction Grid

Strict 2-column grid. Left: Bill To / Ship To with max-width 260px so addresses wrap. Right: transaction details as right-aligned label:value pairs.

3

Footer: Teal Wave Block

Centered org contact text line, then a solid teal wave block with a gentle curve. Page number floats top-right above the wave. Multi-line capable — left/right/center configurable.

✅ If this looks right, tell me to proceed and I'll apply this layout to Quote, Sales Order, and Invoice detail pages.

The actual changes will preserve all existing template config (colors, fonts, toggles, labels) — only the layout structure changes.