Skip to Content

BGA Blocks

This is page is a showcase of each custom BowerGroupAsia block and instructions on how to use them.

Background Container

This block is simply a container for other blocks. It allows you to pick an image for a background, and a color to overlay on top. If you just want a solid color background, ignore the image field and ensure the colors opacity is at 100%.

This example shows an image with a dark green overlay and some text blocks inside the container. The inner padding is provided by a Spacer block.

A woman walking down a busy street taken from the back.

This Content is Within a Background Container Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

This Content is Also Within a Background Container Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis

Call to Action

Button

The button block has three settings. First, select the link, entering a URL, the button text, and whether to open in a new window.

Next choose your style. Each main theme color is available as a standard button, outlined button, or text with arrow.

Finally, you can choose to center the button.

The default is one button per row as shown here.

Green Blue Outline Magenta Centered

Button Group

To display multiple buttons inline, wrap them in a Button Group block. You can also set the group to be centered.

Case Study Header

The Case Study Header is only available on the Case Studies single posts so it cannot be shown here. You can select a background color and choose to use light or dark text. It comes populated with a heading, text, breadcrumbs, and a tag to display the Case Study Industry.

Case Study Industry

This is also only available on the Case Studies single posts. It will display a link to the case studies Industry taxonomy archive.

Contained Content

This block will keep the content contained in a centered column. You can give it a background color and select white or dark text. If there is a background color selected, top and bottom padding will be added.

This Text is Within a Contained Content Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan, diam ornare molestie feugiat, lectus diam hendrerit magna, sit amet malesuada purus velit eget ipsum. Morbi sit amet mauris eget justo pulvinar cursus. Phasellus et turpis nec odio ultricies aliquam. Mauris nec libero arcu. Nam felis mi, tempus nec mollis non, ullamcorper ac leo. Etiam eu orci elit. Quisque non consequat metus. Cras placerat sapien ut augue.

Note the Padding Added Due to the Background Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan, diam ornare molestie feugiat, lectus diam hendrerit magna, sit amet malesuada purus velit eget ipsum. Morbi sit amet mauris eget justo pulvinar cursus. Phasellus et turpis nec odio ultricies aliquam. Mauris nec libero arcu. Nam felis mi, tempus nec mollis non, ullamcorper ac leo. Etiam eu orci elit. Quisque non consequat metus. Cras placerat sapien ut augue.

Call to Action

Featured Case Study

This block will showcase a Featured Case Study. By default it will show the Case Study post title and excerpt, but you can optionally add your own title and text if you wish.

Each block will always have a side image, a top section with heading and text, and a bottom section with a call to action to read the Featured Case Study.

You can select a random post or choose a specific link. You can also give each half it’s own background color. By default, there is no top padding on the top half. If using a colored background, add a Space block above the title.

For best display, you’ll want to use a landscape orientated image.

Image Content Columns

This block doubles as a common theme Page Header which can be found in the BGA Patterns section of the post editor.

You can select up to three images, choose which side is text, give the content area a background color, and even choose how wide you’d like the image.

This is a Heading for the Content Area.

Nulla congue nisi at efficitur molestie. Duis arcu sem, efficitur ac ante eget, mattis viverra ligula. Praesent a tellus ac ex vulputate posuere. Suspendisse molestie elit non leo rhoncus efficitur. Mauris convallis, leo sit amet aliquet elementum, erat eros egestas mi, a fermentum nulla urna sit amet metus. 

Go Somewhere
A street vendor selling pineapples

This is a Heading

Nulla congue nisi at efficitur molestie. Duis arcu sem, efficitur ac ante eget, mattis viverra ligula. Praesent a tellus ac ex vulputate posuere.

Go Somewhere
A street vendor selling pineapples
A woman walking down a busy street taken from the back.
HomeTemplate – BGA Blocks

About BowerGroupAsia

This is a Page Header Block Pattern Version of the Image Content Columns Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

A woman walking down a busy street taken from the back.
A woman walking down a busy street taken from the back.
A street vendor selling pineapples

Industries List

This will display a list of all child pages of the main Solutions > Industries page. There are no settings for this block.

Industries of Focus

Leadership Header

A page header designed specifically for the Leadership page. It will come populated with breadcrumbs, a top title, heading, paragraph, and CTA button. You will have to select the featured Team Member.

HomeTemplate – BGA Blocks

Our Leadership

