Project

General

Profile

« Previous | Next » 

Revision 58339

Fixed some issues with the responsiveness of the home and the about page (phones and pads)

View differences:

about.component.html
1
<div class="provideLanding">
1
<!--MOBILE & PAD PORTRAIT-->
2
<div class="uk-hidden@m">
3
  <div class="provideLanding">
2 4

  
3
  <div class="image-front-topbar  uk-section-default"
4
       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">
5
    <div style="background-color: #F7F7F7; box-sizing: border-box; min-height: calc(-101.35px + 100vh);"
6
         class="uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20">
7
      <div class="uk-width-1-1">
8
        <div class="uk-margin-medium uk-grid uk-grid-stack" uk-grid="">
9
          <div class="uk-width-1-1@m">
5
    <div class="image-front-topbar  uk-section-default"
6
         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">
7
      <!--<div style="background-image: url('../../../../assets/imgs/landing/Group 1149.svg'); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(-101.35px + 100vh);"-->
8
      <!--<div style="background-image: url('../../../../assets/imgs/landing/Group 1149.svg'); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(-101.35px + 100vh);"-->
9
      <div style="background: transparent linear-gradient(0deg, #F7F7F7 20%, #E2EEFA 30%) 0% 0% no-repeat padding-box; box-sizing: border-box; min-height: calc(-101.35px + 100vh);"
10
           class="uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20">
11
        <div class="uk-width-1-1">
12
          <!--<div class="uk-margin-medium uk-grid uk-grid-stack" uk-grid="">-->
13
            <!--<div class="uk-width-1-1@m">-->
14
            <!--</div>-->
15
          <!--</div>-->
16
          <div class="uk-container uk-container-large uk-margin-large aboutPage">
17
            <!--<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;"></div>-->
18
            <div class="uk-grid uk-flex-middle uk-grid uk-grid-stack uk-margin-small-left" uk-grid="">
19

  
20
              <div class="el-overlay uk-panel uk-width-1-2@l uk-width-1-2@m uk-dark">
21
                <div class="uk-margin-left uk-margin-right">
22
                  <h1 class="el-title uk-margin">Capture the essence</h1>
23
                  <div class="uk-margin-medium-top">
24
                    <p class="text-muted">The OpenAIRE Content Provider Dashboard is a one-stop-shop web service where data providers (repository, data archive, journal, aggregator, CRIS system) interact with OpenAIRE. It provides the front-end access to many of OpenAIRE’s backend services.</p>
25
                  </div>
26
                </div>
