Project

General

Profile

1
<section class="section greySection uk-padding-top-remove uk-padding-bottom-remove" id="sect-country-page">
2
  <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}">
3

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

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

    
8

    
9

    
10

    
11
      </div>
12

    
13
      <div class="uk-width-large-1-5 uk-width-medium-1-4">
14
        <div id="sidebar_main" class="md-card dark-blue-box infoBox uk-sticky" uk-height-viewport="offset-bottom: 0">
15
          <div class="md-card-content">
16
            <h3 class="uk-text-center">{{countryName | uppercase}}</h3>
17

    
18
            <div>
19
              <!--<app-map-overview></app-map-overview>-->
20
              <app-country-map [country]="countryName"></app-country-map>
21
            </div>
22

    
23
            <div>This tool allows you to:</div>
24
            <ul>
25
              <li>
26
                better understand the European Open Data landscape
27
              </li>
28
              <li>
29
                find data catalogues and datasets analyse and visualise available metadata
30
              </li>
31
              <li>
32
                find data catalogues and datasets analyse and visualise available metadata
33
              </li>
34
              <li>
35
                access the raw data
36
              </li>
37
            </ul>
38
            <div class="uk-text-center uk-margin-medium-top">
39
              <button class="md-btn md-btn-primary">Learn More</button>
40
            </div>
41
          </div>
42
        </div>
43
      </div>
44

    
45

    
46
      <!--<div class="uk-width-large-3-5 uk-container-center uk-text-center">-->
47
      <!--<h2 class="heading_b">-->
48
      <!--Our Team-->
49
      <!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
50
      <!--</h2>-->
51
      <!--</div>-->
52
    </div>
53

    
54
  </div>
55
</section>
(3-3/4)