ICE List Wiki:Donate: Difference between revisions

From ICE List Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<span style="display:none">{{#setmainimage:File:Logo-main.png}}</span>
<span style="display:none">{{#setmainimage:File:Logo-main.png}}</span>
<html>
<html>
<style>
  .donate-flex{display:flex; gap:2em; align-items:flex-start; flex-wrap:wrap;}
  .donate-left{flex:1 1 520px; min-width:280px; max-width:600px;}
  .donate-right{flex:1 1 320px; min-width:280px; max-width:400px; border:1px solid #ddd; padding:1em; background:#fafafa; box-sizing:border-box;}
  @media (max-width: 800px){
    .donate-flex{gap:1.2em;}
    .donate-left,.donate-right{max-width:100%;}
  }
</style>


<div class="donate-flex">


<!-- FLEX CONTAINER -->
   <div class="donate-left">
<div style="display:flex; gap:2em; align-items:flex-start;">
 
  <!-- LEFT: DONATION BOX -->
   <div style="flex:1; max-width:600px;">
     <script type="module" src="https://donorbox.org/widgets.js" async></script>
     <script type="module" src="https://donorbox.org/widgets.js" async></script>
     <dbox-widget campaign="support-crust-news" type="donation_form" enable-auto-scroll="true"></dbox-widget>
     <dbox-widget campaign="support-crust-news" type="donation_form" enable-auto-scroll="true"></dbox-widget>
   </div>
   </div>


   <!-- RIGHT: SIDEBAR CONTENT -->
   <div class="donate-right">
    <div style="flex:1; max-width:400px; border:1px solid #ddd; padding:1em; background:#fafafa;">


     <h3>Why Your Support Matters</h3>
     <h3>Why Your Support Matters</h3>
Line 43: Line 47:


</div>
</div>
</html>
</html>

Revision as of 23:01, 26 December 2025

File:Logo-main.png