TEMPLATES AND PROMPTS

IF I WANT TO CHANGE THIS CODE TO A NEW PRODUCT BUT KEEP THE SAME TEMPLATE WHAT PROMT WOULD I USE SO YOU KNOW WHAT WE JUST DID SO IT DOSENT TAKE 1 HOUR TO GET CORRECT; SAME TEMPLATE TYPE BUT WITH NEW PRODUCT?

Copy-Paste Prompt Template:

text

Use the EXACT same HTML template we just created for "The DeepSeek Millionaire" — the one with the Prompt Library layout (gold badge, image left, content right, table of contents, price card, bonus items, and guarantee row). Replace the product information with the following: PRODUCT NAME: [Your product name] PRICE: $[Your price] OLD PRICE: $[Old price] IMAGE URL: [Your image link] BADGE TEXT: [e.g., "⭐ BESTSELLER" or "🔥 NEW RELEASE"] PRE-TITLE: [e.g., "📘 LIMITED OFFER" or "🚀 EARLY ADOPTER"] TAGLINE: [Short benefit headline] DESCRIPTION: [2-3 sentences about the product] WHAT'S INSIDE TABLE: - Item 1: [Name] – [Pages] - Item 2: [Name] – [Pages] - Item 3: [Name] – [Pages] - Item 4: [Name] – [Pages] BONUSES (3 items): - Bonus 1: [Name] (X pages) - Bonus 2: [Name] (X pages) - Bonus 3: [Name] (X pages) FEATURE BULLETS (4 items): - [Feature 1] - [Feature 2] - [Feature 3] - [Feature 4] TOTAL PAGES: [Number] BUTTON TEXT: [e.g., "GET PRODUCT NAME – $XX"] GUARANTEE: [e.g., "60-Day Money-Back Guarantee"] Keep ALL styling, layout, colors, spacing, and structure identical. Only change the content.

Example of a filled prompt:

text

Use the EXACT same HTML template we just created for "The DeepSeek Millionaire" — the one with the Prompt Library layout (gold badge, image left, content right, table of contents, price card, bonus items, and guarantee row). Replace the product information with the following: PRODUCT NAME: ChatGPT Cash Machine PRICE: $19.99 OLD PRICE: $97 IMAGE URL: https://i.postimg.cc/xxxxx/new-cover.jpg BADGE TEXT: "⭐ BESTSELLER" PRE-TITLE: "🔥 FLASH SALE" TAGLINE: "500+ Prompts That Print Money" DESCRIPTION: This book reveals secret ChatGPT prompts that generate passive income. No experience needed. Copy-paste and start earning today. WHAT'S INSIDE TABLE: - Item 1: ChatGPT Cash Machine Main Book – 187 pages - Item 2: 500 Prompt Library – 89 pages - Item 3: Client Funnel Template – 12 pages - Item 4: Automation Cheat Sheet – 8 pages BONUSES (3 items): - Bonus 1: Weekly Profit Tracker (4 pages) - Bonus 2: 30-Day Action Plan (6 pages) - Bonus 3: Facebook Ad Templates (10 pages) FEATURE BULLETS (4 items): - 500+ Copy-Paste Prompts - Step-by-Step Income Systems - Client Scripts Included - Lifetime Updates TOTAL PAGES: 296 BUTTON TEXT: "🚀 GET CHATGPT CASH MACHINE – $19.99" GUARANTEE: "60-Day Money-Back Guarantee" Keep ALL styling, layout, colors, spacing, and structure identical. Only change the content.

Why this works:

What the prompt doesWhy it helpsRefers to "the EXACT same HTML template we just created"I know exactly which layout you wantMentions "Prompt Library layout"Confirms the card-style design (gold badge, image left, table, etc.)Lists every field to replaceNo guessing — I swap content onlySays "Keep ALL styling identical"Prevents accidental design changesIncludes exampleShows exactly what you expect

Save this prompt template and just fill in the brackets for any new product. It should take me one response to give you the complete working HTML.

MASTER PROMPT TEMPLATE

text

