Cards

<div class="cards">
  <div class="card">
    <div class="card-graphic inventory">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 510"><circle class="color-one" cx="255" cy="255" r="255"/><path class="white" d="M290.83 393h-71.66a7.16 7.16 0 0 1-7.17-7.14V124.14a7.16 7.16 0 0 1 7.17-7.14h71.66a7.16 7.16 0 0 1 7.17 7.14v261.72a7.16 7.16 0 0 1-7.17 7.14zm100 0h-71.66a7.16 7.16 0 0 1-7.17-7.14V124.14a7.16 7.16 0 0 1 7.17-7.14h71.66a7.16 7.16 0 0 1 7.17 7.14v261.72a7.16 7.16 0 0 1-7.17 7.14zm-200 0h-71.66a7.16 7.16 0 0 1-7.17-7.14V124.14a7.16 7.16 0 0 1 7.17-7.14h71.66a7.16 7.16 0 0 1 7.17 7.14v261.72a7.16 7.16 0 0 1-7.17 7.14z"/><path class="color-two" d="M269.25 274h-28.5a4.75 4.75 0 0 1 0-9.5h28.5a4.75 4.75 0 0 1 0 9.5zm4.75-55a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5A4.75 4.75 0 0 0 274 219zm0 25.13a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5a4.75 4.75 0 0 0 4.75-4.75zm0-50.25a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5a4.75 4.75 0 0 0 4.75-4.75zm0-25.13a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5a4.75 4.75 0 0 0 4.75-4.75zM290.83 393h-71.66a7.16 7.16 0 0 1-7.17-7.14V124.14a7.16 7.16 0 0 1 7.17-7.14h71.66a7.16 7.16 0 0 1 7.17 7.14v261.72a7.16 7.16 0 0 1-7.17 7.14zm-7.16-114.21v-119a4.77 4.77 0 0 0-4.78-4.76h-47.78a4.77 4.77 0 0 0-4.78 4.76v119a4.77 4.77 0 0 0 4.78 4.76h47.78a4.77 4.77 0 0 0 4.78-4.76zm-7.17 47.59a21.5 21.5 0 1 0-21.5 21.41 21.47 21.47 0 0 0 21.5-21.41zm-21.5-11.9a11.9 11.9 0 1 0 11.94 11.9 11.93 11.93 0 0 0-11.94-11.9zM369.25 274h-28.5a4.75 4.75 0 0 1 0-9.5h28.5a4.75 4.75 0 0 1 0 9.5zm4.75-55a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5A4.75 4.75 0 0 0 374 219zm0 25.13a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5a4.75 4.75 0 0 0 4.75-4.75zm0-50.25a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5a4.75 4.75 0 0 0 4.75-4.75zm0-25.13a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5a4.75 4.75 0 0 0 4.75-4.75zM390.83 393h-71.66a7.16 7.16 0 0 1-7.17-7.14V124.14a7.16 7.16 0 0 1 7.17-7.14h71.66a7.16 7.16 0 0 1 7.17 7.14v261.72a7.16 7.16 0 0 1-7.17 7.14zm-7.16-114.21v-119a4.77 4.77 0 0 0-4.78-4.76h-47.78a4.77 4.77 0 0 0-4.78 4.76v119a4.77 4.77 0 0 0 4.78 4.76h47.78a4.77 4.77 0 0 0 4.78-4.76zm-7.17 47.59a21.5 21.5 0 1 0-21.5 21.41 21.47 21.47 0 0 0 21.5-21.41zm-21.5-11.9a11.9 11.9 0 1 0 11.94 11.9 11.93 11.93 0 0 0-11.94-11.9zM169.25 274h-28.5a4.75 4.75 0 0 1 0-9.5h28.5a4.75 4.75 0 0 1 0 9.5zm4.75-55a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5A4.75 4.75 0 0 0 174 219zm0 25.13a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5a4.75 4.75 0 0 0 4.75-4.75zm0-50.25a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5a4.75 4.75 0 0 0 4.75-4.75zm0-25.13a4.75 4.75 0 0 0-4.75-4.75h-28.5a4.75 4.75 0 0 0 0 9.5h28.5a4.75 4.75 0 0 0 4.75-4.75zM190.83 393h-71.66a7.16 7.16 0 0 1-7.17-7.14V124.14a7.16 7.16 0 0 1 7.17-7.14h71.66a7.16 7.16 0 0 1 7.17 7.14v261.72a7.16 7.16 0 0 1-7.17 7.14zm-7.16-114.21v-119a4.77 4.77 0 0 0-4.78-4.76h-47.78a4.77 4.77 0 0 0-4.78 4.76v119a4.77 4.77 0 0 0 4.78 4.76h47.78a4.77 4.77 0 0 0 4.78-4.76zm-7.17 47.59a21.5 21.5 0 1 0-21.5 21.41 21.47 21.47 0 0 0 21.5-21.41zm-21.5-11.9a11.9 11.9 0 1 0 11.94 11.9 11.93 11.93 0 0 0-11.94-11.9z"/></svg>
    </div>
    <div class="card-copy">
      <h2>Inventory</h2>
      <span class="status disabled">No Action Required</span>
      <a href="#!" class="button color-one"><span class="button-label">Continue</span></a>
    </div>
  </div>
  <div class="card">
    <div class="card-graphic receipts">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 510"><circle class="color-one" cx="255" cy="255" r="255"/><path class="white" d="M328.5 87v52.5H381V423H129V87z"/><path class="color-two" d="M328.5 87l52.5 52.5h-52.5zM293 230.75H145v10.5h148zm0 42H145v-10.5h148zm0 31.5H145v-10.5h148zm-22 31.5H145v-10.5h126zm76-120.22l-6.43-6.28-20 19.44-7.18-7L307 228l13.61 13.29zm-26.39 57.22L307 259.46l6.43-6.28 7.18 7 20-19.44L347 247zm0 31.5L307 291l6.43-6.28 7.18 7 20-19.44 6.43 6.28zm16 37.28a11.91 11.91 0 0 1-6.84 3v4.25H325v-4.1a26.07 26.07 0 0 1-5.64-1 16.55 16.55 0 0 1-4.4-1.94l2.58-5.59a18.09 18.09 0 0 0 9.16 2.64c3 0 4.52-.73 4.52-2.18a1.81 1.81 0 0 0-1.28-1.7 24.69 24.69 0 0 0-4.15-1.17 41.71 41.71 0 0 1-5.24-1.4A9 9 0 0 1 317 330a6.36 6.36 0 0 1-1.5-4.45 7.56 7.56 0 0 1 2.46-5.65A11.92 11.92 0 0 1 325 317v-4.21h4.76v4.14a23.57 23.57 0 0 1 4.34.76 16 16 0 0 1 3.71 1.5l-2.42 5.63a16.62 16.62 0 0 0-7.7-2.07 6.62 6.62 0 0 0-3.41.67 2 2 0 0 0-1.07 1.74 1.73 1.73 0 0 0 1.27 1.61 23.2 23.2 0 0 0 4.09 1.11 38.58 38.58 0 0 1 5.25 1.4 9.06 9.06 0 0 1 3.61 2.37A6.21 6.21 0 0 1 339 336a7.45 7.45 0 0 1-2.36 5.53zM158.46 178.22h-4.75v8.18H145v-30.8h14.08a17.45 17.45 0 0 1 7.26 1.39 10.8 10.8 0 0 1 .4 19.73l6.64 9.68h-9.33zm4.14-14.57a6 6 0 0 0-4-1.19h-4.84v9h4.84a6.08 6.08 0 0 0 4-1.16 4.14 4.14 0 0 0 1.4-3.3 4.2 4.2 0 0 0-1.4-3.35zm39.69 16v6.73h-24.73V155.6h24.16v6.73h-15.54v5.19h13.69V174h-13.69v5.63zm11.46 5.3a15.24 15.24 0 0 1-6.05-5.7 16.64 16.64 0 0 1 0-16.54 15.24 15.24 0 0 1 6.05-5.7 18.28 18.28 0 0 1 8.69-2.05 18.59 18.59 0 0 1 7.61 1.5 14.58 14.58 0 0 1 5.63 4.31l-5.54 5a9.28 9.28 0 0 0-11.73-2.51 7.67 7.67 0 0 0-3 3.1 10.34 10.34 0 0 0 0 9.2 7.67 7.67 0 0 0 3 3.1 9.28 9.28 0 0 0 11.73-2.51l5.54 5a14.58 14.58 0 0 1-5.63 4.31 18.59 18.59 0 0 1-7.61 1.5 18.28 18.28 0 0 1-8.69-1.96zm50.53-5.3v6.73h-24.72V155.6h24.15v6.73h-15.53v5.19h13.68V174h-13.68v5.63zm4.84-24.07h8.72v30.8h-8.72zm36.26 1.42a10.86 10.86 0 0 1 0 20 17.45 17.45 0 0 1-7.26 1.39h-5.37v8.05H284V155.6h14.08a17.45 17.45 0 0 1 7.3 1.4zm-3.74 13.33A4.14 4.14 0 0 0 303 167a4.2 4.2 0 0 0-1.36-3.35 6 6 0 0 0-4.05-1.19h-4.84v9h4.84a6.08 6.08 0 0 0 4.05-1.14zm20.2-7.81h-9.46v-6.92H340v6.91h-9.41v23.89h-8.71zm24.86 23.58a17.93 17.93 0 0 1-5.73-2.46l2.86-6.43a19.57 19.57 0 0 0 10.17 3q5 0 5-2.51a2.07 2.07 0 0 0-1.43-2 26.7 26.7 0 0 0-4.59-1.34 44.21 44.21 0 0 1-5.81-1.6 9.89 9.89 0 0 1-4-2.75 7.49 7.49 0 0 1-1.67-5.01 8.89 8.89 0 0 1 1.54-5.08 10.33 10.33 0 0 1 4.6-3.59 18.93 18.93 0 0 1 7.5-1.32 26.21 26.21 0 0 1 6 .69 18.28 18.28 0 0 1 5.19 2l-2.69 6.47a17.83 17.83 0 0 0-8.53-2.38 7.17 7.17 0 0 0-3.78.77 2.29 2.29 0 0 0-1.19 2 2 2 0 0 0 1.41 1.85 25 25 0 0 0 4.53 1.28 41.86 41.86 0 0 1 5.83 1.6 10 10 0 0 1 4 2.73 7.28 7.28 0 0 1 1.69 5.08 8.66 8.66 0 0 1-1.54 5 10.42 10.42 0 0 1-4.62 3.58A18.54 18.54 0 0 1 354 187a28.23 28.23 0 0 1-7.3-.91z"/></svg>
    </div>
    <div class="card-copy">
      <h2>Receipts</h2>
      <span class="status disabled">No Action Required</span>
      <a href="#!" class="button color-one"><span class="button-label">Add Receipts</span></a>
    </div>
  </div>
  <div class="card">
    <div class="card-graphic payments">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 510 510"><circle class="color-one" cx="255" cy="255" r="255"/><path class="white" d="M181.09 87v54.12H127V423h256V87H181.09z"/><path class="color-two" d="M181.09 141.12H127L181.09 87zm63.08 81.21a6.83 6.83 0 0 1 3.11-6.06q3.1-2.09 8.52-2.09 8.63 0 22.07 4.57a135.42 135.42 0 0 1 24.68 11.12L318 198.09a99.21 99.21 0 0 0-20.77-9.83 120 120 0 0 0-24.37-5.66V154H243v29.2q-19.67 3.38-30.8 14.7T201 226.1q0 13.91 7 22.45a43.08 43.08 0 0 0 16.65 12.61A177.09 177.09 0 0 0 249 269q13 3.39 19.26 6.46t6.22 8.84a8.35 8.35 0 0 1-3.81 7.35q-3.81 2.58-10.63 2.58-11 0-26.39-6.26a93.89 93.89 0 0 1-26-15.39L192 304a92.29 92.29 0 0 0 23.37 13.61 121.27 121.27 0 0 0 27.63 7.61V356h29.9v-30.39q20.06-2.78 32.4-13.9t12.34-29.6q0-14.3-7.12-23a45.14 45.14 0 0 0-16.76-13 186.52 186.52 0 0 0-24.47-8.44q-13-3.57-19.06-6.65t-6.06-8.69z"/></svg>
    </div>
    <div class="card-copy">
      <h2>Payments</h2>
      <span class="status">Pending Verification</span>
    </div>
  </div>
</div>