<template>
  <div class="text-white">
    <div class="flex justify-between">
      <div style="width: 520px; height: 239px;">
        <content-loader
          :height="239"
          :width="520"
          :speed="2"
          primary-color="#17314f"
          secondary-color="#2b6cb0"
        >
          <rect x="0" y="45" rx="3" ry="3" width="126.28" height="31" />
          <circle cx="49" cy="145" r="48" />
          <rect x="365" y="108" rx="3" ry="3" width="62" height="31" />
          <rect x="162" y="108" rx="3" ry="3" width="195" height="31" />
          <rect x="109" y="154" rx="6" ry="6" width="126" height="38" />
          <rect x="243" y="154" rx="6" ry="6" width="277" height="38" />
          <rect x="0" y="217" rx="3" ry="3" width="67" height="22" />
          <rect x="78" y="217" rx="3" ry="3" width="80" height="22" />
          <circle cx="133" cy="122" r="24" />
        </content-loader>
      </div>

      <div class="bg-blue-800 rounded-lg" style="width: 351px; height: 210px;">
        <content-loader
          :height="210"
          :width="351"
          :speed="2"
          primary-color="#17314f"
          secondary-color="#2b6cb0"
        >
          <rect x="11" y="15" rx="3" ry="3" width="111.65" height="19" />
          <rect x="53" y="40" rx="3" ry="3" width="30" height="11" />
          <rect x="135" y="40" rx="3" ry="3" width="30" height="11" />
          <rect x="220" y="40" rx="3" ry="3" width="30" height="11" />
          <rect x="302" y="40" rx="3" ry="3" width="30" height="11" />
          <rect x="10" y="61" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="81" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="101" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="121" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="141" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="161" rx="3" ry="3" width="22" height="11" />
          <rect x="10" y="181" rx="3" ry="3" width="22" height="11" />
          <rect x="43" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="43" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="43" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="43" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="43" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="43" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="43" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="63" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="63" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="63" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="63" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="63" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="63" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="63" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="83" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="83" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="83" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="83" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="83" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="83" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="83" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="103" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="103" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="103" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="103" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="103" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="103" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="103" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="123" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="123" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="123" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="123" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="123" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="123" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="123" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="143" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="143" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="143" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="143" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="143" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="143" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="143" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="163" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="163" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="163" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="163" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="163" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="163" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="163" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="183" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="183" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="183" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="183" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="183" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="183" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="183" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="203" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="203" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="203" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="203" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="203" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="203" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="203" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="223" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="223" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="223" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="223" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="223" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="223" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="223" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="243" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="243" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="243" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="243" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="243" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="243" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="243" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="263" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="263" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="263" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="263" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="263" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="263" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="263" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="283" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="283" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="283" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="283" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="283" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="283" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="283" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="303" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="303" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="303" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="303" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="303" y="138" rx="0" ry="0" width="16" height="16" />
          <rect x="303" y="158" rx="0" ry="0" width="16" height="16" />
          <rect x="303" y="178" rx="0" ry="0" width="16" height="16" />
          <rect x="323" y="58" rx="0" ry="0" width="16" height="16" />
          <rect x="323" y="78" rx="0" ry="0" width="16" height="16" />
          <rect x="323" y="98" rx="0" ry="0" width="16" height="16" />
          <rect x="323" y="118" rx="0" ry="0" width="16" height="16" />
          <rect x="323" y="138" rx="0" ry="0" width="16" height="16" />
        </content-loader>
      </div>
    </div>
  </div>
</template>

<script>
import { ContentLoader } from 'vue-content-loader'

export default {
  components: {
    ContentLoader
  }
}
</script>
