Learning Timeline
Key Insights
Advantages of an AI-First Workflow
Unlike traditional page builders that require hours of dragging and dropping element blocks, Horizons allows you to build and modify an entire website structure simply through a chat conversation in less than a minute.
Quick Update Tips
Every time you click the 'Publish' button after making changes via the AI chat, your live website is updated instantly without the need for a complex deployment process.
Prompts
Full Portfolio Generation Prompt
Target:
Hostinger Horizons AI
Create a professional portfolio website with a big headline, an introduction section, an 'About Me' section, a list of services, a grid showing off work samples, client reviews, and a contact form at the bottom. The design should be clean and professional.
Content Modification Prompt
Target:
Hostinger Horizons AI
Change the headline to something more catchy for a freelance designer.
Add New Elements Prompt
Target:
Hostinger Horizons AI
Add a pricing table with three different tiers.
Step by Step
Building a Portfolio Website with Hostinger Horizons AI
- Access the Hostinger Horizons platform in your web browser.
- Enter a descriptive prompt in the provided chat box explaining the type of portfolio you want to create.
- Watch the right panel as the AI generates the code for your site in real-time.
- Wait for the generation process to complete (roughly 30 seconds) until the website’s visual layout fully appears.
- Review the auto-generated components: Headline, 'About Me' section, 'Services' list, work samples grid, 'Client Reviews', and the 'Contact Form' at the bottom.
- Click the phone icon to view 'Responsive' mode to ensure the layout automatically adjusts for mobile devices.
Editing and Live Publishing Process
- Identify the elements you want to modify, then navigate to the chat panel on the left side of the screen.
- Enter specific commands like 'Change the headline' to update text automatically without manual editing.
- Provide instructions for new elements, such as 'Add a pricing table', and wait a few seconds for the AI to generate that section.
- Click the 'Publish' button in the top right corner once you are satisfied with the design.
- Copy the 'Live URL' provided by Horizons to share your portfolio with potential clients.
- For any future changes, return to the chat panel, provide your edit instructions, and click 'Publish' again to update the site instantly.