Use the EXACT same HTML template we just created for "Amazing AI + ChatGPT to Make Money Online for Beginners II" — the final version with: DESIGN REQUIREMENTS: - Background: #f3f6fc (light blue-gray) - Card background: #ffffff with rounded corners (32px) - Gold accent color: #d4af37 for badges, borders, prices - Blue accent color: #1e6fdf for links, highlights, pre-title backgrounds - Header section: Image on left, text on right (stack on mobile) - Wide content section below header (full width, no side columns) - All text left-aligned, descriptive content justified - Responsive: works on mobile and desktop - No footer links (Home, Terms, Contact) — websection only FONT SIZES (reduced from largest): - H1 title: 32px (mobile: 28px) - Tagline: 18px (mobile: 16px) - Section headers (h3): 24px - Body text: 15-16px - Price: 44px - Button text: 20px STYLE PATTERNS: - Selling cards: White background, left border gold (#d4af37), rounded corners - Info panels: Light blue background (#f8fbfe), rounded corners - Table: Clean borders, blue headers, readable rows - Bonus items: Blue text with emoji icons - Feature grid: Pill-shaped badges with checkmarks - Guarantee row: Centered icons with text - Button: Gold gradient, rounded pill, hover effect CONTENT TO REPLACE: PRODUCT NAME: [Your product name] PRODUCT TAGLINE: [Short benefit headline] IMAGE URL: [Your image link] BADGE TEXT: [e.g., "⭐ BESTSELLER"] PRE-TITLE: [e.g., "📘 COMPLETE BEGINNER'S GUIDE"] SHORT DESCRIPTION: [1-2 sentences for header area] PRICE DETAILS: - Regular price: $[X] - Sale price: $[X] - Save amount: $[X] - Why text: [Short explanation of value] SELLING SECTIONS (create as many as needed, each with 3 selling cards): SECTION 1 TITLE: [e.g., "💡 Why Use This Combination?"] SECTION 1 CARDS (3 items): - Card 1 Title: [Title] – Card 1 Description: [Description] - Card 2 Title: [Title] – Card 2 Description: [Description] - Card 3 Title: [Title] – Card 3 Description: [Description] SECTION 2 TITLE: [e.g., "🚀 How Do I Get Started?"] SECTION 2 CARDS (3 items): - [Same format as above] SECTION 3 TITLE: [e.g., "🎯 Specific Strategies"] SECTION 3 CARDS (3 items): - [Same format as above] SECTION 4 TITLE: [e.g., "✅ Best Practices"] SECTION 4 CARDS (3 items): - [Same format as above] SECTION 5 TITLE: [e.g., "⚠️ Common Pitfalls to Avoid"] SECTION 5 CARDS (3 items): - [Same format as above] TABLE OF CONTENTS (8 chapters): - Chapter 1: [Title] – [Description] - Chapter 2: [Title] – [Description] - Chapter 3: [Title] – [Description] - Chapter 4: [Title] – [Description] - Chapter 5: [Title] – [Description] - Chapter 6: [Title] – [Description] - Chapter 7: [Title] – [Description] - Chapter 8: [Title] – [Description] BONUSES (3 items): - Bonus 1: [Name] – [Description] - Bonus 2: [Name] – [Description] - Bonus 3: [Name] – [Description] TOTAL BADGE TEXT: [e.g., "Total: 8 Chapters + 3 Bonuses = Complete Guide"] FEATURE BULLETS (6 items): - [Feature 1] - [Feature 2] - [Feature 3] - [Feature 4] - [Feature 5] - [Feature 6] GUARANTEE ITEMS (3 items): - [e.g., "Instant Download"] - [e.g., "Lifetime Updates"] - [e.g., "60-Day Money-Back Guarantee"] BUTTON TEXT: [e.g., "🚀 GET PRODUCT NAME – $XX"] Keep ALL styling, layout, colors, spacing, and structure identical. Only change the content I provided above.

Quick Fill Example:

text

Use the EXACT same HTML template we just created for "Amazing AI + ChatGPT to Make Money Online for Beginners II" — the final version with all design requirements listed above. PRODUCT NAME: ChatGPT Cash Machine for Beginners PRODUCT TAGLINE: 500+ Prompts That Print Money While You Sleep IMAGE URL: https://i.postimg.cc/xxxxx/cover.jpg BADGE TEXT: "⭐ NEW RELEASE" PRE-TITLE: "🔥 LIMITED TIME OFFER" SHORT DESCRIPTION: This guide reveals the exact ChatGPT prompts used by top earners to generate $10k+ monthly. PRICE DETAILS: - Regular price: $97 - Sale price: $29.99 - Save amount: $67 - Why text: Why $29.99? You get 500+ copy-paste prompts across 8 categories. SELLING SECTIONS: SECTION 1 TITLE: "💡 Why ChatGPT?" SECTION 1 CARDS: - Card 1 Title: "Automate Your Income" – Card 1 Description: "Set up systems that generate money while you sleep." - Card 2 Title: "No Experience Needed" – Card 2 Description: "Perfect for complete beginners." - Card 3 Title: "Proven Results" – Card 3 Description: "Used by top freelancers worldwide." [Continue with remaining sections, table of contents, bonuses, etc.] Keep ALL styling, layout, colors, spacing, and structure identical. Only change the content I provided above.

