Tip:
Highlight text to annotate it
X
Step 1 : Choose a background for your website.
In this tutorial, we will be using a custom image with black background.
Turn on the "Grid Line Helper" to assist in positioning items.
You may choose anything from image to shape as your background.
Tuning the transperency of your background will allow it to blend in with the website
Step 2 : Create a header.
In this tutorial, we will be adding the name and the logo to the header
Text can be fully customized to suit your design.
Logo can be uploaded using the "Image" function.
As you can see, the logo is blocking the name.
We can overcome this by bringing the name forward and tuning the transperency.
Next, customize the menu bar.
Add shapes or icons to enhance the menu bar.
Step 3 : Create a footer.
In this tutorial, we will be adding a disclaimer in the footer.
"Replicate" everything in the header and footer to all pages. (Including the background if you added it manually)
Step 4 : Develop the body content.
In this tutorial, we will be adding a text and pictures.
Add contrast to the image by using border.
Use the copy and paste function to easily duplicate multiple items.
Photos can be cropped to select desired spot
Step 5 : Set the page height.
Homepage is now completed!
Next, creating the "About Us" page.
Adding a shape overlay on your background will ensure your content is always visible.
Adding a video from YouTube or Vimeo is simple.
Just copy the link from YouTube or Vimeo and paste it in the URL box.
Add a social panel to connect with the social networks
In this tutorial, we will be adding "Facebook Like Box".
Copy the Facebook page link and paste it in the URL box.
Remember to set the page height for individual page.
Lastly, the "Contact Us" page.
Use the copy and paste function to save up time
Image and text can be hyperlinked to redirect.
Setup the contact form so that customers are able to contact you.
Insert the recipient's email address
Click "Publish" to save and publish your website
Click "Website" to preview your website
This is just one of the many ways to design your website. Feel free to explore more!