Prompt Details

Model

Chat - GPT-4o (gpt-4o)

Token size

122

Example input

[Tool name]: Gleam

Example output

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Giveaway Tool</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f9f9f9; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px; } h1 { text-align: center; color: #333; } .entry-methods { list-style: none; padding: 0; } .entry-methods li { padding: 10px; background-color: #f1f1f1; margin-bottom: 10px; border-radius: 5px; } .entry-methods li button { float: right; background-color: #007bff; color: #fff; border: none; padding: 8px 12px; border-radius: 5px; cursor: pointer; } .entry-methods li button:hover { background-color: #0056b3; } .analytics { margin-top: 30px; } .drag-and-drop-area { border: 2px dashed #ccc; padding: 20px; text-align: center; margin-top: 20px; background-color: #f9f9f9; } .drag-and-drop-area:hover { background-color: #f1f1f1; } </style> </head> <body> <div class="container"> <h1>Launch Your Giveaway</h1> <div class="drag-and-drop-area"> <p>Drag and drop elements to design your landing page here</p> </div> <h2>Entry Methods</h2> <ul class="entry-methods"> <li> Follow on Instagram <button>Add</button> </li> <li> Subscribe to Newsletter <button>Add</button> </li> <li> Share on Facebook <button>Add</button> </li> <li> Referral Link <button>Add</button> </li> </ul> <div class="analytics"> <h2>Campaign Performance</h2> <p><strong>Total Entries:</strong> 1200</p> <p><strong>Email Signups:</strong> 400</p> <p><strong>Social Follows:</strong> 600</p> <p><strong>Referrals:</strong> 200</p> </div> </div> </body> </html>

🤖 GPT