BananaMaster

2 Product Ad Website — AI

If you forgot something, click to go to the lesson

📘 Task: Build a Product Ad Website

Use the AI assistant to complete each task. Complete tasks in order — first create the site, then add modifications and functionality.

🚀

Task 1 — Generate a Product Landing Page

  • Ask AI to generate a single-page ad site for any product
  • The site must include: product name, description, photo, and a "Buy" button
  • Photos are taken from the link — attached below
  • This is the main task — complete it first
✏️

Task 2 — Edit Text (from the client)

  • Find any advertising text on the page
  • Change it to something different — for example, replace the slogan or description
💰

Task 3 — Edit Price (from the client)

  • Find the product price block
  • Change the price to a different value
  • The new price should appear on the page
🛒

Task 4 — Responsive Design for Different Devices

  • Open the site on a desktop — the content should look good on a wide screen
  • Ask AI to add mobile responsiveness
  • Check via DevTools (F12 → phone icon) how the site looks on different screens
📌 Important:
First generate the site — then add modifications and functionality.
Check each task in the browser before moving to the next one.

Download IMG