Replace generic icons with real payment brand logos
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>
This commit is contained in:
parent
560a598d19
commit
3ad606610b
@ -218,26 +218,29 @@
|
||||
<div class="gold-line"></div>
|
||||
<p style="color: var(--text-light); margin-bottom: 40px;" data-i18n="app.paymentSubtitle">Payez avec votre portefeuille mobile, en toute sécurité</p>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: center; gap: 32px; flex-wrap: wrap;">
|
||||
<div class="animate-on-scroll delay-1" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
|
||||
<i class="fa-solid fa-mobile-screen-button" style="font-size: 2.5rem; color: #2e9e5b; margin-bottom: 12px; display:block;"></i>
|
||||
<strong style="display: block; color: var(--navy);">MVola</strong>
|
||||
<span style="font-size: 0.8rem; color: var(--text-light);">Yas Madagascar</span>
|
||||
<div class="payment-logos-grid">
|
||||
<div class="payment-logo-card animate-on-scroll delay-1">
|
||||
<div class="payment-logo-img"><img src="images/payment-logos/mvola.svg" alt="MVola" loading="lazy"></div>
|
||||
<strong>MVola</strong>
|
||||
<span>Yas Madagascar</span>
|
||||
</div>
|
||||
<div class="animate-on-scroll delay-2" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
|
||||
<i class="fa-solid fa-mobile-screen-button" style="font-size: 2.5rem; color: #ff6600; margin-bottom: 12px; display:block;"></i>
|
||||
<strong style="display: block; color: var(--navy);">Orange Money</strong>
|
||||
<span style="font-size: 0.8rem; color: var(--text-light);">Orange Madagascar</span>
|
||||
<div class="payment-logo-card animate-on-scroll delay-2">
|
||||
<div class="payment-logo-img"><img src="images/payment-logos/orange.svg" alt="Orange Money" loading="lazy"></div>
|
||||
<strong>Orange Money</strong>
|
||||
<span>Orange Madagascar</span>
|
||||
</div>
|
||||
<div class="animate-on-scroll delay-3" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
|
||||
<i class="fa-solid fa-mobile-screen-button" style="font-size: 2.5rem; color: #e2000f; margin-bottom: 12px; display:block;"></i>
|
||||
<strong style="display: block; color: var(--navy);">Airtel Money</strong>
|
||||
<span style="font-size: 0.8rem; color: var(--text-light);">Airtel Madagascar</span>
|
||||
<div class="payment-logo-card animate-on-scroll delay-3">
|
||||
<div class="payment-logo-img"><img src="images/payment-logos/airtel.svg" alt="Airtel Money" loading="lazy"></div>
|
||||
<strong>Airtel Money</strong>
|
||||
<span>Airtel Madagascar</span>
|
||||
</div>
|
||||
<div class="animate-on-scroll delay-4" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
|
||||
<i class="fa-solid fa-credit-card" style="font-size: 2.5rem; color: #1a1a3e; margin-bottom: 12px; display:block;"></i>
|
||||
<strong style="display: block; color: var(--navy);" data-i18n="app.cardLabel">Carte Bancaire</strong>
|
||||
<span style="font-size: 0.8rem; color: var(--text-light);">Visa / Mastercard</span>
|
||||
<div class="payment-logo-card animate-on-scroll delay-4">
|
||||
<div class="payment-logo-img payment-logo-img--double">
|
||||
<img src="images/payment-logos/visa.svg" alt="Visa" loading="lazy">
|
||||
<img src="images/payment-logos/mastercard.svg" alt="Mastercard" loading="lazy">
|
||||
</div>
|
||||
<strong data-i18n="app.cardLabel">Carte Bancaire</strong>
|
||||
<span>Visa / Mastercard</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -2107,3 +2107,73 @@ a:focus-visible {
|
||||
.float-notif, .float-pill { display: none; }
|
||||
.app-mockup-outer { padding: 20px; }
|
||||
}
|
||||
|
||||
/* Payment logos grid (Application page) */
|
||||
.payment-logos-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 24px;
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.payment-logo-card {
|
||||
text-align: center;
|
||||
padding: 28px 20px;
|
||||
background: var(--white);
|
||||
border: 1px solid rgba(26, 26, 62, 0.08);
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 4px 20px rgba(26, 26, 62, 0.04);
|
||||
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
|
||||
}
|
||||
|
||||
.payment-logo-card:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 12px 30px rgba(26, 26, 62, 0.1);
|
||||
border-color: rgba(197, 165, 90, 0.3);
|
||||
}
|
||||
|
||||
.payment-logo-img {
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.payment-logo-img img {
|
||||
max-height: 48px;
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.payment-logo-img--double {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.payment-logo-img--double img {
|
||||
max-height: 32px;
|
||||
}
|
||||
|
||||
.payment-logo-card strong {
|
||||
display: block;
|
||||
color: var(--navy);
|
||||
font-family: 'Poppins', sans-serif;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.payment-logo-card span {
|
||||
display: block;
|
||||
font-size: 0.8rem;
|
||||
color: var(--text-light);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.payment-logos-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
|
||||
.payment-logo-card { padding: 20px 14px; }
|
||||
.payment-logo-img { height: 50px; margin-bottom: 12px; }
|
||||
.payment-logo-img img { max-height: 40px; }
|
||||
.payment-logo-img--double img { max-height: 26px; }
|
||||
}
|
||||
|
||||
1
images/payment-logos/airtel.svg
Normal file
1
images/payment-logos/airtel.svg
Normal file
@ -0,0 +1 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
39
images/payment-logos/mastercard.svg
Normal file
39
images/payment-logos/mastercard.svg
Normal file
@ -0,0 +1,39 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1"
|
||||
id="svg3409" inkscape:version="0.91 r13725" sodipodi:docname="MasterCard 2016.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="999.2px" height="776px"
|
||||
viewBox="0 0 999.2 776" enable-background="new 0 0 999.2 776" xml:space="preserve">
|
||||
<path id="XMLID_1775_" inkscape:connector-curvature="0" d="M181.1,774.3v-51.5c0-19.7-12-32.6-32.6-32.6
|
||||
c-10.3,0-21.5,3.4-29.2,14.6c-6-9.4-14.6-14.6-27.5-14.6c-8.6,0-17.2,2.6-24,12v-10.3h-18v82.4h18v-45.5c0-14.6,7.7-21.5,19.7-21.5
|
||||
s18,7.7,18,21.5v45.5h18v-45.5c0-14.6,8.6-21.5,19.7-21.5c12,0,18,7.7,18,21.5v45.5H181.1z M448.1,691.9h-29.2V667h-18v24.9h-16.3
|
||||
v16.3h16.3v37.8c0,18.9,7.7,30,28.3,30c7.7,0,16.3-2.6,22.3-6l-5.2-15.5c-5.2,3.4-11.2,4.3-15.5,4.3c-8.6,0-12-5.2-12-13.7v-36.9
|
||||
h29.2V691.9z M600.9,690.1c-10.3,0-17.2,5.2-21.5,12v-10.3h-18v82.4h18v-46.4c0-13.7,6-21.5,17.2-21.5c3.4,0,7.7,0.9,11.2,1.7
|
||||
l5.2-17.2C609.4,690.1,604.3,690.1,600.9,690.1L600.9,690.1z M370,698.7c-8.6-6-20.6-8.6-33.5-8.6c-20.6,0-34.3,10.3-34.3,26.6
|
||||
c0,13.7,10.3,21.5,28.3,24l8.6,0.9c9.4,1.7,14.6,4.3,14.6,8.6c0,6-6.9,10.3-18.9,10.3c-12,0-21.5-4.3-27.5-8.6l-8.6,13.7
|
||||
c9.4,6.9,22.3,10.3,35.2,10.3c24,0,37.8-11.2,37.8-26.6c0-14.6-11.2-22.3-28.3-24.9l-8.6-0.9c-7.7-0.9-13.7-2.6-13.7-7.7
|
||||
c0-6,6-9.4,15.5-9.4c10.3,0,20.6,4.3,25.8,6.9L370,698.7L370,698.7z M848.9,690.1c-10.3,0-17.2,5.2-21.5,12v-10.3h-18v82.4h18v-46.4
|
||||
c0-13.7,6-21.5,17.2-21.5c3.4,0,7.7,0.9,11.2,1.7L861,691C857.5,690.1,852.4,690.1,848.9,690.1L848.9,690.1z M618.9,733.1
|
||||
c0,24.9,17.2,42.9,43.8,42.9c12,0,20.6-2.6,29.2-9.4l-8.6-14.6c-6.9,5.2-13.7,7.7-21.5,7.7c-14.6,0-24.9-10.3-24.9-26.6
|
||||
c0-15.5,10.3-25.8,24.9-26.6c7.7,0,14.6,2.6,21.5,7.7l8.6-14.6c-8.6-6.9-17.2-9.4-29.2-9.4C636.1,690.1,618.9,708.2,618.9,733.1
|
||||
L618.9,733.1L618.9,733.1z M785.4,733.1v-41.2h-18v10.3c-6-7.7-14.6-12-25.8-12c-23.2,0-41.2,18-41.2,42.9c0,24.9,18,42.9,41.2,42.9
|
||||
c12,0,20.6-4.3,25.8-12v10.3h18V733.1L785.4,733.1z M719.3,733.1c0-14.6,9.4-26.6,24.9-26.6c14.6,0,24.9,11.2,24.9,26.6
|
||||
c0,14.6-10.3,26.6-24.9,26.6C728.8,758.8,719.3,747.6,719.3,733.1L719.3,733.1z M503.9,690.1c-24,0-41.2,17.2-41.2,42.9
|
||||
c0,25.8,17.2,42.9,42.1,42.9c12,0,24-3.4,33.5-11.2l-8.6-12.9c-6.9,5.2-15.5,8.6-24,8.6c-11.2,0-22.3-5.2-24.9-19.7h60.9
|
||||
c0-2.6,0-4.3,0-6.9C542.5,707.3,527,690.1,503.9,690.1L503.9,690.1L503.9,690.1z M503.9,705.6c11.2,0,18.9,6.9,20.6,19.7h-42.9
|
||||
C483.3,714.2,491,705.6,503.9,705.6L503.9,705.6z M951.1,733.1v-73.8h-18v42.9c-6-7.7-14.6-12-25.8-12c-23.2,0-41.2,18-41.2,42.9
|
||||
c0,24.9,18,42.9,41.2,42.9c12,0,20.6-4.3,25.8-12v10.3h18V733.1L951.1,733.1z M885,733.1c0-14.6,9.4-26.6,24.9-26.6
|
||||
c14.6,0,24.9,11.2,24.9,26.6c0,14.6-10.3,26.6-24.9,26.6C894.4,758.8,885,747.6,885,733.1L885,733.1z M282.4,733.1v-41.2h-18v10.3
|
||||
c-6-7.7-14.6-12-25.8-12c-23.2,0-41.2,18-41.2,42.9c0,24.9,18,42.9,41.2,42.9c12,0,20.6-4.3,25.8-12v10.3h18V733.1L282.4,733.1z
|
||||
M215.5,733.1c0-14.6,9.4-26.6,24.9-26.6c14.6,0,24.9,11.2,24.9,26.6c0,14.6-10.3,26.6-24.9,26.6
|
||||
C224.9,758.8,215.5,747.6,215.5,733.1z"/>
|
||||
<g>
|
||||
<rect id="rect19" x="364" y="66.1" fill="#FF5A00" width="270.4" height="485.8"/>
|
||||
<path id="XMLID_330_" inkscape:connector-curvature="0" fill="#EB001B" d="M382,309c0-98.7,46.4-186.3,117.6-242.9
|
||||
C447.2,24.9,381.1,0,309,0C138.2,0,0,138.2,0,309s138.2,309,309,309c72.1,0,138.2-24.9,190.6-66.1C428.3,496.1,382,407.7,382,309z"
|
||||
/>
|
||||
<path id="path22" inkscape:connector-curvature="0" fill="#F79E1B" d="M999.2,309c0,170.8-138.2,309-309,309
|
||||
c-72.1,0-138.2-24.9-190.6-66.1c72.1-56.7,117.6-144.2,117.6-242.9S570.8,122.7,499.6,66.1C551.9,24.9,618,0,690.1,0
|
||||
C861,0,999.2,139.1,999.2,309z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
1
images/payment-logos/mvola.svg
Normal file
1
images/payment-logos/mvola.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 21 KiB |
30
images/payment-logos/orange.svg
Normal file
30
images/payment-logos/orange.svg
Normal file
@ -0,0 +1,30 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="283.5px" height="283.5px" viewBox="0 0 283.5 283.5" enable-background="new 0 0 283.5 283.5" xml:space="preserve">
|
||||
<g>
|
||||
<rect x="0" y="0" fill="#FF7900" width="283.5" height="283.5"/>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M111.2,256c-4,2.6-8.4,3.9-13,3.9c-7.4,0-11.7-4.9-11.7-11.5c0-8.8,8.1-13.5,24.8-15.4v-2.2
|
||||
c0-2.9-2.2-4.5-6.2-4.5c-4,0-7.3,1.6-9.6,4.5l-7-4c3.7-5.1,9.3-7.7,16.8-7.7c10.3,0,16.1,4.5,16.1,11.7c0,0,0,28.5,0,28.6h-9.2
|
||||
L111.2,256z M96.6,247.7c0,2.6,1.7,5.1,4.7,5.1c3.3,0,6.4-1.4,9.6-4.2v-9.3C101.2,240.6,96.6,243,96.6,247.7z"/>
|
||||
<path fill="#FFFFFF" d="M129.5,221.1l8.6-1.2l0.9,4.7c4.9-3.5,8.7-5.4,13.6-5.4c8.1,0,12.3,4.3,12.3,12.8v27.5h-10.4v-25.7
|
||||
c0-4.8-1.3-7-5-7c-3.1,0-6.2,1.4-9.7,4.4v28.3h-10.3V221.1z"/>
|
||||
<path fill="#FFFFFF" d="M233.7,260.2c-11.6,0-18.6-7.5-18.6-20.5c0-13.1,7-20.6,18.4-20.6c11.4,0,18.2,7.2,18.2,20.1
|
||||
c0,0.7-0.1,1.4-0.1,2h-26.3c0.1,7.5,3.2,11.2,9.3,11.2c3.9,0,6.5-1.6,8.9-5.1l7.6,4.2C247.8,257.2,241.8,260.2,233.7,260.2z
|
||||
M241.5,234.5c0-5.3-3-8.4-7.9-8.4c-4.7,0-7.6,3-8,8.4H241.5z"/>
|
||||
<path fill="#FFFFFF" d="M34.9,260.6c-10.3,0-19.5-6.5-19.5-20.8c0-14.3,9.3-20.8,19.5-20.8c10.3,0,19.5,6.5,19.5,20.8
|
||||
C54.4,254.1,45.2,260.6,34.9,260.6z M34.9,227.7c-7.7,0-9.2,7-9.2,12c0,5.1,1.4,12,9.2,12c7.8,0,9.2-7,9.2-12
|
||||
C44.1,234.7,42.6,227.7,34.9,227.7z"/>
|
||||
<path fill="#FFFFFF" d="M61.5,220h9.9v4.6c1.9-2.5,6.5-5.5,10.9-5.5c0.4,0,0.9,0,1.3,0.1v9.7c-0.2,0-0.3,0-0.5,0
|
||||
c-4.5,0-9.5,0.7-11,4.2v26.2H61.5V220z"/>
|
||||
<path fill="#FFFFFF" d="M190.3,251c7.9-0.1,8.5-8.1,8.5-13.3c0-6.2-3-11.2-8.6-11.2c-3.7,0-7.9,2.7-7.9,11.6
|
||||
C182.4,243,182.7,251,190.3,251z M208.9,219.9v37.4c0,6.6-0.5,17.4-19.3,17.6c-7.8,0-14.9-3.1-16.4-9.8l10.2-1.6
|
||||
c0.4,1.9,1.6,3.9,7.4,3.9c5.4,0,8-2.6,8-8.7v-4.6l-0.1-0.1c-1.6,2.9-4.2,5.7-10.2,5.7c-9.2,0-16.4-6.4-16.4-19.7
|
||||
c0-13.2,7.5-20.6,15.9-20.6c7.9,0,10.8,3.6,11.5,5.5l-0.1,0l0.9-4.7H208.9z"/>
|
||||
<path fill="#FFFFFF" d="M255.7,206.8h-4.1v11.3h-2.2v-11.3h-4.1v-1.7h10.3V206.8z M272.7,218.1h-2.2v-10.9h-0.1l-4.3,10.9h-1.4
|
||||
l-4.3-10.9h-0.1v10.9h-2.2v-13h3.3l3.9,9.9l3.8-9.9h3.3V218.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
76
images/payment-logos/visa.svg
Normal file
76
images/payment-logos/visa.svg
Normal file
@ -0,0 +1,76 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="Layer_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="1000.046"
|
||||
height="323.65302"
|
||||
viewBox="0 0 1000.046 323.653"
|
||||
enable-background="new 0 0 258.381 161.154"
|
||||
xml:space="preserve"
|
||||
inkscape:version="0.91 r13725"
|
||||
sodipodi:docname="Visa_2006.svg"><metadata
|
||||
id="metadata23"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs21">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</defs><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1366"
|
||||
inkscape:window-height="705"
|
||||
id="namedview19"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.35355339"
|
||||
inkscape:cx="34.690897"
|
||||
inkscape:cy="131.15483"
|
||||
inkscape:window-x="-8"
|
||||
inkscape:window-y="-8"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<g
|
||||
id="g4158"
|
||||
transform="matrix(4.4299631,0,0,4.4299631,-81.165783,-105.04783)"><polygon
|
||||
points="116.145,95.719 97.858,95.719 109.296,24.995 127.582,24.995 "
|
||||
id="polygon9"
|
||||
style="fill:#00579f" /><path
|
||||
d="m 182.437,26.724 c -3.607,-1.431 -9.328,-3.011 -16.402,-3.011 -18.059,0 -30.776,9.63 -30.854,23.398 -0.15,10.158 9.105,15.8 16.027,19.187 7.075,3.461 9.48,5.72 9.48,8.805 -0.072,4.738 -5.717,6.922 -10.982,6.922 -7.301,0 -11.213,-1.126 -17.158,-3.762 l -2.408,-1.13 -2.559,15.876 c 4.289,1.954 12.191,3.688 20.395,3.764 19.188,0 31.68,-9.481 31.828,-24.153 0.073,-8.051 -4.814,-14.22 -15.35,-19.261 -6.396,-3.236 -10.313,-5.418 -10.313,-8.729 0.075,-3.01 3.313,-6.093 10.533,-6.093 5.945,-0.151 10.313,1.278 13.622,2.708 l 1.654,0.751 2.487,-15.272 0,0 z"
|
||||
id="path11"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#00579f" /><path
|
||||
d="m 206.742,70.664 c 1.506,-4.063 7.301,-19.788 7.301,-19.788 -0.076,0.151 1.503,-4.138 2.406,-6.771 l 1.278,6.094 c 0,0 3.463,16.929 4.215,20.465 -2.858,0 -11.588,0 -15.2,0 l 0,0 z m 22.573,-45.669 -14.145,0 c -4.362,0 -7.676,1.278 -9.558,5.868 l -27.163,64.855 19.188,0 c 0,0 3.159,-8.729 3.838,-10.609 2.105,0 20.771,0 23.479,0 0.525,2.483 2.182,10.609 2.182,10.609 l 16.932,0 -14.753,-70.723 0,0 z"
|
||||
id="path13"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#00579f" /><path
|
||||
d="M 82.584,24.995 64.675,73.222 62.718,63.441 C 59.407,52.155 49.023,39.893 37.435,33.796 l 16.404,61.848 19.338,0 28.744,-70.649 -19.337,0 0,0 z"
|
||||
id="path15"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#00579f" /><path
|
||||
d="m 48.045,24.995 -29.422,0 -0.301,1.429 c 22.951,5.869 38.151,20.016 44.396,37.02 L 56.322,30.94 c -1.053,-4.517 -4.289,-5.796 -8.277,-5.945 l 0,0 z"
|
||||
id="path17"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#faa61a" /></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
Loading…
Reference in New Issue
Block a user