<article class="ml-author"> <div class="author-avatar-wrapper"> <img src="https://picsum.photos/500/500" alt=""> </div> <div class="author-content-wrapper"> <h3 class="at-title">Nome da autora</h3> <div class="at-text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque.</p> </div> <ul class="ml-social-buttons-list"> <li><a href="#" class="at-social-button is-secondary at-icon-envelope-open"><span class="is-sr-only">Email</span></a></li> <li><a href="#" class="at-social-button is-secondary at-icon-twitter"><span class="is-sr-only">Twitter</span></a></li> <li><a href="#" class="at-social-button is-secondary at-icon-instagram"><span class="is-sr-only">Instagram</span></a></li> </ul> </div></article>