<div class="o-author-profile">
  <div class="o-author-profile__expertise">
    <h4 class="o-author-profile__expertise__heading">Area of Expertise</h4>
    {{expertise}}
  </div>

  <div class="o-author-profile__bio">
    {{bio}}
  </div>

  <div class="o-author-profile__why">
    <h4 class="o-author-profile__why__heading">Why did you become a journalist?</h4>
    <blockquote class="c-article-pullquote">
      <svg class="c-article-pullquote__col c-article-pullquote__speech-mark" role="img" pointer-events="none" focusable="false" aria-hidden="true">
        <use xlink:href="{{generatedSvgSpritePath}}#icon-authorquote"></use>
      </svg>
      <div class="c-article-pullquote__col">
        <p class="c-article-pullquote__text">{{why}}</p>
      </div>
    </blockquote>
  </div>

</div>
