D-Net

<section class="section greySection uk-padding-top-remove uk-padding-bottom-remove" id="sect-country-page">

  <div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">

    <div class="uk-grid uk-grid-small">

      <div class="uk-width-large-4-5 uk-width-medium-3-4">

      </div>

      <div class="uk-width-large-1-5 uk-width-medium-1-4">

        <div id="sidebar_main" class="md-card dark-blue-box infoBox uk-sticky" uk-height-viewport="offset-bottom: 0">

          <div class="md-card-content">

            <h3 class="uk-text-center">{{countryName | uppercase}}</h3>

            <div>

              <!--<app-map-overview></app-map-overview>-->

              <app-country-map [country]="countryName"></app-country-map>

            </div>

            <div>This tool allows you to:</div>

            <ul>

              <li>

                better understand the European Open Data landscape

              </li>

              <li>

                find data catalogues and datasets analyse and visualise available metadata

              </li>

              <li>

                find data catalogues and datasets analyse and visualise available metadata

              </li>

              <li>

                access the raw data

              </li>

            </ul>

            <div class="uk-text-center uk-margin-medium-top">

              <button class="md-btn md-btn-primary">Learn More</button>

            </div>

          </div>

        </div>

      </div>

      <!--<div class="uk-width-large-3-5 uk-container-center uk-text-center">-->

      <!--<h2 class="heading_b">-->

      <!--Our Team-->

      <!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->

      <!--</h2>-->

      <!--</div>-->

    </div>

  </div>

</section>