1 |
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 288 158" style="enable-background:new 0 0 288 158" xml:space="preserve"><style>.st0{fill:#fff}.st1{fill:#ede7f5}.st2{fill:#c1b2dd}.bar{fill:#3e2c73}.st4,.st5{fill:none;stroke:#3e2c73;stroke-width:.75}.st5{stroke:#ff7738;stroke-width:1.5}</style><g id="card_1"><path class="st0" d="M219 109.2 218.1 5a2 2 0 0 0-2-2H7.1a2 2 0 0 0-2 2L4 110c0 1.1.9 2 2 2l211-.8a2 2 0 0 0 2-2z"/><path class="st1" d="M0 34h224v52H0V34z"/><path class="st2" d="M200 12c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8z"/><path class="bar" d="M41.5 18h102c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5h-102c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5z"/><path class="st2" d="M19 99h28c.6 0 1 .4 1 1s-.4 1-1 1H19c-.6 0-1-.4-1-1s.4-1 1-1zm35 0h68c.6 0 1 .4 1 1s-.4 1-1 1H54c-.6 0-1-.4-1-1s.4-1 1-1z"/><path class="st4" d="m219 109.3-.9-104.4a2 2 0 0 0-2-2H7.1a2 2 0 0 0-2 2L4 110.1c0 1.1.9 2 2 2l211-.8a2 2 0 0 0 2-2z"/><path class="st5" d="M3 109.4 2 3c0-1.1.9-2 2-2h214.4a2 2 0 0 1 2 2l.5 109a2 2 0 0 1-2 2L5 111.4a2 2 0 0 1-2-2z"/><path d="M19 13h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H19a2 2 0 0 1-2-2V15c0-1.1.9-2 2-2z" style="fill:#5a4a79"/><path class="st4" d="M17 11.4h10c.9 0 1.6.7 1.6 1.6v10c0 .9-.7 1.6-1.6 1.6H17c-.9 0-1.6-.7-1.6-1.6V13c0-.9.7-1.6 1.6-1.6zm181 0a7.6 7.6 0 1 1 0 15.2 7.6 7.6 0 0 1 0-15.2z"/><path class="st1" d="M189 12c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8z"/><path class="st4" d="M187 11.4a7.6 7.6 0 1 1 0 15.2 7.6 7.6 0 0 1 0-15.2z"/></g><path class="bar" transform="rotate(180 19 86)" d="M15 84h8v4h-8z"><animate attributeName="height" dur="4s" values="4;10;4" repeatCount="indefinite"/></path><path class="bar" d="M28 80h8v8h-8z"/><path class="bar" transform="rotate(180 45 83)" d="M41 78h8v10h-8z"><animate attributeName="height" dur="4s" values="10;20;10" repeatCount="indefinite"/></path><path class="bar" transform="rotate(180 58 81.5)" d="M54 75h8v13h-8z"><animate attributeName="height" dur="4s" values="13;4;13" repeatCount="indefinite"/></path><g id="card_2"><path class="st0" d="M283 152.2 282.1 48a2 2 0 0 0-2-2h-209a2 2 0 0 0-2 2L68 153c0 1.1.9 2 2 2l211-.8a2 2 0 0 0 2-2z"/><path class="st1" d="M64 77h224v52H64V77z"/><path class="st2" d="M264 55c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8z"/><path class="bar" d="M105.5 61h102c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5h-102c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5z"/><path class="st2" d="M83 142h28c.6 0 1 .4 1 1s-.4 1-1 1H83c-.6 0-1-.4-1-1s.4-1 1-1zm35 0h68c.6 0 1 .4 1 1s-.4 1-1 1h-68c-.6 0-1-.4-1-1s.4-1 1-1z"/><path class="st4" d="m283 152.3-.9-104.4a2 2 0 0 0-2-2h-209a2 2 0 0 0-2 2L68 153.1c0 1.1.9 2 2 2l211-.8a2 2 0 0 0 2-2z"/><path class="st5" d="M67 152.4 66 46c0-1.1.9-2 2-2h214.4a2 2 0 0 1 2 2l.5 109a2 2 0 0 1-2 2l-214-2.6c-1 0-1.9-.9-1.9-2z"/><path d="M83 56h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H83a2 2 0 0 1-2-2V58c0-1.1.9-2 2-2z" style="fill:#ff7738"/><path class="st4" d="M81 54.4h10c.9 0 1.6.7 1.6 1.6v10c0 .9-.7 1.6-1.6 1.6H81c-.9 0-1.6-.7-1.6-1.6V56c0-.9.7-1.6 1.6-1.6zm181 0a7.6 7.6 0 1 1 0 15.2 7.6 7.6 0 0 1 0-15.2z"/></g><rect x="80" y="116" class="bar" width="8" transform="rotate(180 84 123.5)"><animate attributeName="height" dur="4s" values="15;10;15" repeatCount="indefinite"/></rect><path class="bar" d="M93 123h8v8h-8z"/><rect x="106" y="110" class="bar" width="8" transform="rotate(180 110 120.5)"><animate attributeName="height" dur="4s" values="21;30;21" repeatCount="indefinite"/></rect><rect x="119" y="113" class="bar" width="8" transform="rotate(180 123 122)"><animate attributeName="height" dur="4s" values="18;10;18" repeatCount="indefinite"/></rect><path class="bar" transform="rotate(180 136 115)" d="M132 99h8v32h-8z"/><rect x="158" y="99" class="bar" width="8" transform="rotate(180 162 115)"><animate attributeName="height" dur="4s" values="32;40;32" repeatCount="indefinite"/></rect><rect x="145" y="84" class="bar" width="8" transform="rotate(180 149 107.5)"><animate attributeName="height" dur="4s" values="47;35;47" repeatCount="indefinite"/></rect><path class="bar" d="M171 110h8v21h-8z"/><path class="bar" transform="rotate(180 188 108.5)" d="M184 86h8v45h-8z"><animate attributeName="height" dur="4s" values="45;50;45" repeatCount="indefinite"/></path><path class="bar" d="M197 113h8v18h-8z"/><path class="bar" transform="rotate(180 214 118)" d="M210 105h8v26h-8z"><animate attributeName="height" dur="4s" values="26;30;26" repeatCount="indefinite"/></path><path class="bar" d="M223 123h8v8h-8z"/><path class="bar" transform="rotate(180 240 121)" d="M236 111h8v20h-8z"><animate attributeName="height" dur="4s" values="20;26;20" repeatCount="indefinite"/></path><path class="bar" transform="rotate(180 253 119)" d="M249 107h8v24h-8z"><animate attributeName="height" dur="4s" values="24;30;24" repeatCount="indefinite"/></path><path class="bar" transform="rotate(180 266 129)" d="M262 127h8v4h-8z"><animate attributeName="height" dur="4s" values="4;20;4" repeatCount="indefinite"/></path></svg>
|