JSFiddle - React, Tailwind, and code Playground
by elcoyote67
HTML
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.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="300px" height="228px" viewBox="0 0 150 114" enable-background="new 0 0 150 114" xml:space="preserve">
<g>
<rect fill="#DBDBDB" width="149" height="113"/>
</g>
<g opacity="0.6">
<rect opacity="0.5" fill="#B2B2B2" width="1" height="113"/>
</g>
<g opacity="0.2">
<rect x="148" opacity="0.2" fill="#B2B2B2" width="1" height="113"/>
</g>
<rect x="1" y="1" fill="#FFFFFF" width="147" height="111"/>
<path fill="#F3F3F3" fill-opacity="0.69" stroke="#757575" stroke-miterlimit="10" stroke-opacity="0.5" d="M141,21.5"/>
<rect x="1" y="24" opacity="0.1" fill="#19B4D8" width="147" height="37.694"/>
<rect x="1.5" y="24" opacity="0.3" fill="#999999" width="146.5" height="1"/>
<rect x="1.5" y="60" opacity="0.2" fill="#FFFFFF" width="146.5" height="1"/>
<rect x="1" y="112" opacity="0.2" fill="#B2B2B2" fill-opacity="0.2" width="148" height="1"/>
<g opacity="0.2">
<rect x="148" opacity="0.2" fill="#B2B2B2" width="1" height="113"/>
</g>
<g opacity="0.7">
<rect x="149" fill="#FFFFFF" width="1" height="114"/>
</g>
<rect x="1" y="112" opacity="0.2" fill="#B2B2B2" fill-opacity="0.2" width="148" height="1"/>
<rect y="113" opacity="0.7" fill="#FFFFFF" width="149" height="1"/>
<rect x="19" y="10" opacity="0.25" fill="#999999" width="22" height="4"/>
<circle opacity="0.57" fill="#999999" stroke="#999999" stroke-miterlimit="10" cx="13" cy="11.5" r="3.5"/>
<rect x="10" y="69" opacity="0.25" fill="#999999" width="34.131" height="4"/>
<rect x="10" y="75" opacity="0.15" fill="#999999" width="34.131" height="3"/>
<rect x="10" y="80" opacity="0.15" fill="#999999" width="34.131" height="3"/>
<rect x="10" y="85" opacity="0.15"...