<div class="pow-list-with-image">
<div class="wrap">
<div class="grid-container-item no-gutters">
<div class="item pow-padding-sm pow-flexbox pow-flex-row pow-flex-nowrap item-size--1 pow-flex-align-items-center">
<div class="container-image pow-margin-right-sm pow-icon-container-xs pow-rounded pdf">
</div>
<div class="container-content pow-flex-fit pow-font-regular">
<a href="#" title="accessibility title" class="pow-heading-4 pow-max-line-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates numquam iure ducimus perferendis, laboriosam atque eius, aperiam placeat aliquam a quae obcaecati fugit. Laborum veniam laudantium hic dignissimos repellat qui!</a>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap">
<span class="pow-color-black400">People name</span>
<a class="pow-color-primary pow-flex-fit pow-max-line-1" title="accessibility title" href="#">
<span>in</span> somewhere
</a>
<span class="pow-color-black pow-flex-align-right pow-font-light">01/23/2019</span>
</div>
</div>
</div>
<div class="item pow-padding-sm pow-flexbox pow-flex-row pow-flex-nowrap item-size--1 pow-flex-align-items-center">
<div class="container-image pow-margin-right-sm pow-icon-container-xs pow-rounded pdf">
</div>
<div class="container-content pow-flex-fit pow-font-regular">
<a href="#" title="accessibility title" class="pow-heading-4 pow-max-line-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates numquam iure ducimus perferendis, laboriosam atque eius, aperiam placeat aliquam a quae obcaecati fugit. Laborum veniam laudantium hic dignissimos repellat qui!</a>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap">
<span class="pow-color-black400">People name</span>
<a class="pow-color-primary pow-flex-fit pow-max-line-1" title="accessibility title" href="#">
<span>in</span> somewhere
</a>
<span class="pow-color-black pow-flex-align-right pow-font-light">01/23/2019</span>
</div>
</div>
</div>
<div class="item pow-padding-sm pow-flexbox pow-flex-row pow-flex-nowrap item-size--1 pow-flex-align-items-center">
<div class="container-image pow-margin-right-sm pow-icon-container-xs pow-rounded pdf">
</div>
<div class="container-content pow-flex-fit pow-font-regular">
<a href="#" title="accessibility title" class="pow-heading-4 pow-max-line-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates numquam iure ducimus perferendis, laboriosam atque eius, aperiam placeat aliquam a quae obcaecati fugit. Laborum veniam laudantium hic dignissimos repellat qui!</a>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap">
<span class="pow-color-black400">People name</span>
<a class="pow-color-primary pow-flex-fit pow-max-line-1" title="accessibility title" href="#">
<span>in</span> somewhere
</a>
<span class="pow-color-black pow-flex-align-right pow-font-light">01/23/2019</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pow-list-navigation">
<div class="wrap">
<ul class="grid-container-item no-gutters">
<li class="item item-size--1">
<button type="button" class="pow-list-navigation-link icon-chevron-right">
Action value
</button>
</li>
<li class="item item-size--1">
<button type="button" class="pow-list-navigation-link icon-chevron-right">
Action value
</button>
</li>
<li class="item item-size--1">
<button type="button" class="pow-list-navigation-link icon-chevron-right">
Action value
</button>
</li>
<li class="item item-size--1">
<button type="button" class="pow-list-navigation-link icon-chevron-right">
Action value
</button>
</li>
</ul>
</div>
</div>
<div class="pow-list-navigation">
<div class="wrap">
<ul class="grid-container-item no-gutters">
<li class="item item-size--1">
<a href="#" title="Action value" class="pow-list-navigation-link icon-chevron-right pow-font-regular pow-text-size-md">
Action value
</a>
</li>
<li class="item item-size--1">
<a href="#" title="Action value" class="pow-list-navigation-link icon-chevron-right pow-font-regular pow-text-size-md">
Action value
</a>
</li>
<li class="item item-size--1">
<a href="#" title="Action value" class="pow-list-navigation-link icon-chevron-right pow-font-regular pow-text-size-md">
Action value
</a>
</li>
<li class="item item-size--1">
<a href="#" title="Action value" class="pow-list-navigation-link icon-chevron-right pow-font-regular pow-text-size-md">
Action value
</a>
</li>
</ul>
</div>
</div>
<div class="pow-background-white pow-border-radius pow-overflow-visible pow-border-black200 pow-border-sm">
<div class="pow-flexbox pow-flex-row pow-flex-wrap">
<div class="pow-tabs-inline pow-flexbox pow-flex-column pow-flex-justify-end pow-padding-left-sm pow-padding-right-sm pow-padding-top-xs pow-flex-fit pow-flex-no-shrink pow-flex-grow-1" style="min-width: auto;">
<ul class="pow-tabs-list pow-flexbox pow-flex-row pow-flex-nowrap pow-flex-align-items-center pow-flex-justify-center">
<li class="pow-tabs-item active">
<button type="button" class="pow-tabs-button">
<span class="visuallyhidden">Groups</span>
<span class="pow-flexbox pow-flex-row pow-flex-nowrap pow-flex-align-items-center pow-padding-top-xs pow-padding-bottom-sm pow-margin-bottom-xs pow-tooltip-ref">
<span class="pow-media-tabs-icon pow-margin-right-sm">
<svg xmlns="http://www.w3.org/2000/svg"
width="37"
height="36"
viewBox="0 0 37 36">
<g id="groups2019"
transform="translate(-224 -1307)">
<ellipse id="Ellipse_221"
data-name="Ellipse 221"
cx="18.5"
cy="18"
rx="18.5"
ry="18"
transform="translate(224 1307)"
fill="#0c6dce" />
<g id="all_teams"
data-name="all teams"
transform="translate(231.047 1315.293)">
<path id="Tracé_914"
data-name="Tracé 914"
d="M16.57,8.418a4.753,4.753,0,1,0-7.68-2.662A4.754,4.754,0,0,0,5.024,14.1,8.068,8.068,0,0,0,0,21.563H1.687a6.376,6.376,0,0,1,6.369-6.369A4.756,4.756,0,0,0,12.7,9.439a4.767,4.767,0,0,0,.834.073,6.361,6.361,0,0,1,5.075,2.527l1.143-1.273A8.1,8.1,0,0,0,16.57,8.418ZM8.056,13.507a3.068,3.068,0,1,1,3.068-3.068A3.072,3.072,0,0,1,8.056,13.507Zm5.483-5.682a3.068,3.068,0,1,1,3.068-3.068A3.072,3.072,0,0,1,13.539,7.826Z"
transform="translate(3.598 -0.002)"
fill="#fff" />
<path id="Tracé_914-2"
data-name="Tracé 914"
d="M3.187,8.418a4.753,4.753,0,1,1,7.681-2.662A4.754,4.754,0,0,1,14.732,14.1a8.068,8.068,0,0,1,5.024,7.463H18.07A6.376,6.376,0,0,0,11.7,15.194,4.756,4.756,0,0,1,7.052,9.439a4.767,4.767,0,0,1-.834.073,6.361,6.361,0,0,0-5.075,2.527L0,10.766A8.1,8.1,0,0,1,3.187,8.418ZM11.7,13.507a3.068,3.068,0,1,0-3.068-3.068A3.072,3.072,0,0,0,11.7,13.507ZM6.218,7.826A3.068,3.068,0,1,0,3.15,4.757,3.072,3.072,0,0,0,6.218,7.826Z"
transform="translate(0 -0.002)"
fill="#fff" />
</g>
</g>
</svg>
</span>
<span>Category 1</span>
</span>
</button>
</li>
<li class="pow-tabs-item">
<button type="button" class="pow-tabs-button">
<span class="visuallyhidden">Teams</span>
<span class="pow-flexbox pow-flex-row pow-flex-nowrap pow-flex-align-items-center pow-padding-top-xs pow-padding-bottom-sm pow-margin-bottom-xs pow-tooltip-ref">
<span class="pow-media-tabs-icon pow-margin-right-sm">
<svg id="teams2019"
xmlns="http://www.w3.org/2000/svg"
width="33.278"
height="33.278"
viewBox="0 0 33.278 33.278">
<ellipse id="Head"
cx="4.853"
cy="4.853"
rx="4.853"
ry="4.853"
transform="translate(12.826 1.387)"
fill="#7b83eb" />
<path id="Tracé_917"
data-name="Tracé 917"
d="M16.835,7H12.441q.011.049.022.1l0,.008c.007.03.015.059.022.089A4.858,4.858,0,0,0,18.222,10.7V8.387A1.391,1.391,0,0,0,16.835,7Z"
transform="translate(0.497 0.28)"
opacity="0.1" />
<path id="Tracé_918"
data-name="Tracé 918"
d="M15.782,8h-3a4.853,4.853,0,0,0,4.386,2.773V9.387A1.391,1.391,0,0,0,15.782,8Z"
transform="translate(0.511 0.32)"
opacity="0.2" />
<ellipse id="Head-2"
data-name="Head"
cx="3.64"
cy="3.64"
rx="3.64"
ry="3.64"
transform="translate(24.959 4.16)"
fill="#5059c9" />
<path id="Tracé_919"
data-name="Tracé 919"
d="M30.839,12H22.664a.665.665,0,0,0-.665.665V21.1a5.326,5.326,0,0,0,4.125,5.288A5.205,5.205,0,0,0,32.4,21.295V13.56A1.56,1.56,0,0,0,30.839,12Z"
transform="translate(0.879 0.479)"
fill="#5059c9" />
<path id="Tracé_920"
data-name="Tracé 920"
d="M25.639,13.56v9.879A8.314,8.314,0,0,1,10.123,27.6a7.46,7.46,0,0,1-.52-1.04,8.7,8.7,0,0,1-.343-1.04A8.569,8.569,0,0,1,9,23.439V13.56A1.558,1.558,0,0,1,10.56,12H24.079a1.558,1.558,0,0,1,1.56,1.56Z"
transform="translate(0.359 0.479)"
fill="#7b83eb" />
<path id="Tracé_921"
data-name="Tracé 921"
d="M15.782,8h-3a4.853,4.853,0,0,0,4.386,2.773V9.387A1.391,1.391,0,0,0,15.782,8Z"
transform="translate(0.511 0.32)"
opacity="0.2" />
<path id="Tracé_922"
data-name="Tracé 922"
d="M18.359,12V25.176a1.373,1.373,0,0,1-1.081,1.341,1,1,0,0,1-.3.042H9.6a8.7,8.7,0,0,1-.343-1.04A8.569,8.569,0,0,1,9,23.439V13.56A1.558,1.558,0,0,1,10.56,12Z"
transform="translate(0.359 0.479)"
opacity="0.1" />
<path id="Tracé_923"
data-name="Tracé 923"
d="M17.32,12V26.216a1.006,1.006,0,0,1-.042.3A1.373,1.373,0,0,1,15.936,27.6H10.123a7.46,7.46,0,0,1-.52-1.04,8.7,8.7,0,0,1-.343-1.04A8.569,8.569,0,0,1,9,23.439V13.56A1.558,1.558,0,0,1,10.56,12Z"
transform="translate(0.359 0.479)"
opacity="0.2" />
<path id="Tracé_924"
data-name="Tracé 924"
d="M17.32,12V24.136a1.389,1.389,0,0,1-1.383,1.383H9.26A8.569,8.569,0,0,1,9,23.439V13.56A1.558,1.558,0,0,1,10.56,12Z"
transform="translate(0.359 0.479)"
opacity="0.2" />
<path id="Tracé_925"
data-name="Tracé 925"
d="M10.56,12A1.558,1.558,0,0,0,9,13.56v9.879a8.569,8.569,0,0,0,.26,2.08H14.9a1.389,1.389,0,0,0,1.383-1.383V12Z"
transform="translate(0.359 0.479)"
opacity="0.2" />
<path id="Back_Plate"
data-name="Back Plate"
d="M1.387,8H15.252a1.387,1.387,0,0,1,1.387,1.387V23.253a1.387,1.387,0,0,1-1.387,1.387H1.387A1.387,1.387,0,0,1,0,23.253V9.387A1.387,1.387,0,0,1,1.387,8Z"
transform="translate(0 0.32)"
fill="#4b53bc" />
<path id="Tracé_926"
data-name="Tracé 926"
d="M12.3,13.054H9.189v8.341H7.147V13.054H4.02V11H12.3Z"
transform="translate(0.161 0.44)"
fill="#fff" />
<rect id="Rectangle_754"
data-name="Rectangle 754"
width="33.278"
height="33.278"
fill="none" />
</svg>
</span>
<span>Category 2</span>
</span>
</button>
</li>
</ul>
</div>
<div class="pow-search-box pow-padding-top-xs pow-padding-bottom-xs pow-border-bottom-black200 pow-padding-left-sm pow-border-bottom-sm pow-flex-fit pow-padding-right-sm pow-flex-grow-10" style="min-width: 200px;">
<div class="pow-search-box-input-wrapper">
<label for="groups-search-value" class="visuallyhidden">Search</label>
<input type="text" id="groups-search-value" class="pow-input" autocomplete="off" placeholder="Search...">
<button type="button" class="pow-input-empty">
<span class="visuallyhidden">Clear</span>
</button>
<button type="button" class="pow-input-search">
<span class="visuallyhidden">Search</span>
</button>
</div>
</div>
</div>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap pow-padding-sm pow-border-bottom-sm pow-border-bottom-black200">
<button type="button" style="z-index: 3;" class="pow-reset-button pow-font-regular pow-text-size-md pow-flexbox pow-flex-row pow-flex-align-items-center pow-padding-right-sm pow-tooltip-ref pow-border-right-black200 pow-border-right-sm active">
<span class="pow-action-xs icon-powell-star pow-color-black"></span>
<span class="visuallyhidden">My favorites</span>
<span class="hidden-xs pow-font-bold">My favorites</span>
</button>
<button type="button" style="z-index: 3;" class="pow-reset-button pow-font-regular pow-text-size-md pow-flexbox pow-flex-row pow-flex-align-items-center pow-padding-right-sm pow-tooltip-ref pow-padding-left-sm pow-border-right-black200 pow-border-right-sm">
<span class="pow-action-xs icon-powell-user pow-color-black"></span>
<span class="visuallyhidden">Groups</span>
<span class="hidden-xs">Groups</span>
</button>
<button type="button" style="z-index: 3;" class="pow-reset-button pow-font-regular pow-text-size-md pow-flexbox pow-flex-row pow-flex-align-items-center pow-padding-right-sm pow-tooltip-ref pow-padding-left-sm">
<span class="pow-action-xs icon-all-teams pow-color-black"></span>
<span class="visuallyhidden">All</span>
<span class="hidden-xs">All</span>
</button>
</div>
<div class="pow-list-with-image">
<div class="wrap">
<div class="grid-container-item no-gutters pow-flexbox pow-flex-row pow-flex-wrap">
<div class="item pow-padding-sm pow-flexbox pow-flex-row pow-flex-nowrap item-size--1 pow-flex-align-items-center pow-border-bottom-sm pow-border-black200">
<div class="container-image pow-margin-right-sm pow-icon-container-xs pow-rounded pdf">
</div>
<div class="container-content pow-flex-fit pow-font-regular">
<a href="#" title="accessibility title" class="pow-heading-4 pow-max-line-1">Lorem ipsum dolor sit amet consectetur adipisicing elit.</a>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap">
<span class="pow-color-black400">People name</span>
<a class="pow-color-primary pow-flex-fit pow-max-line-1" title="accessibility title" href="#">
<span>in</span> somewhere
</a>
</div>
</div>
</div>
<div class="item pow-padding-sm pow-flexbox pow-flex-row pow-flex-nowrap item-size--1 pow-flex-align-items-center pow-border-bottom-sm pow-border-black200">
<div class="container-image pow-margin-right-sm pow-icon-container-xs pow-rounded pdf">
</div>
<div class="container-content pow-flex-fit pow-font-regular">
<a href="#" title="accessibility title" class="pow-heading-4 pow-max-line-1">Lorem ipsum dolor sit amet consectetur adipisicing elit.</a>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap">
<span class="pow-color-black400">People name</span>
<a class="pow-color-primary pow-flex-fit pow-max-line-1" title="accessibility title" href="#">
<span>in</span> somewhere
</a>
</div>
</div>
</div>
<div class="item pow-padding-sm pow-flexbox pow-flex-row pow-flex-nowrap item-size--1 pow-flex-align-items-center pow-border-bottom-sm pow-border-black200">
<div class="container-image pow-margin-right-sm pow-icon-container-xs pow-rounded pdf">
</div>
<div class="container-content pow-flex-fit pow-font-regular">
<a href="#" title="accessibility title" class="pow-heading-4 pow-max-line-1">Lorem ipsum dolor sit amet consectetur adipisicing elit.</a>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap">
<span class="pow-color-black400">People name</span>
<a class="pow-color-primary pow-flex-fit pow-max-line-1" title="accessibility title" href="#">
<span>in</span> somewhere
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pow-flexbox pow-flex-row pow-flex-wrap pow-padding-sm">
<button type="button" class="pow-button pow-flex-align-right">
<span>Create item</span>
</button>
</div>
</div>