irish-monitor/src/app/resources/engagement/engagement.component.html

<div class="uk-banner dark uk-padding-remove-vertical uk-light">
  <div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
    <div>
      <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
    </div>
    <div class="uk-container uk-container-small uk-text-center" uk-scrollspy-class>
      <h1 class="uk-h2 uk-margin-medium-top">Engage, learn, and contribute to the Open Science community.</h1>
      <div class="uk-text-large uk-margin-medium-bottom">Explore essential resources and activities that enhance your interaction with the National Open Access Monitor of Ireland.</div>
    </div>
    <div class="graphics uk-flex uk-flex-middle uk-flex-center uk-margin-top">
      <img class="graphic graphic1 uk-position-relative" src="assets/irish-assets/resources/resources-pink-blue.png" loading="lazy">
      <img class="graphic graphic2 uk-position-relative" src="assets/irish-assets/resources/resources-green.png" loading="lazy">
      <img class="graphic graphic3 uk-position-relative" src="assets/irish-assets/resources/resources-dark-blue.jpg" loading="lazy">
      <img class="graphic graphic4 uk-position-relative" src="assets/irish-assets/resources/resources-orange.jpg" loading="lazy">
    </div>
  </div>
</div>

<ng-container *ngIf="divContents">
  <helper [texts]="divContents['events']"></helper>
</ng-container>

<div class="uk-flex uk-child-width-1-1 uk-child-width-1-2@m uk-margin-large-top">
  <div class="uk-section">
    <div class="uk-width-1-1 uk-width-1-2@m uk-margin-auto" [ngClass]="isMobile ? 'uk-container' : ''">
      <div class="uk-text-large uk-text-primary">Contact us</div>
      <h2 class="uk-h3 uk-margin-remove">Stay in the loop</h2>
      <div class="uk-margin-top">
        If you wish to stay updated on our engagement and training events, please contact us. We’ll ensure you’re informed about upcoming opportunities to connect and learn.
      </div>
      <a class="uk-button uk-button-primary uk-margin-medium-top" routerLink="/contact-us">contact us</a>
    </div>
  </div>
  <div class="uk-visible@m uk-banner uk-overflow-hidden uk-position-relative">
    <img class="uk-position-bottom-right" style="margin: -10px"
      src="assets/irish-assets/resources/dashboard-half-height.png" alt="National Monitor Dashboard" loading="lazy">
  </div>
</div>