Cards

<d-card
  link="/docs/core/diem-protocol"
  icon="https://files.readme.io/0a114eb-protocol-overview.svg"
  title="Transactions and States"
  text="Key concepts of the Diem Blockchain"
></d-card>

<div class="mt-6">
  <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-12 lg:grid-cols-3">
    <d-card
      title="Transactions and states"
      text="Learn about how the fundamentals of the Diem Blockchain work."
      link="/main/docs/basics-txns-states"
      icon="https://diem-developers-components.netlify.app/images/transaction-workflows.svg"
    ></d-card>

    <d-card
      title="Validator nodes"
      text="Explore Diem nodes and their components."
      link="/main/docs/basics-validator-nodes"
      icon="https://diem-developers-components.netlify.app/images/diem-nodes.svg"
    ></d-card>

    <d-card
      title="Accounts"
      text="Read about accounts"
      link="/main/docs/basics-accounts"
      icon="https://diem-developers-components.netlify.app/images/accounts.svg"
    ></d-card>
  </div>
</div>
</div>