A Page Header Designed for the Leadership Page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

Call to Action

Leadership Grid

This will show a gallery of all Team Members tagged as leadership. You can choose to exclude a Team Member as well, so that you aren’t repeating the person featured in the Leadership Header.

Ernest Bower

Ernest Z. Bower

President & CEO

United States

Alexian Wines

Alexian Wines

Chief Operating Officer

Operations

United States

Template Bga Blocks

Ryan Sickles

Ryan Sickles

Chief Strategy Officer

United States

Fergus Hanson

Fergus Hanson

Managing Director

Australia

Amb. M. Humayun Kabir

Amb. M. Humayun Kabir

Senior Advisor

Bangladesh

Sujeev Shakya

Sujeev Shakya

Senior Advisor

Bhutan

Nepal

Fauziah Talib

Fauziah Talib

Senior Advisor

Brunei

Bora Chhay

Bora Chhay

Managing Director

Cambodia

Haiying Yuan

Haiying Yuan

Senior Advisor

China

Amb. Winston Thompson

Amb. Winston Thompson

Senior Advisor

Fiji

Amb. Ian Kemish

Amb. Ian Kemish

Senior Advisor

Australia

Fiji

Papua New Guinea

Timor Leste

Amb. Clifford A. Hart, Jr.

Amb. Clifford A. Hart, Jr.

Senior Advisor

China

Hong Kong

Ratan Shrivastava

Ratan Shrivastava

Managing Director

India

Douglas E. Ramage

Douglas E. Ramage

Managing Director

Indonesia

Kiyoaki Aburaki

Kiyoaki Aburaki

Managing Director

Japan

Toshiki Yazawa

Toshiki Yazawa

Deputy Managing Director

Japan

B.J. Kim, PhD

B.J. Kim, PhD

Managing Director

Korea

Keovisouk Dalasane

Keovisouk Dalasane

Senior Advisor

Laos

Hazree Mohd Turee

Hazree Mohd Turee

Managing Director

Malaysia

Tan Sri Ghazzali bin Khalid

Tan Sri Ghazzali bin Khalid

Senior Advisor

Malaysia

Asrul Hadi Abdullah Sani

Asrul Hadi Abdullah Sani

Deputy Managing Director

Malaysia

Aniq Zafar

Aniq Zafar

Senior Advisor

Pakistan

Victor Andres Manhit

Victor Andres Manhit

Managing Director

Philippines

Nydia Ngiow

Nydia Ngiow

Managing Director

Singapore

Rupert Hammond-Chambers

Rupert Hammond-Chambers

Managing Director

Defense

Taiwan

Teerasak Siripant

Teerasak Siripant

Managing Director

Thailand

Puchanee Suksamiti

Puchanee Suksamiti

Senior Advisor

Thailand

Unchana Withayathamthat

Unchana Withayathamthat

Senior Advisor

Thailand

Nguyen Viet Ha

Nguyen Viet Ha

Managing Director

Vietnam

James Carouso

James Carouso

Senior Advisor

United States

Australia

COL (ret) Desmond Walton

COL (ret) Desmond Walton

Senior Advisor

Defense

United States

Template Bga Blocks

Nur Asfhalela binte Abdul Hamid

Nur Asfhalela binte Abdul Hamid

Head of Finance and Human Resources

Operations

Singapore

Kate Rustici

Kate Rustici

Head of Talent & Training

United States

Template Bga Blocks

Operations

Murray Hiebert

Murray Hiebert

Head of Research

Brunei

Laos

United States

Template Bga Blocks

Cambodia

Mongolia

Myanmar

New Zealand

Papua New Guinea

Timor Leste

Prashanth Parameswaran

Deputy Head of Research

United States

Template Bga Blocks

Dr. Zaw Oo

Dr. Zaw Oo

Managing Director

Myanmar

Md. Nurul Islam

Chairman

Bangladesh

Locations Directory

This will show two tabs, one for Locations by Country and one for by Region. There are no settings for this block.

Locations Directory Grid

This block is currently used only the Contact Us page but could be used anywhere. There is no content or settings to add to this block.

Australia flag

Australia

Fergus Hanson Managing Director

Bhutan flag

Bhutan

Sujeev Shakya Senior Advisor

Brunei flag

Brunei

Fauziah Talib Senior Advisor

Cambodia flag

Cambodia

Bora Chhay Managing Director

t. +855.12602168

