The base layout refers to the ‘outer framework' of the page. The base layout defines the basic design / layout of the site. The different baselayouts (A, B, C etc.) are defined by different combinations of the basic building blocks e.g. header, footer etc. In this chapter you will learn tips on how to work easily with each base layouts.

Base layout A

The classic mono 'layer design' with a top menu and a jumbotron module at the top of the page. Base layout A is a super easy template to work with.

Read more

Base layout B

B layout designs have a tall top image above the navigation bar (which can be universal sitewide or vary from page to page). The choice of image becomes an essential factor in the overall look and feel.

Read more

Base layout C

C base layouts are characterized by the content area being 'framed in' on both sides. This detail gives a dramatically different design than the A or B base layouts.

Read more

Base layout D

Base layout D designs are completely framed. The header may be defined in this type of base layout.

Read more

Base layout E

Vertical lines frame base layout E on both the left and right side of the content area. The header and footer are part of the background design.

Read more

Base layout F

F base layout designs are based on horizontal borders and transparent full-width modules which add an elegant effect to background images or patterns.

Read more