Why This Works:

What the prompt doesWhy it helpsReferences the exact final templateI know exactly which design you wantLists every design requirementNo guessing about colors, fonts, spacingProvides a complete fill-in-the-blanks structureYou just type your content, I do the restIncludes the "keep styling identical" commandPrevents accidental design changesHas a quick exampleShows exactly what you expect

Save this prompt. Next time, just paste it, fill in your product details, and I will deliver a perfect page in one response.

INSTRUCTIONS FOR DEEPSEEK (Copy this with the template):

text

This is TEMPLATE #2 (Large Image Centered at Top layout). When I paste a new TXT file with product information, use this EXACT template structure and ONLY replace the content. Keep ALL colors, fonts, spacing, layout, and styling identical. The template features: - Large centered image at top (max-width: 400px) - Centered title, tagline, and description - Stat badges row (📘 X Books, 💰 X Methods, 🎁 X Bonuses, etc.) - Price card with old price, save badge, current price, why text, gold button - WHAT'S INSIDE table (book titles with page counts) - Bonus items section - Sample methods grid (4 cards) - What You'll Learn grid (4 cards) - Feature list (pill-shaped badges) - Guarantee row (Instant Download, Lifetime Updates, Money-Back) Color scheme: Gold (#d4af37), Blue (#1e6fdf), Light backgrounds (#f3f6fc, #f8fafc, #ffffff) Replace the following fields from the TXT file: - Product Title - Tagline - Description - Image URL - Book Badge Text (e.g., "🌍 THE COMPLETE COLLECTION") - Image Caption - Stat Badges (4 items) - Price (old price, sale price, save amount, why text) - Table rows (book titles and page counts) - Bonuses (3 items max) - Total badge text - Sample Methods (4 cards with title + description) - What You'll Learn (4 cards with title + description) - Feature bullets (5-6 items) - Button text Keep ALL styling identical. Only change the content I provide.

INSTRUCTIONS FOR DEEPSEEK (Copy this with the template):

🎨 TEMPLATE #2 - MASTER CODE