China flag

China

Ryan Sickles Vice-President

t. +1.202.288.8784

Fiji flag

Fiji

Amb. Winston Thompson Senior Advisor

Hong Kong flag

Hong Kong

Chi-Jia Tschang Senior Director, Client Services

India flag

India

Ratan Shrivastava Managing Director

t. +91.124.668.8101

Indonesia flag

Indonesia

Douglas E. Ramage Managing Director

t. +62.21.515.1915

Japan flag

Japan

Kiyoaki Aburaki Managing Director

t. +81.3.6205.3677

South Korea flag

Korea

B.J. Kim, PhD Managing Director

Laos flag

Laos

Keovisouk Dalasane Senior Advisor

Malaysia flag

Malaysia

Hazree Mohd Turee Managing Director

t. +603.2700.1582/3

Mongolia flag

Mongolia

Amarsanaa Adiya Director

Myanmar flag

Myanmar

Dr. Zaw Oo Managing Director

t. +95.1.934.5065 – Ext. 1124

Nepal flag

Nepal

Sujeev Shakya Senior Advisor

New Zealand flag

New Zealand

Murray Hiebert Head of Research

Pakistan flag

Pakistan

Aniq Zafar Senior Advisor

Papa New Guinea flag

Papua New Guinea

Amb. Ian Kemish Senior Advisor

Philippines flag

Philippines

Victor Andres Manhit Managing Director

t. +63.09178534322<br/>+63.892.1751

Singapore flag

Singapore

Nydia Ngiow Managing Director

t. +65.9733.1447

Sri Lanka flag

Sri Lanka

Chullanté Jayasuriya Senior Advisor

t. +071.5999.859

Taiwan flag

Taiwan

Rupert Hammond-Chambers Managing Director

t. +1.202.445.4777

Thailand flag

Thailand

Teerasak Siripant Managing Director

Timor-Leste flag

Timor-Leste

Murray Hiebert Head of Research

United States flag

United States

Ryan Sickles Vice President

t. +202.288.8784

Vietnam flag

Vietnam

Nguyen Viet Ha Managing Director

t. +844.36332033

Map and Content

This block is pre populated with the image below, but you could add your own if you choose. By default, the heading is slightly larger than most H2’s and set to green, though you can set a different color in the editor.

Where We Work

Add your own text here.

A colorful map of southeast Asia and Australia with map marker pins reprenting our offices.

Page Header

If used, this block should be first on your page. It provides a full image background, and you can add a title, text, breadcrumbs, and buttons. By default, the content will be in the lower left, but you can also set it to center. Breadcrumbs are also included by default, you can delete them in the editor if they are undesired.

Rainbow Bar

The rainbow bar is simply a 10px high decorative divider. It can be set to full width (default), wide width, or center width.

Recent Items

The Recent Items block will show three Insights & News posts based on your selected category. The heading is generated dynamically based on your selection, and you can also add optional text if you like.

This is one of the only blocks to have padding added by default, but you can choose to remove the section padding if you like. You can also remove the header entirely. Finally, a background color can be given to this block as well.

If you select the option, “Sticky Article”, it will show just one item, the News Item you’ve tagged as “sticky” that is your featured article. The example below is for the category “Reports”

Featured Reports

Services Cards

This will display a list of all child pages of the main Solutions > Services page. There are no settings for this block.

Areas of Expertise

Simple Call to Action

The Simple CTA block provides only a few options. You can set a background color, change text alignment between left or center, and add up to two links. Links will always appear as white outline buttons, so light colored backgrounds are not recommended.

Slide Carousel

This block is designed for the homepage header, so it will always be 100% of the viewport height. It could be used elsewhere if desired but there are currently no options to reduce height so the sites navbar will always sit on top.

Slides can be images or video, and it will include a bottom navigation area.

Solutions Overview

There are just a couple of setting for this block. First, you’ll want to add a short blurb for the heading text and a call to action. Then, you’ll need to add an image and provide for the small textarea underneath. The title is just a standard Heading block so you can set a different color for it if you like.

Create Your Own Solutions Title

A short area for header text. Call to Action

A street vendor selling pineapples

Another short text area is provided here. Call to Action

Space

The majority of the custom BowerGroupGroup blocks contain no top and bottom padding. This is to allow for their use in any situation without causing unwanted gaps if you want elements closer or farther apart.

