Twitter Users Lists Sample

by Shobhit Sharma

HTML

<div class="position-relative">
        
    <div class="d-table table-fixed col-12 width-full py-4 border-bottom border-gray-light">
  <div class="d-table-cell col-1 v-align-top">
    <a class="d-inline-block" data-hovercard-user-id="105127" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/developit" aria-describedby="hovercard-aria-description"><img class="avatar" src="https://avatars2.githubusercontent.com/u/105127?s=100&amp;v=4" width="50" height="50" alt="@developit"></a>
  </div>

  <div class="d-table-cell col-9 v-align-top pr-3">
    <a class="d-inline-block no-underline mb-1" data-hovercard-user-id="105127" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="/developit" aria-describedby="hovercard-aria-description">
      <span class="f4 link-gray-dark">Jason Miller</span>
      <span class="link-gray pl-1">developit</span>
</a>

      <div class="wb-break-all text-gray text-small mb-2">
        <div>Web DevRel at Google. Creator of Preact and other tiny libraries.</div>
      </div>

      <p class="text-gray text-small mb-0">
        <span class="mr-3">
          <svg class="octicon octicon-organization" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M16 12.999c0 .439-.45 1-1 1H7.995c-.539 0-.994-.447-.995-.999H1c-.54 0-1-.561-1-1 0-2.634 3-4 3-4s.229-.409 0-1c-.841-.621-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.442.58 2.5 3c.058 2.41-.159 2.379-1 3-.229.59 0 1 0 1s1.549.711 2.42 2.088C9.196 9.369 10 8.999 10 8.999s.229-.409 0-1c-.841-.62-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.437.581 2.495 3c.059 2.41-.158 2.38-1 3-.229.59 0 1 0 1s3.005 1.366 3.005 4z"></path></svg> @google
        </span>
        <svg class="octicon octicon-location" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14...