The header at the top of body on an article page
<header class="l-article-header mb-3">
<div class="article-header">
<h1 class="article-header__headline f-serif">Bridge to Somewhere</h1>
<h2 class="article-header__deck f-serif">Helping U.S. Companies Tap the Global Infrastructure Market</h2>
<div class="article-header__byline-container position-relative">
<span class="article-author-name mr-4">By
<a href="#" class="article-header__byline d-inline-block">Jose W. Fernandez</a> and <a href="#" class="article-header__byline d-inline-block">Benjamin Haddad</a>
<div class="article-header__byline-bio position-absolute">
<p class="byline-bio__text font-weight-normal"><span class="byline-bio__name">Jose W. Fernandez</span> is Head of the Trade and Environment Unit at the UN/WTO International Trade Center in Geneva. The article reflects the personal views of the author.</p>
<p class="byline-bio__text font-weight-normal"><span class="byline-bio__name">Benajamin Haddad</span> is Head of the Trade and Environment Unit at the UN/WTO International Trade Center in Geneva. The article reflects the personal views of the author.</p>
<div class="byline-bio__read-more d-flex align-items-center">
<a class="byline-bio__cta d-block text-uppercase font-weight-bold" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><path d="M0 0v13h13V0zm12 12H1V1h11z"/><path d="M3.77 9.87l5.29-5.3V8.5h1V3h-5.5v1h3.66L3.06 9.16l.71.71z"/></svg> More by Jose Fernandez</a>
<a class="byline-bio__twitter d-block text-uppercase font-weight-bold" href="#"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="49.1 417.8 883.5 714.4" enable-background="new 49.1 417.8 883.5 714.4" xml:space="preserve">
<title>Twitter</title>
<path d="M926.2,501.7c-31.1,15.5-65.2,24.8-102.5,27.9c37.3-21.7,65.2-59,77.6-99.4c-34.2,21.7-71.4,34.2-111.8,43.5
c-34.2-34.2-80.7-55.9-130.4-55.9c-99.4,0-177,80.7-177,180.1c0,15.5,3.1,27.9,3.1,40.4c-149.1-6.2-279.5-77.6-366.5-186.3
c-15.5,24.8-24.8,55.9-24.8,90.1c0,62.1,31.1,118,77.6,149.1c-31.1,0-52.8-9.3-83.8-21.7c0,0,0,0,0,3.1c0,87,62.1,161.5,146,177
c-15.5,3.1-31.1,3.1-46.6,3.1c-12.4,0-21.7,0-34.2-3.1C174.6,921,243,973.8,320.6,973.8c-62.1,49.7-136.6,77.6-220.5,77.6
c-15.5,0-27.9,0-43.5-3.1c77.6,52.8,173.9,83.9,273.3,83.9c329.2,0,506.2-273.3,506.2-512.4c0-6.2,0-15.5,0-21.7
C873.4,570,901.3,539,926.2,501.7z"/>
</svg>
Follow</a>
</div>
<div class="byline-bio__read-more d-flex align-items-center">
<a class="byline-bio__cta d-block text-uppercase font-weight-bold" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><path d="M0 0v13h13V0zm12 12H1V1h11z"/><path d="M3.77 9.87l5.29-5.3V8.5h1V3h-5.5v1h3.66L3.06 9.16l.71.71z"/></svg> More by Benjamin Haddad</a>
<a class="byline-bio__twitter d-block text-uppercase font-weight-bold" href="#"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="49.1 417.8 883.5 714.4" enable-background="new 49.1 417.8 883.5 714.4" xml:space="preserve">
<title>Twitter</title>
<path d="M926.2,501.7c-31.1,15.5-65.2,24.8-102.5,27.9c37.3-21.7,65.2-59,77.6-99.4c-34.2,21.7-71.4,34.2-111.8,43.5
c-34.2-34.2-80.7-55.9-130.4-55.9c-99.4,0-177,80.7-177,180.1c0,15.5,3.1,27.9,3.1,40.4c-149.1-6.2-279.5-77.6-366.5-186.3
c-15.5,24.8-24.8,55.9-24.8,90.1c0,62.1,31.1,118,77.6,149.1c-31.1,0-52.8-9.3-83.8-21.7c0,0,0,0,0,3.1c0,87,62.1,161.5,146,177
c-15.5,3.1-31.1,3.1-46.6,3.1c-12.4,0-21.7,0-34.2-3.1C174.6,921,243,973.8,320.6,973.8c-62.1,49.7-136.6,77.6-220.5,77.6
c-15.5,0-27.9,0-43.5-3.1c77.6,52.8,173.9,83.9,273.3,83.9c329.2,0,506.2-273.3,506.2-512.4c0-6.2,0-15.5,0-21.7
C873.4,570,901.3,539,926.2,501.7z"/>
</svg>
Follow</a>
</div>
</div>
</span>
<time datetime="2019-10-03" class="article-published-date font-weight-bold">October 3, 2019</time>
</div>
</div>
</header>