<section class="pow-cards-large">
<div class="wrap">
<div class="pow-flex-row pow-flexbox grid-container-item pow-flex-wrap">
<div class="pow-margin-bottom-md item pow-admin-item-ref pow-flexbox pow-flex-row pow-flex-wrap item-size-xs-2 item-size-sm-3 item-size-md-4 item-size-lg-4">
<div class="pow-flexbox pow-cards-large-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flex-column pow-flex-nowrap pow-flex-fit">
<div class="container-image pow-media-cards-large pow-pattern-1 pow-background-black100">
<a href="#" target="_self" data-interception="on">
<img src="https://picsum.photos/255/160" alt="">
<span class="visuallyhidden">Look, from now, you can easily manage your apps in Orion!</span>
</a>
</div>
<div class="pow-flexbox container-content pow-font-regular pow-background-white pow-flex-column pow-flex-nowrap pow-flex-fit pow-padding-top-md pow-padding-right-md pow-padding-bottom-sm pow-padding-left-md">
<div class="pow-flex-row pow-flexbox cards-upper-infos pow-flex-nowrap pow-flex-space-between pow-flex-align-center pow-margin-bottom-xs">
<div class="cards-taxo pow-color-primary pow-max-line-1 pow-flex-align-left pow-flex-fit">
<span class="pow-taxo pow-text-size-xs" style="display:inline" title="Communication">Communication</span>
<span class="pow-taxo pow-text-size-xs" style="display:inline" title="Paris">Paris</span>
</div>
<div class="cards-date pow-color-black400 pow-max-line-1 pow-flex-no-shrink pow-flex-align-right pow-margin-left-sm">
<span class="pow-text-size-xs">07/17/2020</span>
</div>
</div>
<div class="cards-title">
<a href="#" target="_self" class="pow-heading-3 pow-max-line-3 pow-margin-bottom-sm" data-ellipsis="" data-ellipsis-symbol="…" data-interception="on">Look, from now, you can easily manage your apps in Orion!</a>
</div>
<div class="cards-description">
<span class="pow-color-black pow-text-size-md pow-max-line-3" data-ellipsis="" data-ellipsis-symbol="…">
We've added a new feature to pin your apps as favorites. Let's discover how it works!
</span>
</div>
<div class="pow-flex-row pow-flexbox cards-ubber-infos pow-flex-wrap pow-flex-space-between pow-flex-align-items-center pow-flex-align-bottom">
<div class="pow-persona pow-flex-align-left" title="Display business card">
<div class="pow-persona-image">
<img src="https://picsum.photos/40/40" alt="">
</div>
<div class="pow-persona-content">
<span class="pow-persona-name pow-color-black400 pow-text-size-xs">MOD Administrator</span>
</div>
</div>
<div class="pow-additional-infos-container pow-flex-align-right pow-flex-no-shrink">
<span class="pow-additional-infos icon-eye2">
<span class="nb">0</span>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="pow-margin-bottom-md item pow-admin-item-ref pow-flexbox pow-flex-row pow-flex-wrap item-size-xs-2 item-size-sm-3 item-size-md-4 item-size-lg-4">
<div class="pow-flexbox pow-cards-large-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flex-column pow-flex-nowrap pow-flex-fit">
<div class="container-image pow-media-cards-large pow-pattern-1 pow-background-black100">
<a href="#" target="_self" data-interception="on">
<img src="https://picsum.photos/255/160" alt="">
<span class="visuallyhidden">Look, from now, you can easily manage your apps in Orion!</span>
</a>
</div>
<div class="pow-flexbox container-content pow-font-regular pow-background-white pow-flex-column pow-flex-nowrap pow-flex-fit pow-padding-top-md pow-padding-right-md pow-padding-bottom-sm pow-padding-left-md">
<div class="pow-flex-row pow-flexbox cards-upper-infos pow-flex-nowrap pow-flex-space-between pow-flex-align-center pow-margin-bottom-xs">
<div class="cards-taxo pow-color-primary pow-max-line-1 pow-flex-align-left pow-flex-fit">
<span class="pow-taxo pow-text-size-xs" style="display:inline" title="Communication">Communication</span>
<span class="pow-taxo pow-text-size-xs" style="display:inline" title="Paris">Paris</span>
</div>
<div class="cards-date pow-color-black400 pow-max-line-1 pow-flex-no-shrink pow-flex-align-right pow-margin-left-sm">
<span class="pow-text-size-xs">07/17/2020</span>
</div>
</div>
<div class="cards-title">
<a href="#" target="_self" class="pow-heading-3 pow-max-line-3 pow-margin-bottom-sm" data-ellipsis="" data-ellipsis-symbol="…" data-interception="on">Look, from now, you can easily manage your apps in Orion!</a>
</div>
<div class="cards-description">
<span class="pow-color-black pow-text-size-md pow-max-line-3" data-ellipsis="" data-ellipsis-symbol="…">
We've added a new feature to pin your apps as favorites. Let's discover how it works!
</span>
</div>
<div class="pow-flex-row pow-flexbox cards-ubber-infos pow-flex-wrap pow-flex-space-between pow-flex-align-items-center pow-flex-align-bottom">
<div class="pow-persona pow-flex-align-left" title="Display business card">
<div class="pow-persona-image">
<img src="https://picsum.photos/40/40" alt="">
</div>
<div class="pow-persona-content">
<span class="pow-persona-name pow-color-black400 pow-text-size-xs">MOD Administrator</span>
</div>
</div>
<div class="pow-additional-infos-container pow-flex-align-right pow-flex-no-shrink">
<span class="pow-additional-infos icon-eye2">
<span class="nb">0</span>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="pow-margin-bottom-md item pow-admin-item-ref pow-flexbox pow-flex-row pow-flex-wrap item-size-xs-2 item-size-sm-3 item-size-md-4 item-size-lg-4">
<div class="pow-flexbox pow-cards-large-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flex-column pow-flex-nowrap pow-flex-fit">
<div class="container-image pow-media-cards-large pow-pattern-1 pow-background-black100">
<a href="#" target="_self" data-interception="on">
<img src="https://picsum.photos/255/160" alt="">
<span class="visuallyhidden">Look, from now, you can easily manage your apps in Orion!</span>
</a>
</div>
<div class="pow-flexbox container-content pow-font-regular pow-background-white pow-flex-column pow-flex-nowrap pow-flex-fit pow-padding-top-md pow-padding-right-md pow-padding-bottom-sm pow-padding-left-md">
<div class="pow-flex-row pow-flexbox cards-upper-infos pow-flex-nowrap pow-flex-space-between pow-flex-align-center pow-margin-bottom-xs">
<div class="cards-taxo pow-color-primary pow-max-line-1 pow-flex-align-left pow-flex-fit">
<span class="pow-taxo pow-text-size-xs" style="display:inline" title="Communication">Communication</span>
<span class="pow-taxo pow-text-size-xs" style="display:inline" title="Paris">Paris</span>
</div>
<div class="cards-date pow-color-black400 pow-max-line-1 pow-flex-no-shrink pow-flex-align-right pow-margin-left-sm">
<span class="pow-text-size-xs ">07/17/2020</span>
</div>
</div>
<div class="cards-title">
<a href="#" target="_self" class="pow-heading-3 pow-max-line-3 pow-margin-bottom-sm" data-ellipsis="" data-ellipsis-symbol="…" data-interception="on">Look, from now, you can easily manage your apps in Orion!</a>
</div>
<div class="cards-description">
<span class="pow-color-black pow-text-size-md pow-max-line-3" data-ellipsis="" data-ellipsis-symbol="…">
We've added a new feature to pin your apps as favorites. Let's discover how it works!
</span>
</div>
<div class="pow-flex-row pow-flexbox cards-ubber-infos pow-flex-wrap pow-flex-space-between pow-flex-align-items-center pow-flex-align-bottom">
<div class="pow-persona pow-flex-align-left" title="Display business card">
<div class="pow-persona-image">
<img src="https://picsum.photos/40/40" alt="">
</div>
<div class="pow-persona-content">
<span class="pow-persona-name pow-color-black400 pow-text-size-xs">MOD Administrator</span>
</div>
</div>
<div class="pow-additional-infos-container pow-flex-align-right pow-flex-no-shrink">
<span class="pow-additional-infos icon-eye2">
<span class="nb ">0</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pow-cards-horizontal">
<div class="wrap">
<div class="grid-container-item">
<div class="item pow-admin-item-ref pow-margin-bottom-md item-size-xs-1 item-size-sm-1 item-size-md-1 item-size-lg-1">
<div class="pow-cards-horizontal-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flexbox pow-flex-row pow-flex-nowrap">
<div class="container-image pow-pattern-1 pow-background-black100 pow-media-cards-horizontal">
<a href="#" target="_blank" data-interception="off">
<span class="visuallyhidden">Title for accessibility</span>
<img src="https://picsum.photos/170/150" alt="card picture" class="lazyload">
</a>
</div>
<div class="container-content pow-font-regular pow-background-white pow-flex-fit pow-flexbox pow-flex-column pow-flex-nowrap">
<div class="cards-upper-infos pow-flexbox pow-flex-row pow-flex-nowrap pow-flex-space-between pow-flex-align-center pow-margin-bottom-xs">
<div class="cards-taxo pow-color-primary pow-max-line-1 pow-flex-align-left pow-flex-fit">
<span style="display:inline" class="pow-taxo pow-text-size-xs" title="Taxo 1">
Taxo 1
</span>
<span style="display:inline" class="pow-taxo pow-text-size-xs" title="Taxo 1">
Taxo 2
</span>
<span style="display:inline" class="pow-taxo pow-text-size-xs" title="Taxo 1">
Taxo 3
</span>
</div>
<div class="cards-date pow-color-black400 pow-max-line-1 pow-flex-no-shrink pow-flex-align-right">
<span class="pow-text-size-xs">10/07/20</span>
</div>
</div>
<div class="cards-title">
<a href="#" target="_blank" data-interception="off" class="pow-heading-3 pow-max-line-1 pow-margin-bottom-sm"
data-ellipsis data-ellipsis-symbol="…">Look, from now, you can easily manage your apps in Orion!</a>
</div>
<div class="cards-description pow-margin-bottom-xs">
<span class="pow-color-black pow-text-size-md pow-max-line-1"
data-ellipsis data-ellipsis-symbol="…">
We've added a new feature to pin your apps as favorites. Let's discover how it works!
</span>
</div>
<div class="cards-see-more pow-flex-align-bottom">
<a href="#" class="pow-button no-padding">Read more</a>
</div>
</div>
<div class="cards-right-infos pow-flex-align-right pow-font-regular pow-background-white pow-flexbox pow-flex-column pow-flex-nowrap">
<div class="cards-right-infos-top">
<div class="pow-persona pow-flex-align-left">
<div class="pow-persona-image">
<img src="https://picsum.photos/40/40" alt="">
</div>
<div class="pow-persona-content">
<span class="pow-persona-name pow-color-black400 pow-text-size-xs">People name</span>
</div>
</div>
</div>
<div class="cards-right-infos-bottom pow-flex-fit pow-additional-infos-container vertical">
<span class="pow-additional-infos icon-eye2">
34
</span>
<span class="pow-additional-infos icon-powell-like">
25
</span>
<span class="pow-additional-infos icon-powell-comments">
<span>12</span>
</span>
</div>
</div>
</div>
</div>
<div class="item pow-admin-item-ref pow-margin-bottom-md item-size-xs-1 item-size-sm-1 item-size-md-1 item-size-lg-1">
<div class="pow-cards-horizontal-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flexbox pow-flex-row pow-flex-nowrap">
<div class="container-image pow-pattern-1 pow-background-black100 pow-media-cards-horizontal">
<a href="#" target="_blank" data-interception="off">
<span class="visuallyhidden">Title for accessibility</span>
<img src="https://picsum.photos/170/150" alt="card picture" class="lazyload">
</a>
</div>
<div class="container-content pow-font-regular pow-background-white pow-flex-fit pow-flexbox pow-flex-column pow-flex-nowrap">
<div class="cards-upper-infos pow-flexbox pow-flex-row pow-flex-nowrap pow-flex-space-between pow-flex-align-center pow-margin-bottom-xs">
<div class="cards-taxo pow-color-primary pow-max-line-1 pow-flex-align-left pow-flex-fit">
<span style="display:inline" class="pow-taxo pow-text-size-xs" title="Taxo 1">
Taxo 1
</span>
<span style="display:inline" class="pow-taxo pow-text-size-xs" title="Taxo 1">
Taxo 2
</span>
<span style="display:inline" class="pow-taxo pow-text-size-xs" title="Taxo 1">
Taxo 3
</span>
</div>
<div class="cards-date pow-color-black400 pow-max-line-1 pow-flex-no-shrink pow-flex-align-right">
<span class="pow-text-size-xs">10/07/20</span>
</div>
</div>
<div class="cards-title">
<a href="#" target="_blank" data-interception="off" class="pow-heading-3 pow-max-line-1 pow-margin-bottom-sm"
data-ellipsis data-ellipsis-symbol="…">Look, from now, you can easily manage your apps in Orion!</a>
</div>
<div class="cards-description pow-margin-bottom-xs">
<span class="pow-color-black pow-text-size-md pow-max-line-1"
data-ellipsis data-ellipsis-symbol="…">
We've added a new feature to pin your apps as favorites. Let's discover how it works!
</span>
</div>
<div class="cards-see-more pow-flex-align-bottom">
<a href="#" class="pow-button no-padding">Read more</a>
</div>
</div>
<div class="cards-right-infos pow-flex-align-right pow-font-regular pow-background-white pow-flexbox pow-flex-column pow-flex-nowrap">
<div class="cards-right-infos-top">
<div class="pow-persona pow-flex-align-left">
<div class="pow-persona-image">
<img src="https://picsum.photos/40/40" alt="">
</div>
<div class="pow-persona-content">
<span class="pow-persona-name pow-color-black400 pow-text-size-xs">People name</span>
</div>
</div>
</div>
<div class="cards-right-infos-bottom pow-flex-fit pow-additional-infos-container vertical">
<span class="pow-additional-infos icon-eye2">
34
</span>
<span class="pow-additional-infos icon-powell-like">
25
</span>
<span class="pow-additional-infos icon-powell-comments">
<span>12</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pow-cards-horizontal">
<div class="wrap">
<div class="grid-container-item">
<div class="pow-margin-bottom-md item pow-cards-event-item pow-relative-ref item-size-xs-1 item-size-sm-1 item-size-md-1 item-size-lg-1">
<div class="pow-flex-row pow-flexbox pow-cards-horizontal-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flex-nowrap">
<div class="pow-flexbox container-date pow-cards-event pow-flex-column pow-background-black100 pow-font-light pow-text-align-center">
<div class="pow-flexbox dateStart pow-flex-fit pow-flex-column pow-flex-justify-center"><span class="date-day pow-text-size-30 pow-line-height-1"><span class="day-text">04</span> </span><span class="date-mounth pow-text-size-18 pow-color-primary"><span class="day-text">May</span></span></div>
</div>
<div class="pow-flexbox container-content pow-font-regular pow-background-white pow-flex-fit pow-flex-column pow-flex-nowrap">
<div class="cards-upper-infos pow-margin-bottom-xs">
<div class="pow-font-bold time pow-tag tag-small pow-background-black700 pow-color-white pow-text-align-center pow-border-radius">10:00 - 12:00</div>
<div class="location pow-flex-no-shrink pow-flex-align-bottom" title="Paris">
<div class="pow-flex-row pow-flexbox pow-flex-nowrap"><span class="pow-icon icon-size-md icon-powell-location icon-color-primary"></span> <span class="pow-text-size-md pow-max-line-2 pow-color-black600">Paris</span></div>
</div>
</div>
<div class="cards-title">
<h3>
<a href="#" target="_self" title="Cake tasting" class="pow-heading-4 pow-max-line-2" data-ellipsis="" data-ellipsis-symbol="…" data-interception="on">Cake tasting</a>
</h3>
</div>
</div>
</div>
</div>
<div class="pow-margin-bottom-md item pow-cards-event-item pow-relative-ref item-size-xs-1 item-size-sm-1 item-size-md-1 item-size-lg-1">
<div class="pow-flex-row pow-flexbox pow-cards-horizontal-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flex-nowrap">
<div class="pow-flexbox container-date pow-cards-event pow-flex-column pow-background-black100 pow-font-light pow-text-align-center">
<div class="pow-flexbox dateStart pow-flex-fit pow-flex-column pow-flex-justify-center"><span class="date-day pow-text-size-30 pow-line-height-1"><span class="day-text">04</span> </span><span class="date-mounth pow-text-size-18 pow-color-primary"><span class="day-text">May</span></span></div>
</div>
<div class="pow-flexbox container-content pow-font-regular pow-background-white pow-flex-fit pow-flex-column pow-flex-nowrap">
<div class="cards-upper-infos pow-margin-bottom-xs">
<div class="pow-font-bold time pow-tag tag-small pow-background-black700 pow-color-white pow-text-align-center pow-border-radius">10:00 - 12:00</div>
<div class="location pow-flex-no-shrink pow-flex-align-bottom" title="Paris">
<div class="pow-flex-row pow-flexbox pow-flex-nowrap"><span class="pow-icon icon-size-md icon-powell-location icon-color-primary"></span> <span class="pow-text-size-md pow-max-line-2 pow-color-black600">Paris</span></div>
</div>
</div>
<div class="cards-title">
<h3>
<a href="#" target="_self" title="Cake tasting" class="pow-heading-4 pow-max-line-2" data-ellipsis="" data-ellipsis-symbol="…" data-interception="on">Cake tasting</a>
</h3>
</div>
</div>
</div>
</div>
<div class="pow-margin-bottom-md item pow-cards-event-item pow-relative-ref item-size-xs-1 item-size-sm-1 item-size-md-1 item-size-lg-1">
<div class="pow-flex-row pow-flexbox pow-cards-horizontal-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flex-nowrap">
<div class="pow-flexbox container-date pow-cards-event pow-flex-column pow-background-black100 pow-font-light pow-text-align-center">
<div class="pow-flexbox dateStart pow-flex-fit pow-flex-column pow-flex-justify-center"><span class="date-day pow-text-size-30 pow-line-height-1"><span class="day-text">04</span> </span><span class="date-mounth pow-text-size-18 pow-color-primary"><span class="day-text">May</span></span></div>
</div>
<div class="pow-flexbox container-content pow-font-regular pow-background-white pow-flex-fit pow-flex-column pow-flex-nowrap">
<div class="cards-upper-infos pow-margin-bottom-xs">
<div class="pow-font-bold time pow-tag tag-small pow-background-black700 pow-color-white pow-text-align-center pow-border-radius">10:00 - 12:00</div>
<div class="location pow-flex-no-shrink pow-flex-align-bottom" title="Paris">
<div class="pow-flex-row pow-flexbox pow-flex-nowrap"><span class="pow-icon icon-size-md icon-powell-location icon-color-primary"></span> <span class="pow-text-size-md pow-max-line-2 pow-color-black600">Paris</span></div>
</div>
</div>
<div class="cards-title">
<h3>
<a href="#" target="_self" title="Cake tasting" class="pow-heading-4 pow-max-line-2" data-ellipsis="" data-ellipsis-symbol="…" data-interception="on">Cake tasting</a>
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pow-cards-overlay">
<div class="wrap">
<div class="grid-container-item">
<div class="item pow-admin-item-ref pow-margin-bottom-sm item-size-xs-1 item-size-sm-3 item-size-md-3 item-size-lg-3">
<a class="pow-cards-overlay-wrapper pow-border-radius pow-webpart-border-radius" href="#" title="">
<span class="pow-media-overlay container-img">
<img src="https://picsum.photos/260/100" alt="">
<span class="pow-cards-overlay-vignette"></span>
<span class="pow-cards-overlay-text pow-color-white pow-max-line-2 pow-font-bold pow-text-size-18 pow-text-align-center">
<span data-ellipsis data-ellipsis-symbol="…">Look, from now, you can easily manage your apps in Orion!</span>
</span>
</span>
</a>
</div>
<div class="item pow-admin-item-ref pow-margin-bottom-sm item-size-xs-1 item-size-sm-3 item-size-md-3 item-size-lg-3">
<a class="pow-cards-overlay-wrapper pow-border-radius pow-webpart-border-radius" href="#" title="">
<span class="pow-media-overlay container-img">
<img src="https://picsum.photos/260/100" alt="">
<span class="pow-cards-overlay-vignette"></span>
<span class="pow-cards-overlay-text pow-color-white pow-max-line-2 pow-font-bold pow-text-size-18 pow-text-align-center">
<span data-ellipsis data-ellipsis-symbol="…">Look, from now, you can easily manage your apps in Orion!</span>
</span>
</span>
</a>
</div>
<div class="item pow-admin-item-ref pow-margin-bottom-sm item-size-xs-1 item-size-sm-3 item-size-md-3 item-size-lg-3">
<a class="pow-cards-overlay-wrapper pow-border-radius pow-webpart-border-radius" href="#" title="">
<span class="pow-media-overlay container-img">
<img src="https://picsum.photos/260/100" alt="">
<span class="pow-cards-overlay-vignette"></span>
<span class="pow-cards-overlay-text pow-color-white pow-max-line-2 pow-font-bold pow-text-size-18 pow-text-align-center">
<span data-ellipsis data-ellipsis-symbol="…">Look, from now, you can easily manage your apps in Orion!</span>
</span>
</span>
</a>
</div>
</div>
</div>
</section>
<section class="pow-gallery">
<div class="wrap">
<div class="grid-container-item pow-cards-large-overlay show-info-on-hover pow-flexbox pow-flex-row pow-flex-wrap">
<div class="item pow-admin-item-ref pow-flexbox pow-flex-row pow-flex-wrap pow-margin-bottom-md item-size-xs-3 item-size-sm-3 item-size-md-3 item-size-lg-3">
<div class="pow-relative-ref pow-cards-large-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flexbox pow-flex-column pow-flex-nowrap pow-flex-fit">
<div class="cards-upper-infos pow-flexbox pow-flex-row pow-flex-align-items-center pow-flex-justify-end pow-padding-left-sm pow-padding-right-sm pow-padding-top-sm pow-padding-bottom-md pow-margin-bottom-xs">
<div class="pow-additional-infos-container pow-flex-no-shrink">
<span class="pow-additional-infos pow-color-white icon-powell-like">
25
</span>
<span class="pow-additional-infos pow-color-white icon-eye2">
<view-count>54</view-count>
</span>
<span class="pow-additional-infos icon-powell-comments pow-color-white">
<span>32</span>
</span>
</div>
</div>
<div class="container-image pow-media-large-overlay pow-pattern-1 pow-background-black100">
<a href="#" title="">
<span class="visuallyhidden">Title for accessibility</span>
<img src="https://picsum.photos/150/190" alt="">
</a>
</div>
<div class="container-content pow-padding-top-sm pow-padding-bottom-sm pow-padding-left-md pow-padding-right-md pow-font-regular pow-background-white pow-flexbox pow-flex-column pow-flex-nowrap pow-flex-fit">
<div class="cards-title pow-cursor-pointer">
<div class="pow-heading-3 pow-max-line-2 pow-color-white pow-margin-bottom-sm" title="">Look, from now, you can easily manage your apps in Orion!</div>
</div>
<div class="cards-description">
<span class="pow-color-white pow-text-size-md pow-max-line-2" data-ellipsis data-ellipsis-symbol="…">
We've added a new feature to pin your apps as favorites. Let's discover how it works!
</span>
</div>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap pow-flex-align-items-center pow-margin-top-sm">
<div class="pow-persona pow-flex-align-left pow-flex-fit">
<div class="pow-persona-image pow-circled-white">
<img src="https://via.placeholder.com/40x40" alt="" class="lazyload">
</div>
<div class="pow-persona-content pow-text-size-xs pow-color-white pow-max-line-1">
<span class="pow-persona-name">John Doe</span>
</div>
</div>
<div class="cards-date pow-color-white pow-max-line-1 pow-flex-no-shrink pow-flex-align-left">
<span class="pow-text-size-xs">29.07.2020</span>
</div>
</div>
</div>
</div>
</div>
<div class="item pow-admin-item-ref pow-flexbox pow-flex-row pow-flex-wrap pow-margin-bottom-md item-size-xs-3 item-size-sm-3 item-size-md-3 item-size-lg-3">
<div class="pow-relative-ref pow-cards-large-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flexbox pow-flex-column pow-flex-nowrap pow-flex-fit">
<div class="cards-upper-infos pow-flexbox pow-flex-row pow-flex-align-items-center pow-flex-justify-end pow-padding-left-sm pow-padding-right-sm pow-padding-top-sm pow-padding-bottom-md pow-margin-bottom-xs">
<div class="pow-additional-infos-container pow-flex-no-shrink">
<span class="pow-additional-infos pow-color-white icon-powell-like">
25
</span>
<span class="pow-additional-infos pow-color-white icon-eye2">
<view-count>54</view-count>
</span>
<span class="pow-additional-infos icon-powell-comments pow-color-white">
<span>32</span>
</span>
</div>
</div>
<div class="container-image pow-media-large-overlay pow-pattern-1 pow-background-black100">
<a href="#" title="">
<span class="visuallyhidden">Title for accessibility</span>
<img src="https://picsum.photos/150/190" alt="">
</a>
</div>
<div class="container-content pow-padding-top-sm pow-padding-bottom-sm pow-padding-left-md pow-padding-right-md pow-font-regular pow-background-white pow-flexbox pow-flex-column pow-flex-nowrap pow-flex-fit">
<div class="cards-title pow-cursor-pointer">
<div class="pow-heading-3 pow-max-line-2 pow-color-white pow-margin-bottom-sm" title="">Look, from now, you can easily manage your apps in Orion!</div>
</div>
<div class="cards-description">
<span class="pow-color-white pow-text-size-md pow-max-line-2" data-ellipsis data-ellipsis-symbol="…">
We've added a new feature to pin your apps as favorites. Let's discover how it works!
</span>
</div>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap pow-flex-align-items-center pow-margin-top-sm">
<div class="pow-persona pow-flex-align-left pow-flex-fit">
<div class="pow-persona-image pow-circled-white">
<img src="https://via.placeholder.com/40x40" alt="" class="lazyload">
</div>
<div class="pow-persona-content pow-text-size-xs pow-color-white pow-max-line-1">
<span class="pow-persona-name">John Doe</span>
</div>
</div>
<div class="cards-date pow-color-white pow-max-line-1 pow-flex-no-shrink pow-flex-align-left">
<span class="pow-text-size-xs">29.07.2020</span>
</div>
</div>
</div>
</div>
</div>
<div class="item pow-admin-item-ref pow-flexbox pow-flex-row pow-flex-wrap pow-margin-bottom-md item-size-xs-3 item-size-sm-3 item-size-md-3 item-size-lg-3">
<div class="pow-relative-ref pow-cards-large-wrapper pow-box-shadow pow-webpart-box-shadow pow-border-radius pow-webpart-border-radius pow-flexbox pow-flex-column pow-flex-nowrap pow-flex-fit">
<div class="cards-upper-infos pow-flexbox pow-flex-row pow-flex-align-items-center pow-flex-justify-end pow-padding-left-sm pow-padding-right-sm pow-padding-top-sm pow-padding-bottom-md pow-margin-bottom-xs">
<div class="pow-additional-infos-container pow-flex-no-shrink">
<span class="pow-additional-infos pow-color-white icon-powell-like">
25
</span>
<span class="pow-additional-infos pow-color-white icon-eye2">
<view-count>54</view-count>
</span>
<span class="pow-additional-infos icon-powell-comments pow-color-white">
<span>32</span>
</span>
</div>
</div>
<div class="container-image pow-media-large-overlay pow-pattern-1 pow-background-black100">
<a href="#" title="">
<span class="visuallyhidden">Title for accessibility</span>
<img src="https://picsum.photos/150/190" alt="">
</a>
</div>
<div class="container-content pow-padding-top-sm pow-padding-bottom-sm pow-padding-left-md pow-padding-right-md pow-font-regular pow-background-white pow-flexbox pow-flex-column pow-flex-nowrap pow-flex-fit">
<div class="cards-title pow-cursor-pointer">
<div class="pow-heading-3 pow-max-line-2 pow-color-white pow-margin-bottom-sm" title="">Look, from now, you can easily manage your apps in Orion!</div>
</div>
<div class="cards-description">
<span class="pow-color-white pow-text-size-md pow-max-line-2" data-ellipsis data-ellipsis-symbol="…">
We've added a new feature to pin your apps as favorites. Let's discover how it works!
</span>
</div>
<div class="pow-flexbox pow-flex-row pow-flex-nowrap pow-flex-align-items-center pow-margin-top-sm">
<div class="pow-persona pow-flex-align-left pow-flex-fit">
<div class="pow-persona-image pow-circled-white">
<img src="https://via.placeholder.com/40x40" alt="" class="lazyload">
</div>
<div class="pow-persona-content pow-text-size-xs pow-color-white pow-max-line-1">
<span class="pow-persona-name">John Doe</span>
</div>
</div>
<div class="cards-date pow-color-white pow-max-line-1 pow-flex-no-shrink pow-flex-align-left">
<span class="pow-text-size-xs">29.07.2020</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>