html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, viewport-fit=cover"> <title>[PRODUCT TITLE] | [SHORT TAGLINE]</title> <style> { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: #f3f6fc; color: #1a2c3e; line-height: 1.5; padding: 0; } .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } / TOP SECTION: Large Image Centered / .top-section { padding: 60px 0 30px; background: #ffffff; border-bottom: 1px solid #e8ecf0; } .image-centered { text-align: center; margin-bottom: 32px; } .image-centered img { max-width: 400px; width: 100%; border-radius: 24px; box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.25); background: #ffffff; padding: 8px; border: 1px solid #dce5ef; transition: transform 0.3s ease; } .image-centered img:hover { transform: scale(1.02); } .image-caption { margin-top: 12px; font-size: 13px; font-weight: 600; color: #1e6fdf; } / Intro Text - Centered / .intro-text { text-align: center; max-width: 900px; margin: 0 auto; } .book-badge { display: inline-block; background: #e8f0fe; border: 1px solid #d0dfef; padding: 6px 18px; border-radius: 40px; font-size: 12px; font-weight: 700; color: #1e6fdf; margin-bottom: 20px; } .section-title { font-size: 42px; font-weight: 800; line-height: 1.2; color: #0a2540; margin-bottom: 12px; } .section-subtitle { font-size: 18px; font-weight: 600; color: #d4af37; margin-bottom: 20px; } .section-description { color: #2c4c6e; line-height: 1.6; margin-bottom: 24px; font-size: 16px; text-align: center; } / Stat Badges / .stat-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 16px; } .stat-badge { display: inline-block; background: #e8f0fe; border-radius: 30px; padding: 6px 16px; font-size: 13px; font-weight: 600; color: #1e6fdf; border: 1px solid #d0dfef; } / BOTTOM SECTION / .bottom-section { background: #f8fafc; padding: 50px 0; width: 100%; } .bottom-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; } / Price Card / .price-card { background: #ffffff; border-radius: 24px; padding: 32px; margin: 0 0 32px 0; border: 2px solid #d4af37; text-align: center; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05); } .price-row { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; gap: 16px; margin-bottom: 12px; } .old-price { font-size: 18px; text-decoration: line-through; color: #7f8fa4; } .current-price { font-size: 52px; font-weight: 800; color: #d4af37; } .save-badge { background: #e6f4ea; color: #2e7d32; font-size: 13px; font-weight: 700; padding: 5px 12px; border-radius: 30px; } .why-text { font-size: 14px; color: #1e6fdf; font-weight: 500; margin: 16px 0 12px; } .btn-gold { display: inline-block; background: linear-gradient(105deg, #d4af37 0%, #c5a028 100%); color: #0a2540; font-weight: 700; font-size: 20px; padding: 16px 40px; border-radius: 60px; text-decoration: none; text-align: center; margin-top: 16px; border: none; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3); } .btn-gold:hover { background: linear-gradient(105deg, #e0bc3a 0%, #d4af37 100%); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(212, 175, 55, 0.4); } / Info Panels / .info-panel { background: #ffffff; border-radius: 24px; padding: 32px; margin: 0 0 32px 0; border: 1px solid #e2e8f0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03); } .info-panel h3 { font-size: 24px; font-weight: 700; color: #0a2540; margin-bottom: 20px; border-bottom: 3px solid #d4af37; display: inline-block; padding-bottom: 8px; } / Sample Methods Grid / .methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; } .method-card { background: #f8fafc; border-radius: 16px; padding: 20px; border-left: 4px solid #d4af37; transition: all 0.2s ease; } .method-card:hover { transform: translateX(4px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .method-card strong { color: #d4af37; font-size: 17px; display: block; margin-bottom: 8px; } .method-card p { font-size: 14px; color: #5a6e8a; line-height: 1.5; } / Table Section / .ebooks-panel { background: #ffffff; border-radius: 24px; padding: 32px; margin: 0 0 32px 0; border: 1px solid #e2e8f0; } .ebooks-panel h3 { font-size: 24px; font-weight: 700; color: #0a2540; margin-bottom: 20px; border-bottom: 3px solid #d4af37; display: inline-block; padding-bottom: 8px; } .ebook-table { width: 100%; border-collapse: collapse; } .ebook-table th { text-align: left; padding: 12px 8px 10px 0; font-weight: 600; color: #1e6fdf; border-bottom: 2px solid #e0ecf5; font-size: 14px; } .ebook-table td { padding: 12px 8px 10px 0; border-bottom: 1px solid #e6edf4; font-size: 14px; color: #2c4c6e; } .ebook-table tr:last-child td { border-bottom: none; } .book-title { font-weight: 600; color: #0a2540; } .bonus-items { margin-top: 20px; padding-top: 16px; border-top: 1px solid #e0ecf5; } .bonus-items p { font-size: 14px; color: #1e6fdf; margin: 10px 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .total-badge { font-weight: 700; color: #d4af37; margin-top: 16px; font-size: 14px; } / Feature List / .feature-list { display: flex; flex-wrap: wrap; gap: 16px; margin: 24px 0; justify-content: center; } .feature-item { background: #f8fafc; border-radius: 40px; padding: 10px 20px; border: 1px solid #e2e8f0; text-align: center; font-size: 14px; font-weight: 500; color: #1e6fdf; } / Guarantee Row / .guarantee-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; margin-top: 24px; padding-top: 24px; border-top: 1px solid #e2e8f0; font-size: 14px; font-weight: 500; color: #5a6e8a; } .guarantee-item { display: flex; align-items: center; gap: 8px; } / Table Wrapper / .table-wrapper { overflow-x: auto; } / Responsive / @media (max-width: 768px) { .container, .bottom-container { padding: 0 20px; } .top-section { padding: 40px 0 20px; } .section-title { font-size: 32px; } .section-subtitle { font-size: 16px; } .current-price { font-size: 42px; } .btn-gold { font-size: 16px; padding: 14px 28px; } .image-centered img { max-width: 280px; } .stat-badges { gap: 8px; } .stat-badge { font-size: 11px; padding: 4px 12px; } .guarantee-row { flex-direction: column; align-items: center; gap: 12px; } } / Prevent overflow */ p, h1, h2, h3, div, span, li, td, th { word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } </style> </head> <body>  <section class="top-section"> <div class="container"> <div class="image-centered"> <img src="[IMAGE_URL]" alt="[PRODUCT NAME]"> <div class="image-caption">[IMAGE_CAPTION]</div> </div> <div class="intro-text"> <div class="book-badge">[BOOK_BADGE_TEXT]</div> <div class="section-title">[PRODUCT_TITLE]</div> <div class="section-subtitle">[TAGLINE]</div> <div class="section-description"> [DESCRIPTION_PARAGRAPH_1] <br><br> [DESCRIPTION_PARAGRAPH_2] </div> <div class="stat-badges"> <span class="stat-badge">[STAT_BADGE_1]</span> <span class="stat-badge">[STAT_BADGE_2]</span> <span class="stat-badge">[STAT_BADGE_3]</span> <span class="stat-badge">[STAT_BADGE_4]</span> </div> </div> </div> </section>  <section class="bottom-section"> <div class="bottom-container">  <div class="price-card"> <div class="price-row"> <span class="old-price">Regular price: $[OLD_PRICE]</span> <span class="save-badge">🔥 SAVE $[SAVE_AMOUNT]</span> </div> <div class="current-price">$[SALE_PRICE]</div> <div class="why-text">💡 [WHY_TEXT]</div> <a href="#" class="btn-gold">[BUTTON_TEXT]</a> </div>  <div class="ebooks-panel"> <h3>📚 WHAT'S INSIDE</h3> <div class="table-wrapper"> <table class="ebook-table"> <thead> <tr><th>#</th><th>Book Title</th><th>Pages</th></tr> </thead> <tbody> <tr><td class="book-title">[BOOK_1_TITLE]</td><td>[BOOK_1_PAGES]</td></tr> <tr><td class="book-title">[BOOK_2_TITLE]</td><td>[BOOK_2_PAGES]</td></tr> <tr><td class="book-title">[BOOK_3_TITLE]</td><td>[BOOK_3_PAGES]</td></tr> </tbody> </table> </div> <div class="bonus-items"> <p>🎁 <strong>FREE BONUS 1:</strong> [BONUS_1_NAME] ([BONUS_1_PAGES] pages)</p> <p>🎁 <strong>FREE BONUS 2:</strong> [BONUS_2_NAME] ([BONUS_2_PAGES] pages)</p> <p>🎁 <strong>FREE BONUS 3:</strong> [BONUS_3_NAME] ([BONUS_3_PAGES] pages)</p> </div> <div class="total-badge">📖 Total: [TOTAL_BOOKS] Books + [TOTAL_BONUSES] Bonuses = [TOTAL_PAGES]+ Pages</div> </div>  <div class="info-panel"> <h3>🎯 Sample [PRODUCT_TYPE] You'll Get</h3> <div class="methods-grid"> <div class="method-card"> <strong>[METHOD_1_TITLE]</strong> <p>[METHOD_1_DESCRIPTION]</p> </div> <div class="method-card"> <strong>[METHOD_2_TITLE]</strong> <p>[METHOD_2_DESCRIPTION]</p> </div> <div class="method-card"> <strong>[METHOD_3_TITLE]</strong> <p>[METHOD_3_DESCRIPTION]</p> </div> <div class="method-card"> <strong>[METHOD_4_TITLE]</strong> <p>[METHOD_4_DESCRIPTION]</p> </div> </div> </div>  <div class="info-panel"> <h3>🎯 What You'll Learn</h3> <div class="methods-grid"> <div class="method-card"> <strong>[LEARN_1_TITLE]</strong> <p>[LEARN_1_DESCRIPTION]</p> </div> <div class="method-card"> <strong>[LEARN_2_TITLE]</strong> <p>[LEARN_2_DESCRIPTION]</p> </div> <div class="method-card"> <strong>[LEARN_3_TITLE]</strong> <p>[LEARN_3_DESCRIPTION]</p> </div> <div class="method-card"> <strong>[LEARN_4_TITLE]</strong> <p>[LEARN_4_DESCRIPTION]</p> </div> </div> </div>  <div class="feature-list"> <div class="feature-item"><span>✅</span> [FEATURE_1]</div> <div class="feature-item"><span>✅</span> [FEATURE_2]</div> <div class="feature-item"><span>✅</span> [FEATURE_3]</div> <div class="feature-item"><span>✅</span> [FEATURE_4]</div> <div class="feature-item"><span>✅</span> [FEATURE_5]</div> </div>  <div class="guarantee-row"> <div class="guarantee-item">✅ Instant Download</div> <div class="guarantee-item">✅ Lifetime Updates</div> <div class="guarantee-item">✅ 60-Day Money-Back Guarantee</div> </div> </div> </section> </body> </html>

