h-card

h-card.html

<div class="container header-contianer h-card">
  <div class="row">
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-8 header-left ">
      <img class="u-photo banner-logo" src="/images/logo.png" alt="website banner">
        <!----
      <h1 class="p-name">Cheuk Ting Ho</h1>
      <h2 class="p-summary" >Building the Open-source Community</h2>
      --->
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-4 header-right">
      <ul class="icons no-print"><li>
            <a class="u-url" target="_blank" href="https://github.com/Cheukting" class="button button--sacnite button--round-l">
              <i class="fab fa-github" title="Github link" rel="me"></i>
            </a>
          </li><li>
            <a class="u-url" target="_blank" href="https://www.linkedin.com/in/cheukting-ho" class="button button--sacnite button--round-l">
              <i class="fab fa-linkedin" title="Linkedin link" rel="me"></i>
            </a>
          </li><li>
            <a class="u-url" target="_blank" href="https://twitter.com/cheukting_ho" class="button button--sacnite button--round-l">
              <i class="fab fa-twitter" title="Twitter link" rel="me"></i>
            </a>
          </li><li>
          <a class="u-url" target="_blank" href="https://dev.to/cheukting_ho" class="button button--sacnite button--round-l">
            <i class="fab fa-dev" title="DEV Profile" rel="me"></i>
          </a>
        </li></ul></div>
  </div>
</div>