Build a Professional Portfolio Website with Hostinger Horizons

Full Portfolio Generation Prompt

Content Modification Prompt

Add New Elements Prompt

Building a Portfolio Website with Hostinger Horizons AI

1. Access the Hostinger Horizons platform in your web browser.
2. Enter a descriptive prompt in the provided chat box explaining the type of portfolio you want to create.
3. Watch the right panel as the AI generates the code for your site in real-time.
4. Wait for the generation process to complete (roughly 30 seconds) until the website’s visual layout fully appears.
5. Review the auto-generated components: Headline, 'About Me' section, 'Services' list, work samples grid, 'Client Reviews', and the 'Contact Form' at the bottom.
6. Click the phone icon to view 'Responsive' mode to ensure the layout automatically adjusts for mobile devices.

Editing and Live Publishing Process

1. Identify the elements you want to modify, then navigate to the chat panel on the left side of the screen.
2. Enter specific commands like 'Change the headline' to update text automatically without manual editing.
3. Provide instructions for new elements, such as 'Add a pricing table', and wait a few seconds for the AI to generate that section.
4. Click the 'Publish' button in the top right corner once you are satisfied with the design.
5. Copy the 'Live URL' provided by Horizons to share your portfolio with potential clients.
6. For any future changes, return to the chat panel, provide your edit instructions, and click 'Publish' again to update the site instantly.