Build a Website with No Code x AI | Scribe

    Build a Website with No Code x AI

    • Scott Colenutt |
    • 39 steps |
    • 7 minutes
    1
    Navigate to [Unicorn Platform](https://unicornplatform.com/?utm_source=100school&utm_medium=partner&utm_campaign=q3)
    2
    Click "**Create Website**"
    3
    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**".
    4
    Once the template has opened, click "**Create website from this template**"
    5
    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.
    6
    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**"
    7
    You'll see Unicorn Platform start to build out your website and copy. \ \ When it's finished, click "**Save changes**"
    8
    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).
    9
    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.
    10
    Once you've changed the title text, click "**Save changes**"
    11
    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**"
    12
    Locate the item you want to delete within the sidebar menu, and click the 'x' on the right-hand side of the item.
    13
    Click "**Save changes**" (you'll see the "Start Here" button has been removed).
    14
    Next we'll replace the stock photo with our own photo. \ \ Click "**Edit component**"
    15
    Click the trash icon to delete the existing photo.
    16
    Click "**Delete**"
    17
    Click "**Choose a file**" and follow the instructions to insert a photo or video. \ \ In this example you'll upload a local file.
    18
    Click "**Choose a local file**"
    19
    Once your image has loaded, select the 4:7 format (to best fit the template style).
    20
    Reposition the frame over the part of your photo that you'd like to include.