<div *ngIf="properties" uk-grid="" class="uk-grid uk-margin-large-top uk-margin-large-bottom">
  <div *ngIf="portal !== 'explore'" class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
      <h4 class="el-title uk-margin uk-h4">
        Researcher?
      </h4>
      <div class="el-content uk-margin">
        Explore all OA {{openaireEntities.RESULTS | lowercase}}. Link all your research. Build your profile
      </div>
      <p>
        <a target="_blank" [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'explore.openaire.eu'" class="el-link uk-button uk-button-default">
          OpenAIRE | EXPLORE
        </a>
      </p>
    </div>
  </div>
  <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column provide">
    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
      <h4 class="el-title uk-margin uk-h4">
        {{openaireEntities.DATASOURCE}}?
      </h4>
      <div class="el-content uk-margin">
        Join OpenAIRE, use our tools and make your content more visible around the world.
      </div>
      <p>
        <a target="_blank" [href]="'https://'+(properties.environment =='beta' || properties.environment =='development'?'beta.':'')+'provide.openaire.eu'" class="el-link uk-button uk-button-default">
          OpenAIRE | PROVIDE
        </a>
      </p>
    </div>
  </div>
  <div *ngIf="portal !== 'connect'" class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match connect">
    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
      <h4 class="el-title uk-margin uk-h4">
        {{openaireEntities.COMMUNITY}}?
      </h4>
      <div class="el-content uk-margin">
        Use a trusted partner to share, link, disseminate and monitor your research.
      </div>
      <p>
        <a target="_blank" [href]="'https://'+(properties.environment =='beta'?'beta.':'')+'connect.openaire.eu'"
           class="el-link uk-button uk-button-default">
          OpenAIRE | CONNECT
        </a>
      </p>
    </div>
  </div>
  <div *ngIf="portal !== 'monitor'" class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match monitor">
    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
      <h4 class="el-title uk-margin uk-h4">
        Research manager?
      </h4>
      <div class="el-content uk-margin">
        Use our monitoring services and easily track all relevant {{openaireEntities.RESULTS | lowercase}}.
      </div>
      <p>
        <a target="_blank" [href]="'https://'+(properties.environment =='beta' || properties.environment
        =='development'?'beta.':'')+'monitor.openaire.eu'" class="el-link uk-button uk-button-default">
          OpenAIRE | MONITOR
        </a>
      </p>
    </div>
  </div>
  <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match develop">
    <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
      <h4 class="el-title uk-margin uk-h4">
        Developer?
      </h4>
      <div class="el-content uk-margin">
        Get access to OpenAIRE data and capitalize on on Europe's open linked research
      </div>
      <p>
        <a target="_blank" href="https://develop.openaire.eu" class="el-link uk-button uk-button-default">
          OpenAIRE | DEVELOP
        </a>
      </p>
    </div>
  </div>
</div>
