— ULTIMATE FLEXIBILITY —
At the foundation of the V5 platform is an extremely flexible grid system based on three fundamentals including rows, columns and modules. A page may contain as many horizontal rows (placed on top of each other) as you like and each row can contain up to 12 vertical columns. Modules (content) can then be placed freely inside columns. These fundamental elements can be compiled in infinite combinations, giving the ultimate flexibility to accommodate any page layout imaginable. Furthermore, rows and columns can be styled individually for boundless design options.
ROWS, COLUMNS AND MODULES
Rows are horizontal containers spanning the width of the site's content area (fixed setting) or the entire screen area (fluid setting). Rows can be styled individually so that each row may look unique in terms of design.
Columns are vertical containers that are nested inside a row. The width of each individual column can be easily adjusted by simply dragging it from side to side (use the dotted line that surrounds the column when you hover your mouse over it). A column can be split multiple times (up to 12) and modules and content can then be added to each column.
The illustration shows how combining 'fluid' and 'fixed' behavior for rows can achieve a dynamic page design.
1. The top row containing the menu has a fluid setting and therefore spans the entire browser window
2. The intro text row is set to fixed
3. The image row is fixed
4. The row containing 4 columns with texts are set to be 'fluid' and therefore span the entire width of the browser window
WATCH THE VIDEO ABOUT ROWS, COLUMNS AND MODULES
THE DESIGN SYSTEM
STYLING IN V5
Styling options are endless and can be done at a side-wide level (Global) or on individual pages or elements (local). Define all elements without custom CSS.
MODULES AND GROUPS
V5 features all the modules needed to build a professional site and allows you to group common module combinations to make site building easy.
Unlike other site builders, V5 creates responsive websites based on one HTML code while still allowing you to customize the user experience by viewport.