<div class="l-container">
<div class="l-grid l-grid--with-spacing l-grid--stretch">
<article class="c-persona-card l-grid__col l-grid__col--6@viewport-7">
<header class="c-persona-card__header">
<h3 class="c-persona-card__title">Desislava</h3>
</header>
<div class="l-grid c-persona-card__content">
<div class="l-grid__col--6">
<p class="c-persona-card__item">
<strong>Livestock farmer</strong>
</p>
<div class="c-persona-card__item c-persona-card__country u-margin-top-1x">
<div class="c-icon c-persona-card__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M19.1,3.1c-3.9-3.9-10.2-3.9-14.1,0S1,13.3,4.9,17.2l6.2,6.2c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3l6.3-6.3
C23,13.3,23,7,19.1,3.1z M17.4,15.5L12,20.9l-5.4-5.4c-3-3-3-7.8,0-10.8s7.8-3,10.8,0S20.4,12.5,17.4,15.5L17.4,15.5z M8.5,6.6
c-2,2-2,5.2,0,7.2c1.4,1.4,3.6,1.9,5.5,1.1c1.9-0.8,3.1-2.6,3.2-4.6c0-1.3-0.5-2.6-1.5-3.6c-0.9-1-2.2-1.5-3.6-1.5
C10.7,5.1,9.4,5.6,8.5,6.6z M14,12.1c-0.9,0.9-2.4,1.1-3.5,0.4s-1.5-2.1-1-3.3c0.5-1.2,1.8-1.9,3.1-1.6c1.3,0.3,2.2,1.4,2.2,2.7
C14.8,10.9,14.5,11.6,14,12.1L14,12.1z" />
</svg>
</div>
<span>Germany</span>
</div>
</div>
<div class="l-grid__col--6 c-persona-card__actions">
<a class="c-persona-card__item c-persona-card__action" href="https://www.google.com/" target="_blank">
<div class="c-icon c-persona-card__action-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M22.5,0.6c-0.9-0.1-1.6-0.2-2.5-0.2c-2.8,0-5.6,0.8-8,2.3C9.6,1.3,6.8,0.4,4,0.5c-0.9,0-1.6,0-2.5,0.2c-0.6,0.1-1,0.6-1,1.2v13.7c0,0.4,0.1,0.7,0.4,0.9s0.6,0.3,1,0.3c3.3-0.6,6.8,0.2,9.5,2.2l0.1,0.1h0.1c0.3,0.1,0.6,0.1,0.8,0h0.1l0.1-0.1c2.7-2,6.1-2.9,9.5-2.3c0.3,0.1,0.7,0,1-0.3s0.4-0.6,0.4-0.9V1.7C23.4,1.2,23,0.7,22.5,0.6zM10.8,15.9c-2.1-1.2-4.4-1.7-6.9-1.7c-0.4,0-0.8,0-1.2,0V2.7c0.4,0,0.8,0,1.2,0c2.4,0,4.8,0.7,6.9,2V15.9z M21.2,14.2c-0.4,0-0.8,0-1.2,0c-2.4,0-4.7,0.6-6.9,1.7V4.7c2-1.4,4.4-2,6.9-2c0.4,0,0.8,0,1.2,0V14.2z M22.5,18.9c-0.9-0.1-1.6-0.2-2.5-0.2c-2.8,0-5.6,0.8-8,2.3c-2.4-1.5-5.2-2.3-8-2.3c-0.9,0-1.6,0.1-2.5,0.2c-0.3,0-0.6,0.2-0.8,0.5S0.4,20,0.5,20.3c0.1,0.6,0.7,1.1,1.4,0.9c3.3-0.6,6.8,0.2,9.5,2.2c0.4,0.3,1,0.3,1.4,0c2.7-1.9,6.2-2.8,9.5-2.2c0.6,0.1,1.3-0.3,1.4-0.9c0.1-0.3,0-0.6-0.2-0.9C23.1,19.1,22.8,19,22.5,18.9L22.5,18.9z" />
</svg>
</div>
<span>User journey</span>
</a>
<a class="c-persona-card__item c-persona-card__action u-margin-top-1x" href="https://www.google.com/" target="_blank">
<div class="c-icon c-persona-card__action-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M15.71,12.71a6,6,0,1,0-7.42,0,10,10,0,0,0-6.22,8.18,1,1,0,0,0,2,.22,8,8,0,0,1,15.9,0,1,1,0,0,0,1,.89h.11a1,1,0,0,0,.88-1.1A10,10,0,0,0,15.71,12.71ZM12,12a4,4,0,1,1,4-4A4,4,0,0,1,12,12Z" /></svg>
</div>
<span>Persona</span>
</a>
</div>
</div>
</article>
<article class="c-persona-card l-grid__col l-grid__col--6@viewport-7">
<header class="c-persona-card__header">
<h3 class="c-persona-card__title">Desislava</h3>
</header>
<div class="l-grid c-persona-card__content">
<div class="l-grid__col--6">
<p class="c-persona-card__item">
<strong>Livestock farmer</strong>
</p>
<div class="c-persona-card__item c-persona-card__country u-margin-top-1x">
<div class="c-icon c-persona-card__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M19.1,3.1c-3.9-3.9-10.2-3.9-14.1,0S1,13.3,4.9,17.2l6.2,6.2c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3l6.3-6.3
C23,13.3,23,7,19.1,3.1z M17.4,15.5L12,20.9l-5.4-5.4c-3-3-3-7.8,0-10.8s7.8-3,10.8,0S20.4,12.5,17.4,15.5L17.4,15.5z M8.5,6.6
c-2,2-2,5.2,0,7.2c1.4,1.4,3.6,1.9,5.5,1.1c1.9-0.8,3.1-2.6,3.2-4.6c0-1.3-0.5-2.6-1.5-3.6c-0.9-1-2.2-1.5-3.6-1.5
C10.7,5.1,9.4,5.6,8.5,6.6z M14,12.1c-0.9,0.9-2.4,1.1-3.5,0.4s-1.5-2.1-1-3.3c0.5-1.2,1.8-1.9,3.1-1.6c1.3,0.3,2.2,1.4,2.2,2.7
C14.8,10.9,14.5,11.6,14,12.1L14,12.1z" />
</svg>
</div>
<span>Germany</span>
</div>
</div>
<div class="l-grid__col--6 c-persona-card__actions">
<a class="c-persona-card__item c-persona-card__action" href="https://www.google.com/" target="_blank">
<div class="c-icon c-persona-card__action-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M22.5,0.6c-0.9-0.1-1.6-0.2-2.5-0.2c-2.8,0-5.6,0.8-8,2.3C9.6,1.3,6.8,0.4,4,0.5c-0.9,0-1.6,0-2.5,0.2c-0.6,0.1-1,0.6-1,1.2v13.7c0,0.4,0.1,0.7,0.4,0.9s0.6,0.3,1,0.3c3.3-0.6,6.8,0.2,9.5,2.2l0.1,0.1h0.1c0.3,0.1,0.6,0.1,0.8,0h0.1l0.1-0.1c2.7-2,6.1-2.9,9.5-2.3c0.3,0.1,0.7,0,1-0.3s0.4-0.6,0.4-0.9V1.7C23.4,1.2,23,0.7,22.5,0.6zM10.8,15.9c-2.1-1.2-4.4-1.7-6.9-1.7c-0.4,0-0.8,0-1.2,0V2.7c0.4,0,0.8,0,1.2,0c2.4,0,4.8,0.7,6.9,2V15.9z M21.2,14.2c-0.4,0-0.8,0-1.2,0c-2.4,0-4.7,0.6-6.9,1.7V4.7c2-1.4,4.4-2,6.9-2c0.4,0,0.8,0,1.2,0V14.2z M22.5,18.9c-0.9-0.1-1.6-0.2-2.5-0.2c-2.8,0-5.6,0.8-8,2.3c-2.4-1.5-5.2-2.3-8-2.3c-0.9,0-1.6,0.1-2.5,0.2c-0.3,0-0.6,0.2-0.8,0.5S0.4,20,0.5,20.3c0.1,0.6,0.7,1.1,1.4,0.9c3.3-0.6,6.8,0.2,9.5,2.2c0.4,0.3,1,0.3,1.4,0c2.7-1.9,6.2-2.8,9.5-2.2c0.6,0.1,1.3-0.3,1.4-0.9c0.1-0.3,0-0.6-0.2-0.9C23.1,19.1,22.8,19,22.5,18.9L22.5,18.9z" />
</svg>
</div>
<span>User journey</span>
</a>
<a class="c-persona-card__item c-persona-card__action u-margin-top-1x" href="https://www.google.com/" target="_blank">
<div class="c-icon c-persona-card__action-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M15.71,12.71a6,6,0,1,0-7.42,0,10,10,0,0,0-6.22,8.18,1,1,0,0,0,2,.22,8,8,0,0,1,15.9,0,1,1,0,0,0,1,.89h.11a1,1,0,0,0,.88-1.1A10,10,0,0,0,15.71,12.71ZM12,12a4,4,0,1,1,4-4A4,4,0,0,1,12,12Z" /></svg>
</div>
<span>Persona</span>
</a>
</div>
</div>
</article>
<article class="c-persona-card l-grid__col l-grid__col--6@viewport-7">
<header class="c-persona-card__header">
<h3 class="c-persona-card__title">Desislava</h3>
</header>
<div class="l-grid c-persona-card__content">
<div class="l-grid__col--6">
<p class="c-persona-card__item">
<strong>Livestock farmer</strong>
</p>
<div class="c-persona-card__item c-persona-card__country u-margin-top-1x">
<div class="c-icon c-persona-card__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M19.1,3.1c-3.9-3.9-10.2-3.9-14.1,0S1,13.3,4.9,17.2l6.2,6.2c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.8-0.3l6.3-6.3
C23,13.3,23,7,19.1,3.1z M17.4,15.5L12,20.9l-5.4-5.4c-3-3-3-7.8,0-10.8s7.8-3,10.8,0S20.4,12.5,17.4,15.5L17.4,15.5z M8.5,6.6
c-2,2-2,5.2,0,7.2c1.4,1.4,3.6,1.9,5.5,1.1c1.9-0.8,3.1-2.6,3.2-4.6c0-1.3-0.5-2.6-1.5-3.6c-0.9-1-2.2-1.5-3.6-1.5
C10.7,5.1,9.4,5.6,8.5,6.6z M14,12.1c-0.9,0.9-2.4,1.1-3.5,0.4s-1.5-2.1-1-3.3c0.5-1.2,1.8-1.9,3.1-1.6c1.3,0.3,2.2,1.4,2.2,2.7
C14.8,10.9,14.5,11.6,14,12.1L14,12.1z" />
</svg>
</div>
<span>Germany</span>
</div>
</div>
<div class="l-grid__col--6 c-persona-card__actions">
<a class="c-persona-card__item c-persona-card__action" href="https://www.google.com/" target="_blank">
<div class="c-icon c-persona-card__action-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M22.5,0.6c-0.9-0.1-1.6-0.2-2.5-0.2c-2.8,0-5.6,0.8-8,2.3C9.6,1.3,6.8,0.4,4,0.5c-0.9,0-1.6,0-2.5,0.2c-0.6,0.1-1,0.6-1,1.2v13.7c0,0.4,0.1,0.7,0.4,0.9s0.6,0.3,1,0.3c3.3-0.6,6.8,0.2,9.5,2.2l0.1,0.1h0.1c0.3,0.1,0.6,0.1,0.8,0h0.1l0.1-0.1c2.7-2,6.1-2.9,9.5-2.3c0.3,0.1,0.7,0,1-0.3s0.4-0.6,0.4-0.9V1.7C23.4,1.2,23,0.7,22.5,0.6zM10.8,15.9c-2.1-1.2-4.4-1.7-6.9-1.7c-0.4,0-0.8,0-1.2,0V2.7c0.4,0,0.8,0,1.2,0c2.4,0,4.8,0.7,6.9,2V15.9z M21.2,14.2c-0.4,0-0.8,0-1.2,0c-2.4,0-4.7,0.6-6.9,1.7V4.7c2-1.4,4.4-2,6.9-2c0.4,0,0.8,0,1.2,0V14.2z M22.5,18.9c-0.9-0.1-1.6-0.2-2.5-0.2c-2.8,0-5.6,0.8-8,2.3c-2.4-1.5-5.2-2.3-8-2.3c-0.9,0-1.6,0.1-2.5,0.2c-0.3,0-0.6,0.2-0.8,0.5S0.4,20,0.5,20.3c0.1,0.6,0.7,1.1,1.4,0.9c3.3-0.6,6.8,0.2,9.5,2.2c0.4,0.3,1,0.3,1.4,0c2.7-1.9,6.2-2.8,9.5-2.2c0.6,0.1,1.3-0.3,1.4-0.9c0.1-0.3,0-0.6-0.2-0.9C23.1,19.1,22.8,19,22.5,18.9L22.5,18.9z" />
</svg>
</div>
<span>User journey</span>
</a>
<a class="c-persona-card__item c-persona-card__action u-margin-top-1x" href="https://www.google.com/" target="_blank">
<div class="c-icon c-persona-card__action-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M15.71,12.71a6,6,0,1,0-7.42,0,10,10,0,0,0-6.22,8.18,1,1,0,0,0,2,.22,8,8,0,0,1,15.9,0,1,1,0,0,0,1,.89h.11a1,1,0,0,0,.88-1.1A10,10,0,0,0,15.71,12.71ZM12,12a4,4,0,1,1,4-4A4,4,0,0,1,12,12Z" /></svg>
</div>
<span>Persona</span>
</a>
</div>
</div>
</article>
</div>
</div>
