1 |
- <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" viewBox="0 0 288 158" style="enable-background:new 0 0 288 158;" xml:space="preserve"> <style type="text/css"> .st0{fill:#FFFFFF;} .st1{fill:#EDE7F5;} .st2{fill:#C1B2DD;} .bar{fill:#3E2C73;} .st4{fill:none;stroke:#3E2C73;stroke-width:0.75;} .st5{fill:none;stroke:#FF7738;stroke-width:1.5;} .st6{fill:#5A4A79;} .st7{fill:#FF7738;} </style> <g id="card_1"> <path class="st0" d="M219,109.2L218.1,5c0-1.1-0.9-2-2-2H7.1c-1.1,0-2,0.9-2,2L4,110c0,1.1,0.9,2,2,2l211-0.8 C218.1,111.2,219,110.3,219,109.2z"/> <path class="st1" d="M0,34h224v52H0V34z"/> <path class="st2" d="M200,12c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S195.6,12,200,12z"/> <path class="bar" d="M41.5,18h102c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5h-102c-0.8,0-1.5-0.7-1.5-1.5S40.7,18,41.5,18z"/> <path class="st2" d="M19,99h28c0.6,0,1,0.4,1,1s-0.4,1-1,1H19c-0.6,0-1-0.4-1-1S18.4,99,19,99z M54,99h68c0.6,0,1,0.4,1,1 s-0.4,1-1,1H54c-0.6,0-1-0.4-1-1S53.4,99,54,99z"/> <path class="st4" d="M219,109.3L218.1,4.9c0-1.1-0.9-2-2-2H7.1c-1.1,0-2,0.9-2,2L4,110.1c0,1.1,0.9,2,2,2l211-0.8 C218.1,111.3,219,110.4,219,109.3z"/> <path class="st5" d="M3,109.4L2,3c0-1.1,0.9-2,2-2h214.4c1.1,0,2,0.9,2,2l0.5,109c0,1.1-0.9,2-2,2L5,111.4 C3.9,111.4,3,110.5,3,109.4z"/> <path class="st6" d="M19,13h10c1.1,0,2,0.9,2,2v10c0,1.1-0.9,2-2,2H19c-1.1,0-2-0.9-2-2V15C17,13.9,17.9,13,19,13z"/> <path class="st4" d="M17,11.4h10c0.9,0,1.6,0.7,1.6,1.6v10c0,0.9-0.7,1.6-1.6,1.6H17c-0.9,0-1.6-0.7-1.6-1.6V13 C15.4,12.1,16.1,11.4,17,11.4z M198,11.4c4.2,0,7.6,3.4,7.6,7.6s-3.4,7.6-7.6,7.6c-4.2,0-7.6-3.4-7.6-7.6S193.8,11.4,198,11.4z"/> <path class="st1" d="M189,12c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S184.6,12,189,12z"/> <path class="st4" d="M187,11.4c4.2,0,7.6,3.4,7.6,7.6s-3.4,7.6-7.6,7.6c-4.2,0-7.6-3.4-7.6-7.6S182.8,11.4,187,11.4z"/> </g> <g> <rect x="15" y="84" class="bar" width="8" height="4" transform="rotate(180 19 86)"><animate attributeName="height" dur="4s" values="4;10;4" repeatCount="indefinite"/></rect> <rect x="28" y="80" class="bar" width="8" height="8"></rect> <rect x="41" y="78" class="bar" width="8" height="10" transform="rotate(180 45 83)"><animate attributeName="height" dur="4s" values="10;20;10" repeatCount="indefinite"/></rect> <rect x="54" y="75" class="bar" width="8" height="13" transform="rotate(180 58 81.5)"><animate attributeName="height" dur="4s" values="13;4;13" repeatCount="indefinite"/></rect> </g> <g id="card_2"> <path class="st0" d="M283,152.2L282.1,48c0-1.1-0.9-2-2-2h-209c-1.1,0-2,0.9-2,2L68,153c0,1.1,0.9,2,2,2l211-0.8 C282.1,154.2,283,153.3,283,152.2z"/> <path class="st1" d="M64,77h224v52H64V77z"/> <path class="st2" d="M264,55c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S259.6,55,264,55z"/> <path class="bar" d="M105.5,61h102c0.8,0,1.5,0.7,1.5,1.5s-0.7,1.5-1.5,1.5h-102c-0.8,0-1.5-0.7-1.5-1.5S104.7,61,105.5,61z"/> <path class="st2" d="M83,142h28c0.6,0,1,0.4,1,1s-0.4,1-1,1H83c-0.6,0-1-0.4-1-1S82.4,142,83,142z M118,142h68c0.6,0,1,0.4,1,1 s-0.4,1-1,1h-68c-0.6,0-1-0.4-1-1S117.4,142,118,142z"/> <path class="st4" d="M283,152.3l-0.9-104.4c0-1.1-0.9-2-2-2h-209c-1.1,0-2,0.9-2,2L68,153.1c0,1.1,0.9,2,2,2l211-0.8 C282.1,154.3,283,153.4,283,152.3z"/> <path class="st5" d="M67,152.4L66,46c0-1.1,0.9-2,2-2h214.4c1.1,0,2,0.9,2,2l0.5,109c0,1.1-0.9,2-2,2l-214-2.6 C67.9,154.4,67,153.5,67,152.4z"/> <path class="st7" d="M83,56h10c1.1,0,2,0.9,2,2v10c0,1.1-0.9,2-2,2H83c-1.1,0-2-0.9-2-2V58C81,56.9,81.9,56,83,56z"/> <path class="st4" d="M81,54.4h10c0.9,0,1.6,0.7,1.6,1.6v10c0,0.9-0.7,1.6-1.6,1.6H81c-0.9,0-1.6-0.7-1.6-1.6V56 C79.4,55.1,80.1,54.4,81,54.4z M262,54.4c4.2,0,7.6,3.4,7.6,7.6s-3.4,7.6-7.6,7.6s-7.6-3.4-7.6-7.6S257.8,54.4,262,54.4z"/> </g> <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> <rect x="93" y="123" class="bar" width="8" height="8"></rect> <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> <rect x="132" y="99" class="bar" width="8" height="32" transform="rotate(180 136 115)"></rect> <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> <rect x="171" y="110" class="bar" width="8" height="21"></rect> <rect x="184" y="86" class="bar" width="8" height="45" transform="rotate(180 188 108.5)"><animate attributeName="height" dur="4s" values="45;50;45" repeatCount="indefinite"/></rect> <rect x="197" y="113" class="bar" width="8" height="18"></rect> <rect x="210" y="105" class="bar" width="8" height="26" transform="rotate(180 214 118)"><animate attributeName="height" dur="4s" values="26;30;26" repeatCount="indefinite"/></rect> <rect x="223" y="123" class="bar" width="8" height="8"></rect> <rect x="236" y="111" class="bar" width="8" height="20" transform="rotate(180 240 121)"><animate attributeName="height" dur="4s" values="20;26;20" repeatCount="indefinite"/></rect> <rect x="249" y="107" class="bar" width="8" height="24" transform="rotate(180 253 119)"><animate attributeName="height" dur="4s" values="24;30;24" repeatCount="indefinite"/></rect> <rect x="262" y="127" class="bar" width="8" height="4" transform="rotate(180 266 129)"><animate attributeName="height" dur="4s" values="4;20;4" repeatCount="indefinite"/></rect> </g> </svg>
|