Create Your Expert Tips Guide
as a Beautiful HTML Document

// ───────────────────────────────────────────────────────── // EXPERT TIPS GUIDE — HTML DOCUMENT GENERATOR // Fill in everything marked [IN BRACKETS] with your details // ───────────────────────────────────────────────────────── You are an expert copywriter and web designer. I need you to create a complete, beautifully formatted HTML document — a personal expert tips guide — based on the details I provide below. The document must be a single, self-contained HTML file with all CSS embedded in a <style> tag. It must look professional, warm, and polished — like a high-quality digital download or lead magnet that someone would be proud to share. Do not produce a PDF. Do not produce plain text. Produce only a complete HTML file.

---

// ── YOUR DETAILS ────────────────────────────────────────── MY NAME: [Your full name] MY CREDENTIALS / QUALIFICATIONS: [List your qualifications, certifications, or relevant experience — e.g. "Certified Health Coach, NLP Practitioner, 12 years in clinical nutrition"] MY NICHE AND TARGET AUDIENCE: [Describe exactly who you help and what you help them with — be specific about age, gender, situation, or challenge if relevant] THE CORE PROBLEM I SOLVE: [Explain the main struggle your audience faces, why common solutions fail them, and why your approach is different] MY PERSONAL STORY: [Tell your story — what you personally experienced, what your turning point was, what result you achieved, and why it led you to this work. Write in first person and be honest and specific.] MY KEY STRATEGIES / TIPS: [List your 5–8 strategies, steps, or tips below. For each one, give the name and a brief description of what it involves and why it works. The AI will expand each one into a full section.] 1. [Strategy name] — [Brief description] 2. [Strategy name] — [Brief description] 3. [Strategy name] — [Brief description] 4. [Strategy name] — [Brief description] 5. [Strategy name] — [Brief description] 6. [Strategy name] — [Brief description] 7. [Strategy name] — [Brief description] MY GUIDE TITLE: [e.g. "Sarah's 7 Steps to Restful Sleep" or "The Burnout Recovery Blueprint"] MY GUIDE SUBTITLE: [A short description of who it's for — e.g. "A Practical Guide for Women Over 40 Who Are Ready to Feel Like Themselves Again"] MY COLOUR SCHEME PREFERENCE: [e.g. "warm and earthy — cream, gold, deep green" or "clean and calm — white, navy, soft blush" or "bold and energetic — black, coral, white"] MY WEBSITE: [Your website URL] MY EMAIL: [Your email address] MY SOCIAL MEDIA: [List the platforms you're on — e.g. Instagram: @handle, Facebook: page name, TikTok: @handle]

---

// ── DOCUMENT INSTRUCTIONS ───────────────────────────────── Using all of the above, create a complete HTML document that includes the following sections in this order: 1. HERO SECTION A full-width header with my name and guide title in large, elegant typography. Include my subtitle. Use my colour scheme. Style this like a professional magazine cover header. 2. OPENING HOOK BOX A styled highlighted box containing a bold 1–2 sentence statement that captures the core promise of the guide and mentions the number of strategies it contains. 3. EDUCATIONAL INTRODUCTION Write 4–5 paragraphs that explain: — Why this problem exists for my audience — Why the approaches they've tried before don't work — What actually needs to happen for them to get results — A warm, encouraging paragraph that validates their experience Write in a warm, knowledgeable, first-person voice. 4. MY PERSONAL STORY Weave my story into 3–4 paragraphs. Be honest, specific, and emotionally resonant. This should feel like I'm speaking directly to the reader. 5. STRATEGY SECTIONS (one per strategy) For each strategy, create a section that includes: — A numbered section header (e.g. "1. INTERMITTENT FASTING") — An opening paragraph explaining WHY this strategy works, with relevant education on the topic — Practical HOW-TO guidance (use a table, bullet points, or step-by-step instructions as appropriate) — A styled TIP BOX with a key practical insight — Where relevant, include a sample schedule, plan, or example table 6. SUMMARY AND NEXT STEPS A closing section that lists the strategies, reinforces the message, and warmly invites the reader to take the next step (work with me, join my community, or reach out). 7. ABOUT ME SECTION My name, credentials, a short bio drawn from my story and niche details, my website, email, and social media links. Style this like a warm author bio card. 8. SIGN-OFF BOX A final highlighted, styled box with a warm personal closing message signed with my name.

---

// ── DESIGN INSTRUCTIONS ─────────────────────────────────── DESIGN REQUIREMENTS: — Use Google Fonts (import via @import in the style tag). Choose an elegant serif for headings and a clean sans-serif for body text. — Use CSS variables for all colours so the palette is consistent throughout. — Style tables with clean borders, alternating row shading, and a dark header row. — Use styled tip boxes (bordered, lightly shaded, with a label like "TIP"). — Use styled highlight boxes for the opening hook and sign-off (left border accent, soft background). — Number each strategy section clearly with a large styled number or label. — Ensure all text is readable with good contrast — no light grey text on white backgrounds. — Make the layout clean and spacious with good padding and margins. — The document should look beautiful when opened in a browser and when printed. — Do NOT use any external images. Use CSS backgrounds, gradients, or decorative typography instead. — The entire document must be one self-contained HTML file. All CSS must be in the <style> tag. OUTPUT: Return only the complete HTML file. No explanation, no preamble, no markdown code fences. Just the raw HTML starting with <!DOCTYPE html>.