D-Net

    template: `

<div class="image-front-topbar  uk-section-secondary uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">

   <div style="" class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: ! +">

      <div class="uk-position-cover"></div>

      <div class="uk-width-1-1">

         <div class="uk-position-relative">

            <div class="uk-container uk-margin-medium">

               <div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div>

               <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">

                  <div class="uk-width-1-1@m uk-first-column">

                     <div data-id="page#4">

                     <search-form   placeholderText="Search in OpenAIRE information space" link=true></search-form>

                     </div>

                  </div>

               </div>

            </div>

            <div class="uk-container uk-container-large uk-margin-medium">

               <div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">

                  <div class="uk-width-1-1@m uk-first-column">

                     <div class="search_box_bg uk-margin-large uk-margin-remove-bottom uk-text-center uk-grid-match uk-child-width-1-2 uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-4@l uk-child-width-1-4@xl uk-grid-collapse uk-grid-divider uk-grid uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" uk-grid="" data-id="page#7" style="">

                        <div  *ngIf="publicationsSize"  class="uk-first-column">

                           <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">

                              <h2 class="el-title uk-margin uk-h2">

                                 <span>{{publicationsSize.number}} {{publicationsSize.size}} publications</span>

                              </h2>

                           </div>

                        </div>

                        <div  *ngIf="datasetsSize">

                           <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">

                              <h2 class="el-title uk-margin uk-h2">

                                 <span>{{datasetsSize.number}} {{datasetsSize.size}} research data</span>

                              </h2>

                           </div>

                        </div>

                        <div  *ngIf="datasourcesSize"  >

                           <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">

                              <h2 class="el-title uk-margin uk-h2">

                                 <span>{{datasourcesSize.number}} {{datasourcesSize.size}} data sources</span>

                              </h2>

                           </div>

                        </div>

                        <div  *ngIf="fundersSize">

                           <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">

                              <h2 class="el-title uk-margin uk-h2">

                                 <span>{{fundersSize.number}} {{fundersSize.size}} funders</span>

                              </h2>

                           </div>

                        </div>

                     </div>

                     <div class="uk-margin-large uk-margin-remove-bottom uk-text-center uk-text-meta uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" data-id="page#8" style="">

                      <span style="color:#fff!important; font-size:30pt!important">all linked together</span>

                     </div>

                  </div>

               </div>

            </div>

         </div>

      </div>

   </div>

</div>

<div class="tm-main uk-container" style="min-height:200px">

  <helper position="bottom"></helper>

</div>

     `