<template>
  <div class="page-header-index-wide">
    <a-row :gutter="12" type="flex" align="middle">
      <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
        <a-card>
          <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
          <template class="ant-card-actions" slot="actions">
            <a-icon type="check"/>
            <a-icon type="setting"/>
          </template>
          <a-card-meta title="Anatole"></a-card-meta>
        </a-card>
      </a-col>
      <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
        <a-card>
          <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
          <template class="ant-card-actions" slot="actions">
            <a-icon type="check"/>
            <a-icon type="setting"/>
          </template>
          <a-card-meta title="Anatole"></a-card-meta>
        </a-card>
      </a-col>
      <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
        <a-card>
          <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
          <template class="ant-card-actions" slot="actions">
            <a-icon type="check"/>
            <a-icon type="setting"/>
          </template>
          <a-card-meta title="Anatole"></a-card-meta>
        </a-card>
      </a-col>
      <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
        <a-card>
          <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
          <template class="ant-card-actions" slot="actions">
            <a-icon type="check"/>
            <a-icon type="setting"/>
          </template>
          <a-card-meta title="Anatole"></a-card-meta>
        </a-card>
      </a-col>
      <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
        <a-card>
          <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
          <template class="ant-card-actions" slot="actions">
            <a-icon type="check"/>
            <a-icon type="setting"/>
          </template>
          <a-card-meta title="Anatole"></a-card-meta>
        </a-card>
      </a-col>
      <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
        <a-card>
          <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
          <template class="ant-card-actions" slot="actions">
            <a-icon type="check"/>
            <a-icon type="setting"/>
          </template>
          <a-card-meta title="Anatole"></a-card-meta>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
</style>
