Build a Home Page
The home page is the hub of the website and should provide a path, through which all other pages are accessed. A page consists of "objects" and can "include" items from the "content" section.
This home page will consist of 3 main elements: some introductory text; an image; and a box menu.
Click the "pages" button. This section holds all the pages used by the website. Now then open the "home" item.
The editor is on the left and preview pane on the right.
1) Introduction Add a "section" with a "heading":
[Section||padding:5%;]
[Heading, Introduction]
[nl]
Introduction to the website and what you can expect to find here.
[SectionEnd]
Introduction
Introduction to the website and what you can expect to find here.
Click "Save" and reload your website:
https://yourdomain.com/?home
Introduction
Introduction to the website and what you can expect to find here.
2) Adding an imageClick the "images" button and open the "various" folder.
Drag-and-drop the image to be included on the home page.
Add the "image" tag to the page, using the name of the image you've just dropped:
[Section|| padding:5%;]
[Heading, Introduction]
[nl]
Introduction to the website and what you can expect to find here.
[nl][nl]
[image, image.jpg]
[SectionEnd]
Introduction
Introduction to the website and what you can expect to find here.

3) Create the box menuA box menu allows quick and easy access to the main pages of the website especially when viewed on a mobile platform.
Click the "images" button and open the "various" folder.
Drag-and-drop the images to used for the menu (500 x 500 pixels max).
This time we will create the "boxmenu" as an "item" in the "content" section and "include" it in the home page.
Click the "content" button and then the "+ item" button. Rename it from "new" to "menu" (if it's not already editable, click the item name to edit).
Add the "boxmenu" and "boxmenuitem" tags to the content "menu" item:
[BoxMenu]
[BoxMenuItem]
[Page,travel]
[Image,travel.jpg]
[Heading,Travel]
[BoxMenuItemEnd]
[BoxMenuItem]
[Page,transport]
[Image,transport.jpg]
[Heading,Transport]
[BoxMenuItemEnd]
[BoxMenuItem]
[Page,concerts]
[Image,concerts.jpg]
[Heading,Concerts]
[BoxMenuItemEnd]
[BoxMenuItem]
[Page,contact]
[Image,contact.jpg]
[Heading,Contact]
[BoxMenuItemEnd]
[BoxMenuEnd]
As this menu will be used repeatedly, "include" it at the top of the home page:
[include,menu]
[Section|| padding:5%;]
[Heading, Introduction]
[nl]
Introduction to the website and what you can expect to find here.
[nl][nl]
[image, image.jpg]
[SectionEnd]
Click "Save" and reload your website:
https://yourdomain.com/?home
Introduction
Introduction to the website and what you can expect to find here.

Next, create the pages the menu points to.Creating a Simple Page…See Also
images/variouscontent overview[section][heading][image][boxmenu][boxmenuitem][nl]Notes
[nl] The "nl" tag takes a newline.