How To Build Beautiful Websites with Gemini AI

It's easy to create simple, free websites with Gemini in Google Workspace! I'll walk you through how to make a website with three examples, including a landing page for a course, a coffee shop menu, and a link in bio page. Then I'll cover how to take your AI web design creations from Gemini to hosting them as live websites. Tools I used in this video: - Gemini: https://gemini.google.com - Static: https://static.app/?fpr=deanstokes - OneCompiler: https://onecompiler.com/html Get a weekly Google Workspace tip - Subscribe for free here: https://workspaceboost.com/subscribe Prompts I used in this video: - "You're an expert web designer. Create a high-converting HTML landing page for an AI course titled 'The Gemini Blueprint'. Include a catchy headline, placeholders for 4 different live sessions, each with 3 bullet points of what you'll learn, a countdown timer to release date, and a simple email signup form." - "You're an expert web designer. Design a menu page in HTML for a coffee shop called 'Dean's Brews'. It should have sections for 'Hot Drinks', 'Cold Drinks', and 'Snacks'. Use a warm, beige and brown colour palette. Include a 'Find Us' footer with a placeholder address and map with a location pin." - "You're an expert web designer. Create a modern, mobile-responsive HTML 'Link in Bio' page for an entrepreneur. Include a round profile picture placeholder at the top, a short bio, and buttons for 'LinkedIn', 'Book a Call', and 'My Newsletter'. Use a modern glassmorphism design style." 00:00 Intro 00:21 Example 1: Create a landing page website 01:31 Example 2: Create a cafe menu website 2:51 Example 3: Create a link in bio page 3:33 Host and set your website live 6:17 Set up a form on your website Some of the links above are affiliate links, where I may earn a small commission if you click through and purchase.