27

  
28
                <!--<p><a (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">Start here</a></p>-->
29
              </div>
30

  
31
              <div class="el-overlay uk-panel uk-width-1-2@l uk-width-1-2@m uk-dark" style="text-align: right">
32
                <div class="uk-margin-left uk-margin-right">
33
                  <img style="box-shadow: 0px 3px 8px #00000033;" src="../../../../assets/imgs/landing/about-us-dashboard-2.png">
34
                </div>
35
              </div>
36
            </div>
10 37
          </div>
11 38
        </div>
12
        <div class="uk-container uk-container-expand uk-margin-large aboutPage">
13
          <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;"></div>
14
          <div class="uk-grid-large uk-flex-middle uk-grid uk-grid-stack uk-margin-large-left" uk-grid="">
39
      </div>
40
    </div>
15 41

  
16
            <div class="el-overlay uk-panel uk-width-1-2@l uk-dark">
17
              <h1 class="el-title uk-margin">Capture the essence</h1>
42
    <div class="uk-section-secondary uk-section uk-section-small uk-padding-remove-bottom uk-padding-remove-top uk-preserve-color">
43

  
44
      <div style="position: relative; top: 120px">
45
        <div style="text-align: center">
46
          <img src="../../../../assets/imgs/landing/_0002_Group-2.png" width="214">
47
        </div>
48
      </div>
49

  
50
      <div class="uk-container uk-container-expand uk-margin-large-top">
51

  
52
        <div class="validationAndRegistrationSection uk-padding">
53

  
54
          <div class="uk-container uk-container-medium uk-container-center uk-margin-large-top">
55
            <div class="" style="text-align: center">
56
              <h2 class="">Validation & Registration</h2>
57
              <p>
58
                The OpenAIRE Validator service allows to test your repository’s compatibility with the OpenAIRE Guidelines. If validation succeeds the data source can be registered for regular aggregation and indexing in OpenAIRE. OpenAIRE allows for registration of institutional and thematic repositories registered in OpenDOAR, research data repositories registered in re3data, individual e-Journals, CRIS, aggregators and publishers.
59
              </p>
60
              <p class="uk-margin-remove-bottom">
61
                The Validator service includes two main steps to perform the aggregation and indexing of your datasource in OpenAIRE:
62
              </p>
63
            </div>
64
          </div>
65

  
66
          <div class="uk-container uk-container-large uk-container-center">
67
            <div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m">
68

  
18 69
              <div class="uk-margin-medium-top">
19
                <p class="text-muted">The OpenAIRE Content Provider Dashboard is a one-stop-shop web service where data providers (repository, data archive, journal, aggregator, CRIS system) interact with OpenAIRE. It provides the front-end access to many of OpenAIRE’s backend services.</p>
70
                <!--<div>-->
71
                <!--<div style="position: relative; top: 10px; text-align: right;right: 82px;">-->
72
                  <!--<img src="../../../../assets/imgs/landing/arrow5.svg">-->
73
                <!--</div>-->
74
                <h3 class="uk-margin-remove-top">1st: Validate your datasource</h3>
75
                <p>Test the compatibility of your repository/journal or aggregator to the OpenAIRE guidelines. If validation
76
                  succeeds the data source can be registered for regular aggregation and indexing in OpenAIRE.</p>
77
                <!--<div style="position: relative; top: -10px; text-align: right;right: -145px;">-->
78
                  <!--<img src="../../../../assets/imgs/landing/arrow7.svg">-->
79
                <!--</div>-->
20 80
              </div>
21
              <!--<p><a (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">Start here</a></p>-->
81

  
82
              <div class="uk-margin-medium-top">
83
                <h3>2nd: Register your datasource</h3>
84
                <p>Register your literature repository, data repository, journal or aggregator in OpenAIRE.</p>
85
                <p>Once registered in OpenAIRE, the data source manager are able to use the Provide functionalities to validate their data source compatibility with the OpenAIRE Guidelines, to get notification to enrich their research results with additional or missing metadata, and to track the data source usage activity.</p>
86
              </div>
22 87
            </div>
88
          </div>
23 89

  
24
            <div class="el-overlay uk-panel uk-width-1-2@l uk-dark" style="text-align: right">
25
              <img src="../../../../assets/imgs/landing/about-us-dashboard-2.png">
90
          <div class="uk-container uk-container-large uk-container-center uk-margin-large-top">
91
            <div class="uk-text-center">
92
              <p>Learn more: <a href="https://www.openaire.eu/validator-registration-guide" target="_blank">https://www.openaire.eu/validator-registration-guide</a></p>
26 93
            </div>
27 94
          </div>
95

  
28 96
        </div>
97

  
29 98
      </div>
30 99
    </div>
31
  </div>
32 100

  
33
  <div class="uk-section-secondary uk-section uk-section-small uk-padding-remove-bottom uk-preserve-color">
34
    <div class="uk-container uk-container-expand">
101
    <div class="uk-section-secondary uk-section uk-section-large uk-padding-remove-top uk-padding-remove-bottom uk-preserve-color">
102
      <div class="uk-container uk-container-expand" style="position: relative; top: -260px">
35 103

  
36
      <div class="validationAndRegistrationSection uk-padding">
104
        <div class="uk-grid">
37 105

  
38
        <div class="uk-container uk-container-medium uk-container-center">
39
          <div style="text-align: center">
40
            <img src="../../../../assets/imgs/landing/_0002_Group-2.png" width="214">
106
          <div class="uk-width-1-2@l uk-width-1-2@m">
107

  
108
            <div style="position: relative; top: 255px">
109
              <div style="text-align: center">
110
                <img src="../../../../assets/imgs/landing/_0001_Group-3.png" width="158">
111
              </div>
112
            </div>
113

  
114
            <!--<div style="position: relative; top: -4px; left: 550px;">-->
115
              <!--<img src="../../../../assets/imgs/landing/arrow3.svg">-->
116
            <!--</div>-->
117
            <div class="enrichmentsSection uk-padding" style="margin-top: 175px">
118
              <!--<div style="text-align: center">-->
119
              <!--<img src="../../../../assets/imgs/landing/_0001_Group-3.png" width="158">-->
120
              <!--</div>-->
121
              <div class="uk-margin-large-top" style="text-align: center">
122
                <h2 class="">Enrichments</h2>
123
                <p>Content enrichment is a powerful tool that enables Content providers to enrich research artifacts with additional metadata, through the OpenAIRE Notification Broker Service.</p>
124
                <p>Learn more: <a href="https://www.openaire.eu/content-enrichment-guide" target="_blank">https://www.openaire.eu/content-enrichment-guide</a></p>
125
              </div>
126
            </div>
127
            <!--<div style="position: relative; top: -50px; text-align: right;right: -40px;">-->
128
              <!--<img src="../../../../assets/imgs/landing/arrow4.svg">-->
129
            <!--</div>-->
41 130
          </div>
42
          <div class="" style="text-align: center">
43
            <h2 class="">Validation & Registration</h2>
44
            <p>
45
              The OpenAIRE Validator service allows to test your repository’s compatibility with the OpenAIRE Guidelines. If validation succeeds the data source can be registered for regular aggregation and indexing in OpenAIRE. OpenAIRE allows for registration of institutional and thematic repositories registered in OpenDOAR, research data repositories registered in re3data, individual e-Journals, CRIS, aggregators and publishers.
46
            </p>
47
            <p class="uk-margin-remove-bottom">
48
              The Validator service includes two main steps to perform the aggregation and indexing of your datasource in OpenAIRE:
49
            </p>
50
          </div>
51
        </div>
52 131

  
53
        <div class="uk-container uk-container-large uk-container-center">
54
          <div class="uk-grid uk-child-width-1-2@l">
55 132

  
56
            <div class="paddingLargeLeft paddingLargeRight">
57
              <!--<div>-->
58
              <div style="position: relative; top: 10px; text-align: right;right: 82px;">
59
                <img src="../../../../assets/imgs/landing/arrow5.svg">
133
          <div class="uk-width-1-2@l uk-width-1-2@m uk-margin-xlarge" style="position: relative; top: -290px">
134

  
135
            <div style="position: relative; top: 275px">
136
              <div style="text-align: center">
137
                <img src="../../../../assets/imgs/landing/_0003_Group-1.png" width="258">
60 138
              </div>
61
              <h3 class="uk-margin-remove-top">1st: Validate your datasource</h3>
62
              <p>Test the compatibility of your repository/journal or aggregator to the OpenAIRE guidelines. If validation
63
                succeeds the data source can be registered for regular aggregation and indexing in OpenAIRE.</p>
64
              <div style="position: relative; top: -10px; text-align: right;right: -145px;">
65
                <img src="../../../../assets/imgs/landing/arrow7.svg">
66
              </div>
67 139
            </div>
68 140

  
69
            <div class="padding paddingLargeLeft paddingLargeRight uk-margin-xlarge">
70
              <h3>2nd: Register your datasource</h3>
71
              <p>Register your literature repository, data repository, journal or aggregator in OpenAIRE.</p>
72
              <p>Once registered in OpenAIRE, the data source manager are able to use the Provide functionalities to validate their data source compatibility with the OpenAIRE Guidelines, to get notification to enrich their research results with additional or missing metadata, and to track the data source usage activity.</p>
141
            <div class="measureSection uk-padding">
142
              <!--<div style="text-align: center">-->
143
              <!--<img src="../../../../assets/imgs/landing/_0003_Group-1.png" width="258">-->
144
              <!--</div>-->
145
              <div class="uk-margin-large-top" style="text-align: center">
146
                <h2 class="">Usage Statistics</h2>
147
                <p>OpenAIRE’s Usage Statistic service uses the Matomo Open Source Analytics platform (matomo.org) to track usage activity. It collects and analyzes usage data from the network of OpenAIRE data providers and exploits usage metrics like downloads and metadata views.</p>
148
                <p>Learn more: <a href="https://www.openaire.eu/guides-usage-statistics" target="_blank">https://www.openaire.eu/guides-usage-statistics</a></p>
149
              </div>
73 150
            </div>
74 151
          </div>
75 152
        </div>
76 153

  
77
        <div class="uk-container uk-container-large uk-container-center uk-margin-large-top">
78
          <div class="uk-text-center">
79
            <p>Learn more: <a href="https://www.openaire.eu/validator-registration-guide" target="_blank">https://www.openaire.eu/validator-registration-guide</a></p>
154
      </div>
155
    </div>
156

  
157
    <div class="uk-section uk-section-large uk-section-muted uk-background-norepeat uk-background-cover uk-background-top-center
158
  uk-background-fixed uk-section uk-flex uk-flex-middle"
159
         style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box; position: relative; top: -450px">
160

  
161
      <div class="uk-container uk-container-xsmall uk-container-center uk-margin-left uk-margin-right">
162
        <div class="uk-grid uk-flex" style="display: block; text-align: center">
163
          <div class="">
164
            <h2>Contact us to help you.</h2>
165
            <p class="text-muted">Are you looking for more? Get in touch with our team and let us help you.</p>
166
            <button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>
80 167
          </div>
168
          <div class="uk-margin-top">
169
            <img src="../../../../assets/imgs/landing/_0000_Group-4.png" width="153">
170
          </div>
81 171
        </div>
82

  
83

  
84 172
      </div>
85 173

  
174
      <!--<div class="uk-container uk-container-large">-->
175
        <!--<div class="uk-grid uk-flex" style="align-items: center">-->
176
          <!--<div class="uk-width-1-3@l uk-width-1-3@m">-->
177
            <!--<img src="../../../../assets/imgs/landing/_0000_Group-4.png">-->
178
          <!--</div>-->
179
          <!--<div class="uk-width-2-3@l uk-width-2-3@m">-->
180
            <!--<div class="uk-margin-large-left">-->
181
              <!--<h2>Contact us to help you.</h2>-->
182
              <!--<p class="text-muted">Are you looking for more? Get in touch with our team and let us help you.</p>-->
183
              <!--<button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>-->
184
            <!--</div>-->
185
          <!--</div>-->
186
        <!--</div>-->
187
      <!--</div>-->
86 188
    </div>
189

  
87 190
  </div>
191
</div>
88 192

  
89
  <div class="uk-section-secondary uk-section uk-section-large uk-padding-remove-top uk-preserve-color">
90
    <div class="uk-container uk-container-expand">
193
<!--LAPTOP & PAD LANDSCAPE-->
194
<div class="uk-visible@m">
195
  <div class="provideLanding">
91 196

  
92
      <div class="uk-grid">
197
    <div class="image-front-topbar  uk-section-default"
198
         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">
199
      <div style="background-color: #F7F7F7; box-sizing: border-box; min-height: calc(-101.35px + 100vh);"
200
           class="uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20">
201
        <div class="uk-width-1-1">
202
          <div class="uk-margin-medium uk-grid uk-grid-stack" uk-grid="">
203
            <div class="uk-width-1-1@m">
204
            </div>
205
          </div>
206
          <div class="uk-container uk-container-expand uk-margin-large aboutPage">
207
            <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;"></div>
208
            <div class="uk-grid-large uk-flex-middle uk-grid uk-grid-stack uk-margin-large-left" uk-grid="">
93 209

  
94
        <div class="uk-width-1-2@l">
95
          <div style="position: relative; top: -4px; left: 150px;">
96
            <img src="../../../../assets/imgs/landing/arrow3.svg">
210
              <div class="el-overlay uk-panel uk-width-1-2@l uk-width-1-2@m uk-dark">
211
                <div class="uk-margin-left uk-margin-right">
212
                  <h1 class="el-title uk-margin">Capture the essence</h1>
213
                  <div class="uk-margin-medium-top">
214
                    <p class="text-muted">The OpenAIRE Content Provider Dashboard is a one-stop-shop web service where data providers (repository, data archive, journal, aggregator, CRIS system) interact with OpenAIRE. It provides the front-end access to many of OpenAIRE’s backend services.</p>
215
                  </div>
216
                </div>
217

  
218
                <!--<p><a (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">Start here</a></p>-->
219
              </div>
220

  
221
              <div class="el-overlay uk-panel uk-width-1-2@l uk-width-1-2@m uk-dark" style="text-align: right">
222
                <div class="uk-margin-left uk-margin-right">
223
                  <img style="box-shadow: 0px 3px 8px #00000033;" src="../../../../assets/imgs/landing/about-us-dashboard-2.png">
224
                </div>
225
              </div>
226
            </div>
97 227
          </div>
98
          <div class="enrichmentsSection uk-padding" style="margin-top: -23px">
99
            <div style="text-align: center">
100
              <img src="../../../../assets/imgs/landing/_0001_Group-3.png" width="158">
101
            </div>
228
        </div>
229
      </div>
230
    </div>
231

  
232
    <div class="uk-section-secondary uk-section uk-section-small uk-padding-remove-bottom uk-padding-remove-top uk-preserve-color">
233

  
234
      <div style="position: relative; top: 150px">
235
        <div style="text-align: center">
236
          <img src="../../../../assets/imgs/landing/_0002_Group-2.png" width="214">
237
        </div>
238
      </div>
239

  
240
      <div class="uk-container uk-container-expand uk-margin-large-top">
241

  
242
        <div class="validationAndRegistrationSection uk-padding">
243

  
244
          <div class="uk-container uk-container-medium uk-container-center uk-margin-large-top">
102 245
            <div class="" style="text-align: center">
103
              <h2 class="">Enrichments</h2>
104
              <p>Content enrichment is a powerful tool that enables Content providers to enrich research artifacts with additional metadata, through the OpenAIRE Notification Broker Service.</p>
105
              <p>Learn more: <a href="https://www.openaire.eu/content-enrichment-guide" target="_blank">https://www.openaire.eu/content-enrichment-guide</a></p>
246
              <h2 class="">Validation & Registration</h2>
247
              <p>
248
                The OpenAIRE Validator service allows to test your repository’s compatibility with the OpenAIRE Guidelines. If validation succeeds the data source can be registered for regular aggregation and indexing in OpenAIRE. OpenAIRE allows for registration of institutional and thematic repositories registered in OpenDOAR, research data repositories registered in re3data, individual e-Journals, CRIS, aggregators and publishers.
249
              </p>
250
              <p class="uk-margin-remove-bottom">
251
                The Validator service includes two main steps to perform the aggregation and indexing of your datasource in OpenAIRE:
252
              </p>
106 253
            </div>
107 254
          </div>
108
          <div style="position: relative; top: -50px; text-align: right;right: -40px;">
109
            <img src="../../../../assets/imgs/landing/arrow4.svg">
255

  
256
          <div class="uk-container uk-container-large uk-container-center">
257
            <div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m">
258

  
259
              <div class="paddingLargeLeft paddingLargeRight">
260
                <!--<div>-->
261
                <div style="position: relative; top: 10px; text-align: right;right: 82px;">
262
                  <img src="../../../../assets/imgs/landing/arrow5.svg">
263
                </div>
264
                <h3 class="uk-margin-remove-top">1st: Validate your datasource</h3>
265
                <p>Test the compatibility of your repository/journal or aggregator to the OpenAIRE guidelines. If validation
266
                  succeeds the data source can be registered for regular aggregation and indexing in OpenAIRE.</p>
267
                <div style="position: relative; top: -10px; text-align: right;right: -145px;">
268
                  <img src="../../../../assets/imgs/landing/arrow7.svg">
269
                </div>
270
              </div>
271

  
272
              <div class="padding paddingLargeLeft paddingLargeRight uk-margin-xlarge">
273
                <h3>2nd: Register your datasource</h3>
274
                <p>Register your literature repository, data repository, journal or aggregator in OpenAIRE.</p>
275
                <p>Once registered in OpenAIRE, the data source manager are able to use the Provide functionalities to validate their data source compatibility with the OpenAIRE Guidelines, to get notification to enrich their research results with additional or missing metadata, and to track the data source usage activity.</p>
276
              </div>
277
            </div>
110 278
          </div>
279

  
280
          <div class="uk-container uk-container-large uk-container-center uk-margin-large-top">
281
            <div class="uk-text-center">
282
              <p>Learn more: <a href="https://www.openaire.eu/validator-registration-guide" target="_blank">https://www.openaire.eu/validator-registration-guide</a></p>
283
            </div>
284
          </div>
285

  
111 286
        </div>
112 287

  
113
        <div class="uk-width-1-2@l uk-margin-xlarge">
114
          <div class="measureSection uk-padding">
115
            <div style="text-align: center">
116
              <img src="../../../../assets/imgs/landing/_0003_Group-1.png" width="258">
288
      </div>
289
    </div>
290

  
291
    <div class="uk-section-secondary uk-section uk-section-large uk-padding-remove-top uk-padding-remove-bottom uk-preserve-color">
292
      <div class="uk-container uk-container-expand" style="position: relative; top: -260px">
293

  
294
        <div class="uk-grid">
295

  
296
          <div class="uk-width-1-2@l uk-width-1-2@m">
297

  
298
            <div style="position: relative; top: 275px">
299
              <div style="text-align: center">
300
                <img src="../../../../assets/imgs/landing/_0001_Group-3.png" width="158">
301
              </div>
117 302
            </div>
118
            <div class="" style="text-align: center">
119
              <h2 class="">Usage Statistics</h2>
120
              <p>OpenAIRE’s Usage Statistic service uses the Matomo Open Source Analytics platform (matomo.org) to track usage activity. It collects and analyzes usage data from the network of OpenAIRE data providers and exploits usage metrics like downloads and metadata views.</p>
121
              <p>Learn more: <a href="https://www.openaire.eu/guides-usage-statistics" target="_blank">https://www.openaire.eu/guides-usage-statistics</a></p>
303

  
304
            <div style="position: relative; top: -4px; left: 550px;">
305
              <img src="../../../../assets/imgs/landing/arrow3.svg">
122 306
            </div>
307
            <div class="enrichmentsSection uk-padding" style="margin-top: -23px">
308
              <!--<div style="text-align: center">-->
309
                <!--<img src="../../../../assets/imgs/landing/_0001_Group-3.png" width="158">-->
310
              <!--</div>-->
311
              <div class="uk-margin-large-top" style="text-align: center">
312
                <h2 class="">Enrichments</h2>
313
                <p>Content enrichment is a powerful tool that enables Content providers to enrich research artifacts with additional metadata, through the OpenAIRE Notification Broker Service.</p>
314
                <p>Learn more: <a href="https://www.openaire.eu/content-enrichment-guide" target="_blank">https://www.openaire.eu/content-enrichment-guide</a></p>
315
              </div>
316
            </div>
317
            <div style="position: relative; top: -50px; text-align: right;right: -40px;">
318
              <img src="../../../../assets/imgs/landing/arrow4.svg">
319
            </div>
123 320
          </div>
321

  
322

  
323
          <div class="uk-width-1-2@l uk-width-1-2@m uk-margin-xlarge">
324

  
325
            <div style="position: relative; top: 275px">
326
              <div style="text-align: center">
327
                <img src="../../../../assets/imgs/landing/_0003_Group-1.png" width="258">
328
              </div>
329
            </div>
330

  
331
            <div class="measureSection uk-padding">
332
              <!--<div style="text-align: center">-->
333
                <!--<img src="../../../../assets/imgs/landing/_0003_Group-1.png" width="258">-->
334
              <!--</div>-->
335
              <div class="uk-margin-large-top" style="text-align: center">
336
                <h2 class="">Usage Statistics</h2>
337
                <p>OpenAIRE’s Usage Statistic service uses the Matomo Open Source Analytics platform (matomo.org) to track usage activity. It collects and analyzes usage data from the network of OpenAIRE data providers and exploits usage metrics like downloads and metadata views.</p>
338
                <p>Learn more: <a href="https://www.openaire.eu/guides-usage-statistics" target="_blank">https://www.openaire.eu/guides-usage-statistics</a></p>
339
              </div>
340
            </div>
341
          </div>
124 342
        </div>
343

  
125 344
      </div>
126

  
127 345
    </div>
128
  </div>
129 346

  
130
  <div class="uk-section uk-section-large uk-section-muted uk-background-norepeat uk-background-cover uk-background-top-center
131
  uk-background-fixed uk-section uk-flex uk-flex-middle"
132
       style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box;">
133
    <div class="uk-container uk-container-large">
134
      <div class="uk-grid uk-flex" style="align-items: center">
135
        <div class="uk-width-1-3@l">
136
          <img src="../../../../assets/imgs/landing/_0000_Group-4.png">
137
        </div>
138
        <div class="uk-width-2-3@l">
139
          <div class="uk-margin-large-left">
140
            <h2>Contact us to help you.</h2>
141
            <p class="text-muted">Are you looking for more? Get in touch with our team and let us help you.</p>
142
            <button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>
347
    <div class="uk-section uk-section-large uk-section-muted uk-background-norepeat uk-background-cover uk-background-top-center
348
  uk-background-fixed uk-section uk-flex uk-flex-middle uk-padding-remove-top"
349
         style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box;">
350
      <div class="uk-container uk-container-large">
351
        <div class="uk-grid uk-flex" style="align-items: center">
352
          <div class="uk-width-1-3@l uk-width-1-3@m">
353
            <img src="../../../../assets/imgs/landing/_0000_Group-4.png">
143 354
          </div>
355
          <div class="uk-width-2-3@l uk-width-2-3@m">
356
            <div class="uk-margin-large-left">
357
              <h2>Contact us to help you.</h2>
358
              <p class="text-muted">Are you looking for more? Get in touch with our team and let us help you.</p>
359
              <button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>
360
            </div>
361
          </div>
144 362
        </div>
145 363
      </div>
146 364
    </div>
365

  
147 366
  </div>
148

  
149 367
</div>

Also available in: Unified diff