WordPress has a native Spacer block that you will use much more often than this. However, it is not responsive so this block is an alternative should you need to adjust spacings for different browser sizes.

This block only uses REM units which is equal to 16px in most browsers. There are six sizes to add when using this block, so for example, if you want a lot space between elements on a desktop computer, but little or no space between those same elements on a mobile device you could set the first three sizes (xs, sm, md) to 0, 1, and 2 respectively, and the next three (lg, xl, xxl) to 6.

Squares

The Squares block has a few options, the biggest being that it can be used a slider. If using more than four slides you’ll likely want to enable that option, but squares will wrap onto a new row otherwise. Slider’s will look best with the Squares block set to full width alignment.

You can also give the titles a color which will add a little decorative divider, and you can also offset each square. When using offset squares in a slider, it’s recommended to use an even number of slides. Otherwise as the slides loop back around there will be a funky little layout shift.

This the First Square Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

This Square Has a Call To Action

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris.

Call to Action
A Third Square

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

The Last Square

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non.

Squares in a Background Container

This the First Square

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

This Square Has a Call To Action

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris.

Call to Action
A Third Square

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

The Fourth Square

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non.

A Fifth Slide

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non.

A Sixth Slide

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non.

Stat Counter

The Stat Counter can accept up to four stats. You can choose a color, and for each stat you can choose to prepend a plus sign or add a Call to Action.

You are also given an option for “Large” or “Small” stats. Using the small option will stack the stats and allow the block to fit on a row with additional content. Use the “Content and Stats” Block Pattern when you want to use this option.

1234

A Stat Title

+5678

A Second Stat Title

3456

A Third Stat

This is Content and Stats Block Pattern

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

1234

this is a statistic

+150

this is also a statistic

4321

this is a third statistic

Team Directory

The Team Directory will show a complete list of all Team Members filterable by name or location. There are no settings for this block. It’s also very long so will not be shown here.

Testimonial

The basic Testimonial block doesn’t have any options.

an open quote mark
What differentiates BGA is the quality, breadth and depth of our country-based experts who skillfully advise clients on 28 markets across the region. Our sole focus and center of gravity is Asia, and our services span from high-level strategic guidance to granular in-country support.
Ernie Bower BGA President & CEO

Testimonial with Content

This block is similar to the Stat Counter Block Pattern, it’s designed for a testimonial to be featured on the same row as additional content.

You can choose if you want the content on the left or right side, and you can also spruce up your testimonial by changing its style to one with an image. The testimonial background and text colors can be set with this option.

This is a Right Sided Content Area

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

an open quote mark
What differentiates BGA is the quality, breadth and depth of our country-based experts who skillfully advise clients on 28 markets across the region. Our sole focus and center of gravity is Asia, and our services span from high-level strategic guidance to granular in-country support.
Ernie Bower BGA President & CEO

This is a Left Sided Content Area with Image Testimonial

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu pellentesque odio. Vestibulum et libero eu odio tempor mattis nec sit amet mauris. Sed mauris ipsum, maximus non augue et, rhoncus bibendum felis.

an open quote mark Ernie Bower BGA President & CEO
What differentiates BGA is the quality, breadth and depth of our country-based experts who skillfully advise clients on 28 markets across the region. Our sole focus and center of gravity is Asia, and our services span from high-level strategic guidance to granular in-country support.

Testimonial Slider

There are no options for this block, you simply add slides picking the testimonial and accompanying image.

an open quote mark
What differentiates BGA is the quality, breadth and depth of our country-based experts who skillfully advise clients on 28 markets across the region. Our sole focus and center of gravity is Asia, and our services span from high-level strategic guidance to granular in-country support.
Ernie Bower BGA President & CEO
an open quote mark
What differentiates BGA is the quality, breadth and depth of our country-based experts who skillfully advise clients on 28 markets across the region. Our sole focus and center of gravity is Asia, and our services span from high-level strategic guidance to granular in-country support.
Ernie Bower BGA President & CEO

This is a Top Title

Top Title

The Top Title block is a small piece of text designed to be placed above headings. You can control it’s color, font weight, and alignment.

Top Title Navigation

This block will search the page for all Top Titles and create a navigation menu for them to link within the page. Contextually, it should probably only be used at the top of the page beneath a Page Header block.

It will grab the full text of the title, so when using this, it’s recommended to use short and to the point titles (“Our Work”, “About Us”, etc).