html

comments COLOR SCHEME: - Primary Blue: #1e6fdf (headings, badges, borders, buttons) - Green Alert: #28a745 (urgency banner) - Background: #f3f6fc (light blue-gray) - Card Background: #ffffff (white) - Text: #1a2c3e (dark gray/black) LAYOUT: - Image left, content right (desktop) - Stacks vertically on mobile - Responsive design (works on all devices) SECTIONS: 1. Left Column: Product image 2. Right Column: Title, tagline, description 3. Urgency Banner (green) - optional, remove if not needed 4. Price Card with old price, sale price, savings 5. Main Books Section (blue section header + cards) 6. Bonuses Section (blue section header + cards) 7. Total Badge (blue gradient) 8. Feature Grid (pill-shaped badges) 9. Guarantee Row (3 items) 10. Text-only CTA link WHEN PASTING NEW PRODUCTS: - Keep ALL styling the same (colors, fonts, spacing) - Only change content inside the bracketed placeholders - Maintain the same structure (2 books, 2 bonuses is default) - For more books/bonuses, copy the card divs and renumber ================================================================================ --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, viewport-fit=cover"> <title>[COMBO_NAME] | [SHORT_TAGLINE]</title> <style> { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: #f3f6fc; color: #1a2c3e; line-height: 1.5; padding: 16px; } .container { max-width: 100%; margin: 0 auto; } / Main Bundle Card / .bundle-card { max-width: 100%; background: #ffffff; border-radius: 28px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); overflow: hidden; } .bundle-grid { display: flex; flex-direction: column; gap: 24px; padding: 24px; } / LEFT: Image Section / .bundle-image { width: 100%; background: linear-gradient(135deg, #f8fafd 0%, #eef2f9 100%); border-radius: 24px; padding: 32px 20px; text-align: center; border: 1px solid #e2edf7; } .bundle-image img { max-width: 180px; width: 100%; height: auto; border-radius: 16px; box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.12); } .bundle-badge { display: inline-block; background: #d4af37; color: #1a2c3e; font-size: 12px; font-weight: 700; padding: 4px 14px; border-radius: 50px; margin-top: 16px; } .image-caption { font-size: 11px; color: #6c86a3; margin-top: 10px; } / RIGHT: Content Section / .bundle-content { width: 100%; } .pre-title { display: inline-block; background: #eef3fc; border: 1px solid #d4e0ec; padding: 4px 14px; border-radius: 40px; font-size: 11px; font-weight: 600; color: #1e6fdf; margin-bottom: 16px; } h1 { font-size: 28px; font-weight: 800; line-height: 1.25; color: #0a2540; margin-bottom: 8px; word-break: break-word; text-align: left; } .tagline { font-size: 16px; font-weight: 600; color: #1a2c3e; margin-bottom: 16px; border-left: 3px solid #1e6fdf; padding-left: 12px; word-break: break-word; text-align: left; } .description { font-size: 15px; color: #2c4c6e; line-height: 1.5; margin-bottom: 20px; word-break: break-word; text-align: justify; } / Price Card / .price-card { background: #f8fbfe; border-radius: 20px; padding: 18px; margin: 20px 0; border: 1px solid #e0ecf5; } .price-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin-bottom: 8px; } .old-price { font-size: 14px; text-decoration: line-through; color: #7f8fa4; } .current-price { font-size: 32px; font-weight: 800; color: #1a2c3e; } .save-badge { background: #e6f4ea; color: #2e7d32; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 30px; } .why-text { font-size: 13px; color: #1a2c3e; font-weight: 500; margin: 12px 0 8px; word-break: break-word; text-align: justify; } / TEXT ONLY LINK - NO BACKGROUND, NO BORDER, NO OVAL / .btn-text-only { display: inline-block; color: #000000; font-weight: 800; font-size: 16px; text-decoration: none; text-align: center; margin-top: 12px; cursor: pointer; background: transparent; border: none; padding: 0; } .btn-text-only:hover { text-decoration: underline; } / Launch Urgency Banner - GREEN / .launch-urgency { background: #28a745; color: #ffffff; text-align: center; padding: 12px 16px; border-radius: 12px; margin: 16px 0; font-size: 14px; font-weight: 800; letter-spacing: 0.5px; } / Section Headers - BLUE / .section-header { background: #1e6fdf; color: #ffffff; padding: 10px 16px; border-radius: 12px; margin: 24px 0 16px 0; font-size: 16px; font-weight: 800; letter-spacing: 0.5px; } .section-header span { margin-right: 8px; } / Main Books Container / .main-books-container { display: flex; flex-direction: column; gap: 16px; margin-bottom: 8px; } .book-card { background: #f8fbfe; border-radius: 16px; padding: 20px; border-left: 5px solid #1e6fdf; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); transition: all 0.2s ease; } .book-card:hover { transform: translateX(4px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .book-number { display: inline-block; background: #1e6fdf; color: #ffffff; font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; } .book-title-main { font-size: 18px; font-weight: 800; color: #0a2540; margin-bottom: 6px; } .book-pages { font-size: 13px; color: #1a2c3e; font-weight: 600; margin-bottom: 8px; } .book-focus { font-size: 14px; color: #5a6e8a; line-height: 1.5; } .book-price-note { font-size: 12px; color: #1a2c3e; font-weight: 700; margin-top: 10px; padding-top: 8px; border-top: 1px dashed #e0ecf5; } / Bonuses Container / .bonuses-container { display: flex; flex-direction: column; gap: 16px; margin-bottom: 8px; } .bonus-card { background: #fef8e8; border-radius: 16px; padding: 20px; border-left: 5px solid #1e6fdf; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); transition: all 0.2s ease; } .bonus-card:hover { transform: translateX(4px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .bonus-number { display: inline-block; background: #1e6fdf; color: #ffffff; font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 20px; margin-bottom: 10px; } .bonus-title { font-size: 17px; font-weight: 800; color: #0a2540; margin-bottom: 8px; } .bonus-pages { font-size: 12px; color: #1a2c3e; font-weight: 600; margin-bottom: 10px; } .bonus-description { font-size: 13px; color: #5a6e8a; line-height: 1.5; } .bonus-price-note { font-size: 12px; color: #1a2c3e; font-weight: 700; margin-top: 10px; padding-top: 8px; border-top: 1px dashed #f0e0c0; } / Total Badge - BLUE GRADIENT / .total-badge-combo { background: linear-gradient(135deg, #1e6fdf 0%, #3b82f6 100%); color: #ffffff; border-radius: 16px; padding: 14px 20px; text-align: center; font-weight: 800; font-size: 15px; margin: 24px 0 16px 0; } / Feature List / .feature-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 20px 0; } .feature-item { background: #f8fafc; border-radius: 40px; padding: 10px 16px; border: 1px solid #e2e8f0; text-align: center; font-size: 13px; font-weight: 600; color: #1a2c3e; } / Guarantee Row / .guarantee-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #e0ecf5; font-size: 12px; color: #5a6e8a; } .guarantee-item { display: flex; align-items: center; gap: 6px; white-space: nowrap; } / Tablet and Desktop / @media (min-width: 640px) { body { padding: 24px; } .bundle-grid { flex-direction: row; gap: 32px; padding: 32px; } .bundle-image { width: 280px; flex-shrink: 0; } .bundle-image img { max-width: 220px; } } @media (min-width: 900px) { .bundle-image { width: 320px; } h1 { font-size: 34px; } .current-price { font-size: 38px; } } / Prevent text overflow */ p, h1, h2, h3, div, span, li, td, th { word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; } </style> </head> <body> <div class="container"> <div class="bundle-card"> <div class="bundle-grid">     <div class="bundle-image"> <img src="[IMAGE_URL]" alt="[COMBO_NAME]"> <div class="bundle-badge">[BADGE_TEXT]</div> <div class="image-caption">[IMAGE_CAPTION]</div> </div>     <div class="bundle-content"> <div class="pre-title">[PRE_TITLE]</div> <h1>[COMBO_TITLE]</h1> <div class="tagline">[TAGLINE_TEXT]</div> <div class="description"> <strong>[DESCRIPTION_HEADER]</strong><br><br> [DESCRIPTION_BODY] </div>  <div class="launch-urgency"> [URGENCY_BANNER_TEXT]<br> Regular price $[REGULAR_TOTAL] | TODAY ONLY: $[SALE_PRICE] </div>  <div class="price-card"> <div class="price-row"> <span class="old-price">Regular price: $[REGULAR_TOTAL]</span> <span class="save-badge">🔥 SAVE $[SAVE_AMOUNT]</span> </div> <div class="current-price">$[SALE_PRICE]</div> <div class="why-text">💡 [WHY_TEXT]</div> <a href="#" class="btn-text-only">[CTA_BUTTON_TEXT]</a> </div>     <div class="section-header"> <span>📘</span> MAIN BOOKS INCLUDED ([TOTAL_MAIN_BOOKS] BOOKS) </div> <div class="main-books-container">  <div class="book-card"> <div class="book-number">BOOK 1</div> <div class="book-title-main">[BOOK_1_TITLE]</div> <div class="book-pages">📄 [BOOK_1_PAGES] pages</div> <div class="book-focus"><strong>Focus:</strong> [BOOK_1_FOCUS]</div> <div class="book-price-note">💰 Regular price: $[BOOK_1_REGULAR] | SAVE $[BOOK_1_SAVE] → Just $[BOOK_1_SALE] alone</div> </div>  <div class="book-card"> <div class="book-number">BOOK 2</div> <div class="book-title-main">[BOOK_2_TITLE]</div> <div class="book-pages">📄 [BOOK_2_PAGES] pages</div> <div class="book-focus"><strong>Focus:</strong> [BOOK_2_FOCUS]</div> <div class="book-price-note">💰 Regular price: $[BOOK_2_REGULAR] | SAVE $[BOOK_2_SAVE] → Just $[BOOK_2_SALE] alone</div> </div>  </div>     <div class="section-header"> <span>🎁</span> FREE BONUSES INCLUDED ([TOTAL_BONUSES] BONUSES – $[BONUS_TOTAL_VALUE] VALUE) </div> <div class="bonuses-container">  <div class="bonus-card"> <div class="bonus-number">BONUS 1</div> <div class="bonus-title">[BONUS_1_TITLE]</div> <div class="bonus-pages">📄 [BONUS_1_PAGES] pages</div> <div class="bonus-description"><strong>What it covers:</strong> [BONUS_1_DESCRIPTION]</div> <div class="bonus-price-note">💰 Regular price: $[BONUS_1_REGULAR] | SAVE $[BONUS_1_SAVE] → $[BONUS_1_VALUE] value — YOURS FREE</div> </div>  <div class="bonus-card"> <div class="bonus-number">BONUS 2</div> <div class="bonus-title">[BONUS_2_TITLE]</div> <div class="bonus-pages">📄 [BONUS_2_PAGES] pages</div> <div class="bonus-description"><strong>What it covers:</strong> [BONUS_2_DESCRIPTION]</div> <div class="bonus-price-note">💰 Regular price: $[BONUS_2_REGULAR] | SAVE $[BONUS_2_SAVE] → $[BONUS_2_VALUE] value — YOURS FREE</div> </div>  </div>  <div class="total-badge-combo"> 📖 TOTAL: [TOTAL_BOOKS] Books = [TOTAL_PAGES] Pages of AI Mastery (Regular Value: $[REGULAR_TOTAL]) </div>  <div class="feature-list"> <div class="feature-item">✅ [FEATURE_1]</div> <div class="feature-item">✅ [FEATURE_2]</div> <div class="feature-item">✅ [FEATURE_3]</div> <div class="feature-item">✅ [FEATURE_4]</div> <div class="feature-item">✅ [FEATURE_5]</div> <div class="feature-item">✅ [FEATURE_6]</div> </div>  <div class="guarantee-row"> <div class="guarantee-item">✅ Instant Download</div> <div class="guarantee-item">✅ Lifetime Updates</div> <div class="guarantee-item">✅ 60-Day Money-Back Guarantee</div> </div> </div> </div> </div> </div> </body> </html>

BUY NOW

Brand

Explore our sleek website template for seamless navigation.

Contact

GoAIBotLLC@Gmail.com

Terms & conditions