@wiv01 added htmlContent (English):
code:\n\njavascript\n<!doctype html>\n<html lang=\en\>\n<head>\n <meta charset=\utf-8\ />\n <meta name=\viewport\ content=\width=device-width, initial-scale=1\ />\n <title>Snowball — Cat Influencer CV</title>\n (html comment removed: Favicon built from scratch as inline SVG )\n <link rel=\icon\ href='data:image/svg+xml;utf8,\n <svg xmlns=\http://www.w3.org/2000/svg\ viewBox=\0 0 64 64\>\n <defs><linearGradient id=\g\ x1=\0\ x2=\1\ y1=\0\ y2=\1\>\n <stop stop-color=\%23ffffff\/><stop offset=\1\ stop-color=\%23dfe9f3\/></linearGradient></defs>\n <circle cx=\32\ cy=\32\ r=\30\ fill=\url(%23g)\/>\n <ellipse cx=\22\ cy=\20\ rx=\10\ ry=\8\ fill=\%23fff\ stroke=\%23111\ stroke-width=\2\/>\n <ellipse cx=\42\ cy=\20\ rx=\10\ ry=\8\ fill=\%23fff\ stroke=\%23111\ stroke-width=\2\/>\n <circle cx=\24\ cy=\27\ r=\12\ fill=\%23fff\ stroke=\%23111\ stroke-width=\2\/>\n <circle cx=\40\ cy=\27\ r=\12\ fill=\%23fff\ stroke=\%23111\ stroke-width=\2\/>\n <ellipse cx=\32\ cy=\38\ rx=\18\ ry=\14\ fill=\%23fff\ stroke=\%23111\ stroke-width=\2\/>\n <circle cx=\26\ cy=\30\ r=\3\ fill=\%23111\/>\n <circle cx=\38\ cy=\30\ r=\3\ fill=\%23111\/>\n <polygon points=\32,33 29,36 35,36\ fill=\%23f4a\/>\n </svg>' />\n <style>\n :root\n --bg: #0b0f14;\n --card: #0f1621;\n --ink: #eaf2ff;\n --muted: #bcd0ff;\n --brand: #79b7ff;\n --accent: #93ffec;\n --rose: #ff7bb8;\n --shadow: 0 10px 30px rgba(0,0,0,.35);\n --radius: 22px;\n \n *box-sizing:border-box\n html,bodymargin:0;background:\n radial-gradient(1200px 700px at 80% -10%, #133053 20%, transparent 60%),\n radial-gradient(900px 500px at -10% 10%, #1a2941 20%, transparent 60%),\n var(--bg);\n color:var(--ink); font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;\n acolor:var(--accent); text-decoration:none\n a:hoveropacity:.85\n .wrapmax-width:1100px;margin:auto;padding:28px\n headerdisplay:grid;gap:24px;align-items:center;margin:8px 0 24px\n @media(min-width:860px)headergrid-template-columns: 360px 1fr\n .herobackground:linear-gradient(140deg, rgba(121,183,255,.25), rgba(147,255,236,.15)); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); box-shadow:var(--shadow); position:relative; overflow:hidden\n .hero-innerpadding:28px\n h1font-size:clamp(28px, 4vw, 48px); margin:0 0 6px\n .subtitlecolor:var(--muted); margin:0 0 18px\n .ctadisplay:flex; gap:12px; flex-wrap:wrap\n .btnbackground:var(--brand); color:#06101c; padding:10px 16px; border-radius:14px; font-weight:700\n .ghostbackground:transparent; border:1px solid rgba(255,255,255,.16); color:var(--ink)\n\n /* Reusable card */\n .cardbackground:var(--card); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow)\n\n /* Grid sections */\n .griddisplay:grid; gap:22px\n @media(min-width:980px)\n .grid-3grid-template-columns: repeat(3,1fr)\n .grid-2grid-template-columns: 1.2fr .8fr\n \n\n /* Badges */\n .badgedisplay:inline-flex; gap:8px; align-items:center; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.16)\n\n /* Simple table */\n tablewidth:100%; border-collapse:collapse\n th,tdpadding:10px 8px; border-bottom:1px dashed rgba(255,255,255,.15)\n thcolor:var(--muted); text-align:left\n\n footercolor:var(--muted); text-align:center; margin:34px 0\n\n /* Utility */\n .mutedcolor:var(--muted)\n .rightdisplay:flex; justify-content:flex-end\n .centertext-align:center\n </style>\n</head>\n<body>\n <div class=\wrap\>\n <header class=\hero\>\n <div class=\hero-inner grid grid-2\>\n (html comment removed: Avatar built from scratch as inline SVG illustration )\n <figure class=\card\ style=\padding:0; overflow:hidden\>\n <svg viewBox=\0 0 640 480\ xmlns=\http://www.w3.org/2000/svg\ role=\img\ aria-label=\White cat avatar\>\n <defs>\n <linearGradient id=\bgGrad\ x1=\0\ x2=\1\ y1=\0\ y2=\1\>\n <stop offset=\0\ stop-color=\#122033\/>\n <stop offset=\1\ stop-color=\#0c1726\/>\n </linearGradient>\n <filter id=\softShadow\ x=\-50%\ y=\-50%\ width=\200%\ height=\200%\>\n <feDropShadow dx=\0\ dy=\10\ stdDeviation=\12\ flood-color=\#000\ flood-opacity=\0.35\/>\n </filter>\n <radialGradient id=\earPink\ cx=\0.5\ cy=\0.5\ r=\0.7\>\n <stop offset=\0\ stop-color=\#ffd6e9\/>\n <stop offset=\1\ stop-color=\#ffe6f2\/>\n </radialGradient>\n </defs>\n <rect width=\640\ height=\480\ fill=\url(#bgGrad)\/>\n (html comment removed: Bokeh dots )\n <g opacity=\0.25\>\n <circle cx=\86\ cy=\80\ r=\6\ fill=\#79b7ff\/>\n <circle cx=\160\ cy=\50\ r=\4\ fill=\#93ffec\/>\n <circle cx=\580\ cy=\120\ r=\5\ fill=\#79b7ff\/>\n <circle cx=\520\ cy=\60\ r=\3\ fill=\#93ffec\/>\n </g>\n (html comment removed: Cat base )\n <g filter=\url(#softShadow)\>\n (html comment removed: body )\n <ellipse cx=\330\ cy=\330\ rx=\210\ ry=\140\ fill=\#ffffff\/>\n (html comment removed: cheeks )\n <circle cx=\250\ cy=\260\ r=\90\ fill=\#ffffff\/>\n <circle cx=\410\ cy=\260\ r=\90\ fill=\#ffffff\/>\n (html comment removed: ears )\n <g>\n <path d=\M220,145 L250,70 L285,150 Z\ fill=\#fff\ stroke=\#111\ stroke-opacity=\.15\/>\n <path d=\M235,133 L250,90 L270,140 Z\ fill=\url(#earPink)\/>\n <path d=\M440,145 L410,70 L375,150 Z\ fill=\#fff\ stroke=\#111\ stroke-opacity=\.15\/>\n <path d=\M425,133 L410,90 L390,140 Z\ fill=\url(#earPink)\/>\n </g>\n (html comment removed: head oval )\n <ellipse cx=\330\ cy=\260\ rx=\140\ ry=\120\ fill=\#ffffff\/>\n (html comment removed: eyes )\n <g>\n <ellipse cx=\285\ cy=\260\ rx=\22\ ry=\26\ fill=\#c1f28b\ stroke=\#111\ stroke-width=\2\/>\n <rect x=\282\ y=\240\ width=\6\ height=\40\ rx=\3\ fill=\#111\/>\n <ellipse cx=\375\ cy=\260\ rx=\22\ ry=\26\ fill=\#c1f28b\ stroke=\#111\ stroke-width=\2\/>\n <rect x=\372\ y=\240\ width=\6\ height=\40\ rx=\3\ fill=\#111\/>\n </g>\n (html comment removed: nose + mouth )\n <polygon points=\330,280 315,295 345,295\ fill=\#ff7bb8\/>\n <path d=\M330 295 q-26 18 -46 0\ fill=\none\ stroke=\#111\ stroke-width=\3\ stroke-linecap=\round\/>\n <path d=\M330 295 q26 18 46 0\ fill=\none\ stroke=\#111\ stroke-width=\3\ stroke-linecap=\round\/>\n (html comment removed: whiskers )\n <g stroke=\#e7efff\ stroke-width=\3\ stroke-linecap=\round\>\n <path d=\M210 280 h90\/> <path d=\M210 300 h95\/> <path d=\M215 320 h85\/>\n <path d=\M375 280 h95\/> <path d=\M370 300 h100\/> <path d=\M380 320 h90\/>\n </g>\n </g>\n (html comment removed: Name label )\n <g transform=\translate(24,420)\>\n <rect x=\0\ y=\-32\ rx=\12\ ry=\12\ width=\204\ height=\36\ fill=\#0f1621\ stroke=\#2d3c58\/>\n <text x=\16\ y=\-10\ fill=\#eaf2ff\ font-family=\system-ui,Segoe UI,Arial\ font-size=\18\ font-weight=\700\>SNOWBALL • CAT INFLUENCER</text>\n </g>\n </svg>\n </figure>\n\n <div>\n <h1>Snowball</h1>\n <p class=\subtitle\>White cat influencer • Lifestyle & cozy tech • Based on planet Couch</p>\n <div class=\cta\>\n <a class=\btn\ href=\#contact\>Book a collab</a>\n <a class=\btn ghost\ href=\#stats\>Download media kit</a>\n <span class=\badge\><span aria-hidden=\true\>🐾</span> 1.2M monthly reach</span>\n </div>\n </div>\n </div>\n </header>\n\n (html comment removed: ABOUT & STATS )\n <section class=\grid grid-3\ id=\stats\>\n <article class=\card\>\n <h2>About</h2>\n <p>Hi! I’m Snowball — a photogenic feline with a knack for cozy aesthetics, gentle humor, and ultra-clean visuals. Brands love me for purr‑fessional posing and purr‑sistent engagement.</p>\n <div class=\muted\>Niches: home & lifestyle, pet care, comfy tech.</div>\n </article>\n <article class=\card\>\n <h2>Audience</h2>\n <table>\n <tr><th>Platform</th><th>Followers</th><th>ER</th></tr>\n <tr><td>InstaPurr</td><td>420k</td><td>7.8%</td></tr>\n <tr><td>MeowTok</td><td>380k</td><td>9.1%</td></tr>\n <tr><td>ViewTube</td><td>160k</td><td>5.2%</td></tr>\n </table>\n </article>\n <article class=\card\>\n <h2>Highlights</h2>\n <ul>\n <li>Featured in “Daily Paws — Cozy Pets” 2024</li>\n <li>Brand work with comfy furniture & smart feeders</li>\n <li>Top 5 in CuteCat Awards 2023</li>\n </ul>\n </article>\n </section>\n\n (html comment removed: PORTFOLIO: all artwork below is custom inline SVGs created from scratch )\n <section class=\grid grid-3\ style=\margin-top:22px\>\n <figure class=\card\ style=\padding:0\>\n <svg viewBox=\0 0 520 360\ xmlns=\http://www.w3.org/2000/svg\ aria-label=\Cozy home scene with Snowball\>\n <defs>\n <linearGradient id=\room\ x1=\0\ x2=\0\ y1=\0\ y2=\1\>\n <stop offset=\0\ stop-color=\#1a2941\/>\n <stop offset=\1\ stop-color=\#0e1724\/>\n </linearGradient>\n </defs>\n <rect width=\520\ height=\360\ fill=\url(#room)\/>\n <rect x=\40\ y=\220\ width=\440\ height=\90\ rx=\14\ fill=\#293a57\/>\n <circle cx=\420\ cy=\100\ r=\34\ fill=\#ffd27d\/>\n (html comment removed: minimalist white cat on sofa )\n <ellipse cx=\250\ cy=\270\ rx=\150\ ry=\60\ fill=\#fff\/>\n <circle cx=\210\ cy=\230\ r=\48\ fill=\#fff\/>\n <circle cx=\290\ cy=\230\ r=\48\ fill=\#fff\/>\n <ellipse cx=\250\ cy=\230\ rx=\90\ ry=\70\ fill=\#fff\/>\n <circle cx=\230\ cy=\220\ r=\10\ fill=\#c1f28b\/>\n <circle cx=\270\ cy=\220\ r=\10\ fill=\#c1f28b\/>\n <polygon points=\250,235 238,246 262,246\ fill=\#ff7bb8\/>\n <path d=\M250 246 q-20 14 -36 0\ stroke=\#111\ stroke-width=\3\ fill=\none\ stroke-linecap=\round\/>\n </svg>\n <figcaption class=\muted\ style=\padding:12px 16px\>Cozy Home • Soft product placement</figcaption>\n </figure>\n\n <figure class=\card\ style=\padding:0\>\n <svg viewBox=\0 0 520 360\ xmlns=\http://www.w3.org/2000/svg\ aria-label=\Garden scene with Snowball wearing a crown\>\n <defs>\n <linearGradient id=\grad\ x1=\0\ x2=\1\ y1=\0\ y2=\1\>\n <stop offset=\0\ stop-color=\#14314f\/>\n <stop offset=\1\ stop-color=\#0c2238\/>\n </linearGradient>\n </defs>\n <rect width=\520\ height=\360\ fill=\url(#grad)\/>\n <rect x=\0\ y=\250\ width=\520\ height=\110\ fill=\#1e7f5a\/>\n (html comment removed: crown )\n <polygon points=\260,130 245,160 275,160\ fill=\#ffd27d\/>\n <rect x=\235\ y=\160\ width=\50\ height=\10\ fill=\#ffd27d\/>\n (html comment removed: cat )\n <ellipse cx=\260\ cy=\260\ rx=\150\ ry=\60\ fill=\#fff\/>\n <ellipse cx=\260\ cy=\210\ rx=\90\ ry=\70\ fill=\#fff\/>\n <circle cx=\235\ cy=\205\ r=\10\ fill=\#c1f28b\/>\n <circle cx=\285\ cy=\205\ r=\10\ fill=\#c1f28b\/>\n <polygon points=\260,220 248,231 272,231\ fill=\#ff7bb8\/>\n </svg>\n <figcaption class=\muted\ style=\padding:12px 16px\>Garden Vibes • Regal look</figcaption>\n </figure>\n\n <figure class=\card\ style=\padding:0\>\n <svg viewBox=\0 0 520 360\ xmlns=\http://www.w3.org/2000/svg\ aria-label=\Tech desk scene with Snowball on a laptop\>\n <defs>\n <linearGradient id=\desk\ x1=\0\ x2=\0\ y1=\0\ y2=\1\>\n <stop offset=\0\ stop-color=\#112031\/>\n <stop offset=\1\ stop-color=\#0b1626\/>\n </linearGradient>\n </defs>\n <rect width=\520\ height=\360\ fill=\url(#desk)\/>\n <rect x=\30\ y=\260\ width=\460\ height=\60\ rx=\10\ fill=\#303d52\/>\n (html comment removed: laptop )\n <rect x=\170\ y=\180\ width=\180\ height=\90\ rx=\8\ fill=\#1d2838\/>\n <rect x=\160\ y=\260\ width=\200\ height=\12\ rx=\6\ fill=\#1d2838\/>\n (html comment removed: cat )\n <ellipse cx=\260\ cy=\170\ rx=\90\ ry=\60\ fill=\#fff\/>\n <circle cx=\235\ cy=\165\ r=\8\ fill=\#c1f28b\/>\n <circle cx=\285\ cy=\165\ r=\8\ fill=\#c1f28b\/>\n <polygon points=\260,178 250,188 270,188\ fill=\#ff7bb8\/>\n </svg>\n <figcaption class=\muted\ style=\padding:12px 16px\>Creator Mode • Tech friendly</figcaption>\n </figure>\n </section>\n\n (html comment removed: SERVICES )\n <section class=\grid grid-3\ style=\margin-top:22px\>\n <article class=\card\>\n <h2>Services</h2>\n <ul>\n <li>Sponsored photo & short‑form video sets</li>\n <li>Product placement & cozy lifestyle scenes</li>\n <li>Unboxings, reviews, and reels</li>\n </ul>\n </article>\n <article class=\card\>\n <h2>Packages</h2>\n <table>\n <tr><th>Package</th><th>Includes</th><th>Rate</th></tr>\n <tr><td>Starter</td><td>2 photos + 1 reel</td><td>€450</td></tr>\n <tr><td>Standard</td><td>5 photos + 2 reels</td><td>€980</td></tr>\n <tr><td>Deluxe</td><td>10 photos + 4 reels + story</td><td>€2,100</td></tr>\n </table>\n </article>\n <article class=\card\>\n <h2>Brands ❤️</h2>\n <p class=\muted\>Pet care, furniture, cozy tech, feeders, smart home.</p>\n <p><span class=\badge\>🐾 Gentle handling</span> <span class=\badge\>📸 4K ready</span> <span class=\badge\>🎯 Brief‑first</span></p>\n </article>\n </section>\n\n (html comment removed: CONTACT )\n <section id=\contact\ class=\card\ style=\margin-top:22px\>\n <h2>Contact</h2>\n <p class=\muted\>Tell me about your brand, goals, and timeline. I’ll reply with concepts within 24h.</p>\n <form class=\grid\ action=\#\ method=\post\>\n <div class=\grid\ style=\grid-template-columns: 1fr 1fr; gap:14px\>\n <label> Name<br><input required type=\text\ placeholder=\Your name\ style=\width:100%; padding:12px; border-radius:12px; border:1px solid rgba(255,255,255,.15); background:#0b121c; color:var(--ink)\></label>\n <label> Email<br><input required type=\email\ placeholder=\[email protected]\ style=\width:100%; padding:12px; border-radius:12px; border:1px solid rgba(255,255,255,.15); background:#0b121c; color:var(--ink)\></label>\n </div>\n <label> Message<br><textarea required rows=\5\ placeholder=\Project details, deliverables, dates…\ style=\width:100%; padding:12px; border-radius:12px; border:1px solid rgba(255,255,255,.15); background:#0b121c; color:var(--ink)\></textarea></label>\n <div class=\right\><button class=\btn\ type=\submit\>Send meowssage</button></div>\n </form>\n </section>\n\n <footer>\n <p>© 2025 Snowball. Hand‑crafted site with HTML, CSS, and original inline SVG artwork.</p>\n </footer>\n </div>\n\n \n</body>\n</html>\n\n\n\n,hideSignIn:true,hideMenu:true
You are viewing a single comment's thread from: