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.
Navigation
A Navigation is essential for linking subpages and displaying your logo. In the JUNE Editor, the subpages are easily linked to the navigation menu.
Section
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.
Footer
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
- Select 'Navigation Bar' in the components menu and place this component at the head of your landing page.
- 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.
- Now drag and drop the 'Navigation Button Container' into the navigation bar.
- 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
- Select the component 'Section' and add it to your landing page via drag & drop.
- Now select the 'Grid Container'. This forms the basic framework for your grids. Drag the grid container into the section.
- Grid items allow you to divide the grid container vertically or horizontally. Drag at least two grid items into a grid container.
- Afterwards, the respective grid items can be designed with texts, images, GIFs and different styles.
How to
Build A Footer
- Select the component 'Footer' and add this component to the end of your landing page.
- With the help of a 'Grid Container' and several 'Grid Items' you can divide the footer into categories such as 'Product', 'Services' and 'Contact'.
- Add text as well as icons or linked images to the respective grid items in order to draw attention to your social networks.
- 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.
