What do you want to create?
A single-column header layout with the option to include images and videos.
A single-column header layout with a background image.
A single-column header layout with a background video.
A two-column header layout with an image or video.
The simplest layout. Just a single column of content, left to right across the screen.
Text in one column and an image or video in the other. A widely-used layout.
Three side-by-side columns of content. Can include images and icons.
Four side-by-side columns of content. Can include images and icons.
A basic form with Name, Email and Message fields. Add a FormID from Formspree or similar.
A single-column footer with various navigation links and social media contact points.
Files you need to download
You will need to download the following four files:
The custom.css stylesheet you will use to amend your web page design according to your requirements.
The index.html 'getting started' web page, which has links to the above CSS and JS files.
How to use the Lunevedy UI builder
For each website project you want to build:
- Create a new project folder and download the 'getting started' index.html web page to it.
- Create two sub-folders, named 📁 assets/css and 📁 assets/js, inside your project folder.
Choose the web layout you want to create from the options above, and then use the app's menu options to style your web page.
At the bottom-right of the Lunevedy app screen, you can see two buttons:
- HTML: Use this to copy-and-paste the HTML content into your index.html web page.
- CSS: Use this to copy-and-paste the CSS styles into your custom.css stylesheet. This CSS button is enabled only if you have added your own CSS styles.
The placeholder assets
The Lunevedy app links to several placeholder images and video files to help you design your web layouts.
When creating your website projects, replace these assets with your own images and videos.
That's it. Happy web designing!