Build a Website with No Code x AI

Click "**Create Website**"

Once you've signed up, you'll be invited to choose a starting point (template) for your website.\ \ You're welcome to create any type of website you like for this lesson, but if you'd like to follow along with this specific example, select "**Personal**" and click the "**Personal Website Template**".

Once the template has opened, click "**Create website from this template**"

This is where you can start to experience Unicorn Platform's AI functionality.\ \ Click the "**AI generated content**" option.\ \ You're going to create a website using this template, while generating the structure and copy on the site using AI.

Describe the website you want to build in the text field. \ \ If you're following along with this example, perhaps you could start to create a personal portfolio website for your #100DaysofAI or #100DaysofNoCode journey?\ \ Add some details about what the website will feature so that the AI can create a suitable website structure.\ \ Click "**Generate**"

You'll see Unicorn Platform start to build out your website and copy. \ \ When it's finished, click "**Save changes**"

Now it's time to get familiar with Unicorn Platform's 'components'. This is where you can edit the individual elements that make up a section of a page.\ \ Click "**Edit component**" on the first section of your homepage (shown below).

Let's edit the homepage title.\ \ Make sure you're inside the "Content" tab and edit the title text. \ \ It doesn't matter what you change it to, this is just to get familiar with how Unicorn Platform works.

Once you've changed the title text, click "**Save changes**"

Next, you'll delete an element from the page that isn't useful. \ \ In this example, we don't need the "Start Here" button, and so we'll remove it.\ \ Click "**Edit component**"

Locate the item you want to delete within the sidebar menu, and click the 'x' on the right-hand side of the item.

Click "**Save changes**" (you'll see the "Start Here" button has been removed).

Next we'll replace the stock photo with our own photo. \ \ Click "**Edit component**"

Click the trash icon to delete the existing photo.

Click "**Delete**"

Click "**Choose a file**" and follow the instructions to insert a photo or video. \ \ In this example you'll upload a local file.

Click "**Choose a local file**"

Once your image has loaded, select the 4:7 format (to best fit the template style).

Reposition the frame over the part of your photo that you'd like to include.