<!-- One Topic: Default Theme -->
<div class="communications-strip js-communications-strip communications-strip--default">
<div class="communications-strip__inner">
<div class="communications-strip-head">
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--news js-open" data-target="news-one-topic">
<h3 class="communications-strip-title">NEWS</h3>
<div class="communications-strip-open js-control" id="news-one-topicControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/0.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/1.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/2.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/3.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--news js-section js-section--news" data-section="news-one-topic">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/4.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/5.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/6.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
</div>
<!-- Desktop -->
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--news js-section js-section--news" data-section="news-one-topic">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/5.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/6.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/7.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Desktop -->
</div>
</div>
<!-- Two Topics: Default Theme -->
<div class="communications-strip js-communications-strip communications-strip--default">
<div class="communications-strip__inner">
<div class="communications-strip-head">
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--news js-open" data-target="news-two-topics">
<h3 class="communications-strip-title">NEWS</h3>
<div class="communications-strip-open js-control" id="news-two-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/0.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/1.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--news js-section js-section--news" data-section="news-two-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/2.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/3.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/4.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--events js-open" data-target="events-two-topics">
<h3 class="communications-strip-title">EVENTS</h3>
<div class="communications-strip-open js-control" id="events-two-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--events js-section js-section--events" data-section="events-two-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
</div>
<!-- Desktop -->
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--news js-section js-section--news" data-section="news-two-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/5.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/6.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/7.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--events js-section js-section--events" data-section="events-two-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!--/Desktop -->
</div>
</div>
<!-- Three Topics: Default Theme -->
<div class="communications-strip js-communications-strip communications-strip--default">
<div class="communications-strip__inner">
<div class="communications-strip-head">
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--news js-open" data-target="news-three-topics">
<h3 class="communications-strip-title">NEWS</h3>
<div class="communications-strip-open js-control" id="news-three-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/0.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--news js-section js-section--news" data-section="news-three-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/1.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/2.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/3.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="#" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--events js-open" data-target="events-three-topics">
<h3 class="communications-strip-title">EVENTS</h3>
<div class="communications-strip-open js-control" id="events-three-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--events js-section js-section--events" data-section="events-three-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="#" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--announcements js-open" data-target="announcements-three-topics">
<h3 class="communications-strip-title">ANNOUNCEMENTS</h3>
<div class="communications-strip-open js-control" id="announcements-three-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--announcements js-section js-section--announcements" data-section="announcements-three-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="#" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
</div>
<!-- Desktop-->
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--news js-section js-section--news" data-section="news-three-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/1.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/2.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/3.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--events js-section js-section--events" data-section="events-three-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--announcements js-section js-section--announcements" data-section="announcements-three-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Desktop -->
</div>
</div>
<!-- One Topic: Dark Theme -->
<div class="communications-strip js-communications-strip communications-strip--dark">
<div class="communications-strip__inner">
<div class="communications-strip-head">
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--news js-open" data-target="news-one-topic">
<h3 class="communications-strip-title">NEWS</h3>
<div class="communications-strip-open js-control" id="news-one-topicControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/0.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/1.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/2.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/3.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--news js-section js-section--news" data-section="news-one-topic">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/4.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/5.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/6.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
</div>
<!-- Desktop -->
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--news js-section js-section--news" data-section="news-one-topic">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/5.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/6.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/7.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Desktop -->
</div>
</div>
<!-- Two Topics: Dark Theme -->
<div class="communications-strip js-communications-strip communications-strip--dark">
<div class="communications-strip__inner">
<div class="communications-strip-head">
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--news js-open" data-target="news-two-topics">
<h3 class="communications-strip-title">NEWS</h3>
<div class="communications-strip-open js-control" id="news-two-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/0.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/1.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--news js-section js-section--news" data-section="news-two-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/2.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/3.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/4.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--events js-open" data-target="events-two-topics">
<h3 class="communications-strip-title">EVENTS</h3>
<div class="communications-strip-open js-control" id="events-two-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--events js-section js-section--events" data-section="events-two-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
</div>
<!-- Desktop -->
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--news js-section js-section--news" data-section="news-two-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/5.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/6.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/7.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--events js-section js-section--events" data-section="events-two-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!--/Desktop -->
</div>
</div>
<!-- Three Topics: Dark Theme -->
<div class="communications-strip js-communications-strip communications-strip--dark">
<div class="communications-strip__inner">
<div class="communications-strip-head">
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--news js-open" data-target="news-three-topics">
<h3 class="communications-strip-title">NEWS</h3>
<div class="communications-strip-open js-control" id="news-three-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/0.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--news js-section js-section--news" data-section="news-three-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/1.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/2.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/3.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="#" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--events js-open" data-target="events-three-topics">
<h3 class="communications-strip-title">EVENTS</h3>
<div class="communications-strip-open js-control" id="events-three-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--events js-section js-section--events" data-section="events-three-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="#" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
<div class="communications-strip-head-item">
<a href="#" class="communications-strip-control communications-strip-control--announcements js-open" data-target="announcements-three-topics">
<h3 class="communications-strip-title">ANNOUNCEMENTS</h3>
<div class="communications-strip-open js-control" id="announcements-three-topicsControl">
<i class="fa fa-plus"></i>
</div>
</a>
<div class="communications-strip-item-initial">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
</div>
<!-- Mobile -->
<div class="hidden-lg">
<div class="communications-strip-zone communications-strip-zone--announcements js-section js-section--announcements" data-section="announcements-three-topics">
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="#" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Mobile -->
</div>
<!-- Desktop-->
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--news js-section js-section--news" data-section="news-three-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/1.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/2.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__media">
<img src="/images/photos/3.jpg" alt="" class="communications-strip-item__img img-responsive" />
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--events js-section js-section--events" data-section="events-three-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__event">
<span class="communications-strip-item__date"> JUL 13 </span>
<span class="communications-strip-item__date"> JUL 14 </span>
</div>
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">
Event title: Lorem ipsum dolor sit<br />
Monday, MMM DD. 00:00 AM - 00:00 AM<br />
Location: Virtual
</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<div class="visible-lg-block">
<div class="communications-strip-zone communications-strip-zone--desktop communications-strip-zone--announcements js-section js-section--announcements" data-section="announcements-three-topics">
<a href="" class="communications-strip-close js-close">
<i class="fa fa-minus"></i>
</a>
<div class="communications-strip-zone-items">
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
<a href="#" class="communications-strip-item">
<div class="communications-strip-item__body">
<h4 class="communications-strip-item__title">Lorem ipsum dolor sit amet, heal likenes consectetur adipiscing lit, sed doer eiusmod honor.</h4>
</div>
</a>
</div>
<div class="happening-zone-actions">
<a href="" class="btn btn-link"
>See More
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</div>
</div>
<!-- /Desktop -->
</div>
</div>