Navigate to [Unicorn Platform](https://unicornplatform.com/?utm_source=100school&utm_medium=partner&utm_campaign=q3)

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. 

Title text
Enter the title:
Subtitle text
Enter the text below title:
Normal
Join me as I learn no code skills and principles for a minimum of 30 minutes a day for 100 days.
Call to action buttons
Edit the buttons:
Buttons
Form
Button style
Start Here
Open in a new tab
Add button
Info:
	
Image
Upload an image:
View
ALT:
	
URL:
	
Image
Video
HTML

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 "**Choose a file**" and follow the instructions to insert a photo or video. \
\
In this example you'll upload 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.

When the frame is in position, click "**Done**"

Did you notice in the top navigation there was a call to action button to "Join the Challenge"? We don't need that for our personal portfolio and so that's an item we'll also remove.\
\
Select the top navigation and click "**Edit navigation**"

Locate the "Join the Challenge" button and **delete** it by clicking the '**x**' to the right of the item.

Our website is starting to come together. We now have a suitable navigation structure, our photo and some introductory text added. \
\
Now you'll learn how to use Unicorn Platform's AI.\
\
Select the component you want to edit and click "**Ask AI**"

In this example, we'll slightly extend the introductory text by selecting the "**Make longer**" option.\
\
Feel free to experiment here with any option that's suitable for your site.

The copy in this section has now been updated by the AI!\
\
Click "**Save changes**" when you're happy with your copy.

Finally, let's tweak the style settings slightly, just so you know where they are.\
\
Select the component you want to edit and click "**Edit component**"

Click the "**Style**" tab in the right-hand menu.

Change the background colour or image of your portfolio to anything you like.

Now you've got to grips with editing components, spend as much time as you'd like tweaking the homepage and rest of your website.

To share your website, click "**Settings**"

Click the "**page url**" field and enter something like: \[your name\]-100-day-portfolio

Click this button to save your page URL.\
\
Note: If you'd like to put your website on a custom domain, this option is located in the left-hand menu (highlighted below).

**Now copy the URL from your browser window and share it with the #100DaysofNoCode or #100DaysofAI community as part of today's check-in.**\
\
If you have extra time today, feel free to continue building out the rest of your website. \
\
Don't worry if you don't have time, though. There will be plenty of opportunities to continue to add to your portfolio as you work through the challenge.\
\
Great work today 😎

Unicornplatform

Day 2 of 100DaysofNoCode
Day 4 of 100DaysofAI

Build a Website with No Code x AI