Tailwind Card

card

<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">

<div class="bg-gray-200 mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
  <div class="px-6 py-4 sm:flex sm:items-center">
    <img src="http://source.unsplash.com/100x100" class="block mx-auto mb-4 rounded-full sm:mb-0 sm:mr-4 sm-ml-0"/>
    <div class="text-center sm:text-left sm:flex-grow">
      <div class="mb-4">
        <p class="text-xl leading-tight">姓名</p>
        <p class="text-sm leading-tight text-gray-dark">职位职称</p>
      </div>
      <div>
        <button class="text-sm rounded-full px-4 py-1 leading-normal bg-white border border-red hover:bg-red hover:text-white">关注</button>
      </div>
    </div>
  </div>
</div>