HTMLify

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_1" x="0" y="0" viewBox="0 0 318 305" xml:space="preserve"><style>.st1{opacity:.3}.st2{fill:#C4DDF9}.st4{fill:#C4DDF9}</style><g opacity=".3"><g class="st1"><path class="st2" d="M38.5 18h113c3.3 0 6 2.7 6 6v59c0 3.3-2.7 6-6 6h-113c-3.3 0-6-2.7-6-6V24c0-3.3 2.7-6 6-6z"/></g><g class="st1"><path class="st2" d="M318.1 278v26h-65.6v-20c0-3.3 2.7-6 6-6h59.6z"/></g><g class="st1"><path class="st2" d="M318.1 268v36h-35.6v-30c0-3.3 2.7-6 6-6h29.6z"/></g><g class="st1"><path class="st2" d="M7 1h52.2c4 0 7.3 2.7 7.3 6v81c0 3.3-3.3 6-7.3 6H7c-4 0-7.3-2.7-7.3-6V7C-.3 3.7 3 1 7 1z"/></g><g class="st1"><path class="st2" d="M224.5-1v25c0 3.3-2.7 6-6 6h-38c-3.3 0-6-2.7-6-6V-1h50z"/></g><g class="st1"><path class="st2" d="M201.5-1v68c0 3.3-2.7 6-6 6h-136c-3.3 0-6-2.7-6-6V-1h148z"/></g><g opacity=".32"><circle class="st4" cx="307.5" cy="82" r="2"/><circle class="st4" cx="307.5" cy="72" r="2"/><circle class="st4" cx="307.5" cy="62" r="2"/><circle class="st4" cx="307.5" cy="52" r="2"/><circle class="st4" cx="307.5" cy="42" r="2"/><circle class="st4" cx="307.5" cy="32" r="2"/><circle class="st4" cx="307.5" cy="22" r="2"/><circle class="st4" cx="307.5" cy="12" r="2"/><circle class="st4" cx="300.5" cy="82" r="2"/><circle class="st4" cx="300.5" cy="72" r="2"/><circle class="st4" cx="300.5" cy="62" r="2"/><circle class="st4" cx="300.5" cy="52" r="2"/><circle class="st4" cx="300.5" cy="42" r="2"/><circle class="st4" cx="300.5" cy="32" r="2"/><circle class="st4" cx="300.5" cy="22" r="2"/><circle class="st4" cx="300.5" cy="12" r="2"/><circle class="st4" cx="293.5" cy="72" r="2"/><circle class="st4" cx="293.5" cy="62" r="2"/><circle class="st4" cx="293.5" cy="52" r="2"/><circle class="st4" cx="293.5" cy="42" r="2"/><circle class="st4" cx="293.5" cy="32" r="2"/><circle class="st4" cx="293.5" cy="22" r="2"/><circle class="st4" cx="293.5" cy="12" r="2"/><circle class="st4" cx="286.5" cy="62" r="2"/><circle class="st4" cx="286.5" cy="52" r="2"/><circle class="st4" cx="286.5" cy="42" r="2"/><circle class="st4" cx="286.5" cy="32" r="2"/><circle class="st4" cx="286.5" cy="22" r="2"/><circle class="st4" cx="286.5" cy="12" r="2"/><circle class="st4" cx="279.5" cy="52" r="2"/><circle class="st4" cx="279.5" cy="42" r="2"/><circle class="st4" cx="279.5" cy="32" r="2"/><circle class="st4" cx="279.5" cy="22" r="2"/><circle class="st4" cx="279.5" cy="12" r="2"/><circle class="st4" cx="272.5" cy="42" r="2"/><circle class="st4" cx="272.5" cy="32" r="2"/><circle class="st4" cx="272.5" cy="22" r="2"/><circle class="st4" cx="272.5" cy="12" r="2"/><circle class="st4" cx="265.5" cy="32" r="2"/><circle class="st4" cx="265.5" cy="22" r="2"/><circle class="st4" cx="265.5" cy="12" r="2"/><circle class="st4" cx="258.5" cy="22" r="2"/><circle class="st4" cx="258.5" cy="12" r="2"/><circle class="st4" cx="251.5" cy="12" r="2"/></g></g></svg>