3ad606610b
Bundle the actual SVG logos in images/payment-logos/ and reference them with <img> instead of Font Awesome glyphs: - mvola.svg (from mvola.mg, the green wordmark) - orange.svg (Wikimedia Commons, square orange) - airtel.svg (Wikimedia Commons, red wordmark) - visa.svg (Wikimedia Commons) - mastercard.svg (Wikimedia Commons) New CSS block (.payment-logos-grid + .payment-logo-card) gives a clean 4-column white-card layout with hover lift, gold border tint on hover, and a 2-column responsive layout on mobile. The bank-card slot now displays both Visa and Mastercard logos side-by-side. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 line
3.3 KiB
XML
1 line
3.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100.97 105.5" width="309" height="323"><defs><clipPath id="A"><path d="M0 0h595.276v841.9H0z"/></clipPath><clipPath id="B"><path d="M0 0h595.276v841.9H0z"/></clipPath><clipPath id="C"><path d="M0 0h595.276v841.9H0z"/></clipPath></defs><g transform="matrix(.982395 0 0 .982395 -37.079197 -68.816431)"><g clip-path="url(#A)" transform="matrix(.348134 0 0 -.348134 18.140795 211.33597)"><path d="M137.19 206.457c-6.455 0-11.716-5.49-11.716-12.246 0-6.883 5.084-12.264 11.557-12.264s11.565 5.367 11.565 12.18c.073 3.24-1.043 6.3-3.166 8.653-2.156 2.37-5.078 3.678-8.24 3.678" fill="#ed1d24"/></g><path d="M62.672 176.813H69V150.13l-6.33 1.093z" fill="#ed1d24"/><g clip-path="url(#B)" transform="matrix(.348134 0 0 -.348134 19.591495 211.33597)" fill="#ed1d24"><path d="M91.66 113.624c-1.8-1.332-5.448-2.48-9.437-2.48-7.307 0-10.6 5.943-10.473 12.858.124 5.72 3.5 12.225 12.625 12.225h7.285zm-7.5 63.556c-8.682 0-16.487-2.593-24.507-6.83l-2.05-1.1 4.883-11.536 2.763 1.378c5.67 2.7 11.73 4.498 17.172 4.257 6.575-.282 9.285-3.483 9.285-10.16v-3.915H80.912c-17.313 0-28.093-9.72-28.387-24.797 0-14.348 11.28-26.7 26.984-26.7 12.667 0 23.387 4.346 30.627 12.02V150.7c0 19.928-13.434 26.47-25.987 26.47m193.477-14.917c8.073 0 9.264-9.285 9.264-15.05h-19.677c.315 7.416 3.237 15.05 10.413 15.05m3.932-50.975c-4.982 0-8.35 1.74-10.557 4.248-3.26 3.756-4.724 11.437-4.325 19.6h39.198v1.92c-.346 27.164-9.087 39.53-28.248 39.53-21.366 0-29.7-20.818-29.856-40.37-.13-12.36 4.272-24.832 12.342-31.916 4.915-4.328 11.7-6.713 19.595-6.713 4.3 0 8.784.657 12.9 2.017 7.86 2.572 13.67 7.03 13.67 7.03l-5.134 11.17c-.926-.735-8.77-6.523-19.575-6.523m-125.1 50.795l-.02-62.974h18.54v59.282c2.417 2.494 7.547 4.692 12.426 4.893 4.516.194 7.44-.8 7.44-.8l5.13 12.186c-1.986 1.046-6.735 2.32-12.254 2.32-7.964 0-20.23-2.466-31.262-14.9M344.4 111.23c-7.557.615-9.14 4.127-9.14 9.98v75.842l-18.23-3.293v-71.294c0-16.893 8.674-24.143 23.17-24.143 3.1 0 6.965.77 6.965.77v12.097s-1.72-.05-2.767.04m-115.012 85.72l-18.635-3.173v-71.644c0-16.04 8.854-23.645 23.698-23.645 3.572 0 6.922.717 6.922.717v11.918c-.202.02-1.57.02-2.622.064-7.83.286-9.363 4.862-9.363 10.13v40.314h11.985v14.15h-11.985z"/></g></g><g clip-path="url(#C)" transform="matrix(2.188663 0 0 -2.188663 -253.05915 1313.2734)"><path d="M137.007 574.404c1.567.598 2.81 1.43 4 2.234l.326.214c1.27.847 2.51 1.837 3.785 3.017 2.822 2.613 4.516 5.177 5.486 8.306.396 1.273.95 3.745.27 6.067-.5 1.69-1.47 3.086-2.876 4.136-.162.144-1.917 1.63-5.23 1.63-3.03 0-6.35-1.236-9.87-3.68l-.11-.075-.017-.012a8.33 8.33 0 0 1-.314-.212c-.08-.066-.168-.127-.272-.2-.72-.517-1.41-1.08-2.045-1.676-1.487-1.523-3.183-4.068-3.08-6.233.045-.915.407-1.665 1.075-2.22.6-.497 1.353-.75 2.235-.75 1.802 0 3.778 1.038 5.13 1.916.085.065.17.128.257.183l.707.5.23.166c1.92 1.362 3.9 2.774 6.147 3.596.583.212 1.09.31 1.557.31.23 0 .458-.02.674-.076.682-.165 1.18-.575 1.477-1.217.517-1.124.394-2.9-.312-4.51-.964-2.202-2.62-4.377-4.918-6.457-1.174-1.06-2.255-1.88-3.218-2.432l-.087-.05c-.45-.263-.956-.56-1.492-.77l-.073-.03c-.158-.063-.294-.12-.42-.163-2.248-.637-.88 1.46-.88 1.46.495.622 1 1.124 1.536 1.647l.934.95.07.077c.392.416.93.984.9 1.8-.047 1.087-1.083 1.765-2.063 1.794h-.07c-.938 0-1.828-.586-2.41-1.073a8.33 8.33 0 0 1-1.615-1.931c-.597-1.005-1.857-3.57-.63-5.618.49-.818 1.31-1.234 2.435-1.234.785 0 1.713.202 2.762.604" fill="#ed1d24"/></g></svg> |