Individual Structure

Landing Pages

The Layout

The layout forms the basic framework of your landing page. With the wide selection of components, individual navigation, sections, and footers can be created. Keep in mind that a common thread must always be recognizable. 


A Navigation is essential for linking subpages and displaying your logo. In the JUNE Editor, the subpages are easily linked to the navigation menu.


The main part of your landing page should be graced with all your content. Buttons, images, text areas and individual design tools allow you to be creative without limits. 


Finally, the footer lists important sub-pages such as 'Imprint' and 'Contact' as well as icons linked to your social networks. If required, a call-to-actions can also be placed in the footer. 

How to

Create A Navigation

  1. Select 'Navigation Bar' in the components menu and place this component at the head of your landing page.
  2. You can then place the navigation logo in the navigation bar. In the setting menu, you can choose between different sizes and placements for each device.
  3. Now drag and drop the 'Navigation Button Container' into the navigation bar. 
  4. Several 'Navigation Buttons' can now be placed in the navigation button container, which can be easily linked to your subpages in the respective settings. 

How to

Add Grids

  1. Select the component 'Section' and add it to your landing page via drag & drop.
  2. Now select the 'Grid Container'. This forms the basic framework for your grids. Drag the grid container into the section.
  3. Grid items allow you to divide the grid container vertically or horizontally. Drag at least two grid items into a grid container.
  4. Afterwards, the respective grid items can be designed with texts, images, GIFs and different styles.

How to

Build A Footer

  1. Select the component 'Footer' and add this component to the end of your landing page.
  2. With the help of a 'Grid Container' and several 'Grid Items' you can divide the footer into categories such as 'Product', 'Services' and 'Contact'.
  3. Add text as well as icons or linked images to the respective grid items in order to draw attention to your social networks.
  4. Background colors and other styles can be adjusted in the individual settings of the components. 

Next Tutorial

The Content

In the next steps, you will add content such as texts in the JUNE Editor. Get creative with the large selection of Google Fonts and other text styles.