Theme customizer
Revert customizations made in this style
What's new

Music Player

Test

Bossman

Forum MVP
Joined
Jun 7, 2023
Messages
1,909
Reaction score
333
Points
912
HTML:
<div role="article" aria-label="ChillaBites Giveaway" style="box-sizing:border-box;max-width:820px;margin:24px auto;padding:0;border-radius:18px;overflow:hidden;background:
radial-gradient(1200px 600px at -10% -20%, #3b005a 0%, transparent 60%),
radial-gradient(900px 500px at 110% 120%, #003a6b 0%, transparent 60%),
linear-gradient(135deg,#0f0f10 0%,#0a0a0b 100%);
color:#f7f7f7;font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;">

  <!-- HEADER / HERO -->
  <div style="padding:36px 28px 22px;border-bottom:1px dashed rgba(255,255,255,.18);position:relative;">
    <div style="position:absolute;inset:0;pointer-events:none;background:
      repeating-linear-gradient(0deg, rgba(255,255,255,.05), rgba(255,255,255,.05) 1px, transparent 1px, transparent 3px);
      mix-blend:overlay;opacity:.25;"></div>

    <p style="margin:0 0 10px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;font-size:13px;opacity:.8;">
      RollItUp.org Community Giveaway
    </p>

    <h1 style="margin:0 0 10px;font-size:34px;line-height:1.15;
      text-shadow:0 2px 0 #000, 0 0 18px rgba(255,0,200,.25);">
      Win a <span style="color:#ff73e1;">Rosineer RosinPress Pro</span><br style="display:block" />
      <span style="font-size:.85em;opacity:.9;">(or a $350 Cash Voucher)</span>
    </h1>

    <div style="display:inline-block;margin:8px 0 0;padding:8px 14px;border-radius:10px;
      background:linear-gradient(90deg,#5cf3ff,#ff73e1);
      color:#0a0a0b;font-weight:800;letter-spacing:.04em;text-transform:uppercase;">
      Aug 26 → Sep 26, 2025 • USA • 21+
    </div>
  </div>

  <!-- COUPON CALL-OUT -->
  <div style="padding:18px 28px 8px;">
    <div style="display:flex;gap:16px;align-items:center;flex-wrap:wrap">
      <div style="flex:1;min-width:260px;background:#111;border:1px solid rgba(255,255,255,.12);
        border-radius:12px;padding:14px 16px;">
        <div style="font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:4px;">
          Entry Requirement
        </div>
        <div style="font-size:18px;line-height:1.35">
          Place an order for <strong>any ChillaBites product</strong> using code
          <span style="display:inline-block;margin:0 6px;padding:2px 10px;border-radius:8px;
            background:#101018;border:1px dashed rgba(255,255,255,.25);box-shadow:inset 0 0 0 2px rgba(255,115,225,.15);">
            <strong>ROLL</strong>
          </span>
          for <strong>$10 off + Free Shipping</strong>.
        </div>
      </div>

      <a href="https://chillabites.com/" target="_blank" rel="noopener"
         style="text-decoration:none;display:inline-block;min-width:180px;text-align:center;
         padding:14px 18px;border-radius:12px;font-weight:800;letter-spacing:.03em;
         background:linear-gradient(90deg,#ff73e1,#5cf3ff);color:#0b0b0c;border:0;">
        Shop & Enter
      </a>
    </div>
  </div>

  <!-- HOW TO ENTER -->
  <div style="padding:10px 28px 6px;">
    <h2 style="margin:10px 0 6px;font-size:22px;text-shadow:0 1px 0 #000;">How to Enter</h2>
    <ol style="margin:8px 0 0 22px;line-height:1.6;">
      <li>Order any product at <a href="https://chillabites.com/" style="color:#5cf3ff;">ChillaBites.com</a> using code <strong>ROLL</strong>.</li>
      <li>Comment on this thread with <code style="background:#17171c;border:1px solid rgba(255,255,255,.15);padding:2px 6px;border-radius:6px;">ENTERED</code>.</li>
      <li>DM me your <strong>Order #</strong> so I can verify.</li>
      <li>After you try it, please post <strong>product feedback</strong>—we improve from your critiques.</li>
    </ol>
    <p style="margin:10px 0 0;font-size:13px;opacity:.8;">Each verified order = 1 entry. Multiple orders = multiple entries.</p>
  </div>

  <!-- PRIZE DETAILS -->
  <div style="padding:14px 28px;">
    <h2 style="margin:0 0 8px;font-size:22px;text-shadow:0 1px 0 #000;">The Prize</h2>
    <ul style="margin:6px 0 0 18px;line-height:1.7;">
      <li><strong>Rosineer RosinPress Pro</strong> shipped directly to the winner <em>— or —</em></li>
      <li><strong>$350 Voucher</strong> paid via <strong>Crypto</strong>, <strong>Zelle</strong>, or <strong>Venmo</strong>.</li>
    </ul>
    <p style="margin:10px 0 0;font-size:13px;opacity:.8;">Winner will be selected at random from verified entries and contacted via forum DM shortly after the giveaway ends.</p>
  </div>

  <!-- QUICK RULES -->
  <div style="padding:14px 28px 24px;">
    <h2 style="margin:0 0 8px;font-size:22px;text-shadow:0 1px 0 #000;">Quick Rules</h2>
    <ul style="margin:6px 0 0 18px;line-height:1.7;">
      <li><strong>Dates:</strong> Starts <strong>August 26, 2025</strong> and ends <strong>September 26, 2025</strong> (11:59 PM CT).</li>
      <li><strong>Eligibility:</strong> USA only, <strong>21+</strong> to enter.</li>
      <li><strong>How to Enter:</strong> Order with code <strong>ROLL</strong>, comment <code>ENTERED</code>, then DM Order #.</li>
      <li><strong>Feedback:</strong> Post your product review/notes in this thread after trying it.</li>
      <li><strong>Verification:</strong> Orders must be valid and not cancelled/refunded.</li>
      <li><strong>Void where prohibited.</strong> Not affiliated with or endorsed by RollItUp.org or Rosineer.</li>
    </ul>
  </div>

  <!-- FOOTER STRIP -->
  <div style="padding:14px 28px;background:
    linear-gradient(90deg, rgba(92,243,255,.18), rgba(255,115,225,.18));
    border-top:1px dashed rgba(255,255,255,.18);display:flex;gap:12px;align-items:center;flex-wrap:wrap;">
    <div style="font-weight:700;letter-spacing:.02em;">ChillaBites • THC Edibles</div>
    <div style="opacity:.75">Better nights, better vibes.</div>
    <a href="https://chillabites.com/" target="_blank" rel="noopener"
       style="margin-left:auto;text-decoration:none;background:#111;border:1px solid rgba(255,255,255,.2);
       padding:8px 12px;border-radius:10px;color:#fff;">Visit Website</a>
  </div>
</div>
 
Back
Top