Project

General

Profile

1
<!--MOBILE & PAD PORTRAIT-->
2
<div class="uk-hidden@m">
3
  <div class="provideLanding">
4
    <div class="image-front-topbar  uk-section-default"
5
         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">
6
      <!--<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);"-->
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: transparent linear-gradient(0deg, #F7F7F7 20%, #E2EEFA 30%) 0% 0% no-repeat padding-box; box-sizing: border-box; min-height: calc(-101.35px + 100vh);"
9
           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">
10
        <div class="uk-width-1-1">
11
          <!--<div class="uk-margin-medium uk-grid uk-grid-stack" uk-grid="">-->
12
            <!--<div class="uk-width-1-1@m">-->
13
            <!--</div>-->
14
          <!--</div>-->
15
          <div class="uk-container uk-container-large uk-margin-large">
16
            <!--<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;"></div>-->
17
            <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
18
              <div class="el-overlay uk-panel uk-width-1-1 uk-dark uk-text-center">
19

    
20
                <h1 class="uk-margin">Your data is valuable. Get connected. Participate</h1>
21

    
22
                <div class="uk-container uk-container-xsmall uk-container-center">
23
                  <div class="uk-margin-medium-top uk-margin-medium-left uk-margin-medium-right text-muted">
24
                    The Provide Dashboard is a one-stop-service where content providers interact
25
                    with OpenAIRE and become a building block of a global Open Research community. A gateway to the European Open Science Cloud.
26
                  </div>
27
                </div>
28

    
29
                <div class="uk-container uk-container-small uk-container-center">
30

    
31
                  <div class="uk-margin-left uk-margin-right uk-margin-top">
32
                    <div class="uk-grid uk-child-width-1-3">
33
                      <div class="uk-width-1-3">
34
                        <img src="../../../../assets/imgs/landing/paidaki_me_xartia.png">
35
                      </div>
36
                      <div class="uk-width-1-3" style="display: flex; align-items: center; justify-content: center">
37
                        <!--fixme remove custom padding??-->
38
                        <a style="padding: 0 17px" (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">SIGN IN</a>
39
                      </div>
40
                    </div>
41
                  </div>
42

    
43
                </div>
44

    
45
                <!--<div class="el-content uk-margin"><h2 style="color:#1a1a1a!important">A one-stop-shop for sharing, finding and enriching your content</h2></div>-->
46
                <!--<p><a (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">Sign In</a></p>-->
47
              </div>
48
            </div>
49
          </div>
50
        </div>
51
      </div>
52
    </div>
53

    
54
    <div class="uk-section-muted uk-section uk-section-large uk-section-overlap uk-position-relative">
55

    
56
      <h2 class="uk-text-center">PROVIDE Dashboard brings all your data together</h2>
57

    
58
      <div class="uk-margin-medium-left uk-margin-medium-right uk-text-center text-muted">Get front-end access to many of OpenAIRE’s backend services</div>
59

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

    
62
        <div class="slider-mobile-card">
63
          <div class="uk-slider" tabindex="-1" uk-slider="velocity: 0;autoplay: true;autoplay-interval: 5000;pause-on-hover: false;center: true">
64
            <div class="uk-position-relative">
65
              <div class="uk-slider-container">
66
                <ul class="uk-slider-items uk-child-width-1-1" style="transform: translateX(-1300px);">
67
                  <li class="ng-star-inserted uk-active" tabindex="-1" style="order: 1;">
68
                    <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
69
                      <div class="uk-first-column">
70
                        <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
71
                          <source src="../../../../assets/mp4/validate.mp4" type="video/mp4">
72
                        </video>
73
                        <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif">-->
74
                      </div>
75
                      <div class="uk-margin-top">
76
                        <div>
77
                          <div class="uk-text-bold uk-h4">Validate</div>
78
                          <div class="uk-margin-medium">
79
                            Interoperable metadata is key for effective content sharing.
80
                            <p class="uk-margin-top">
81
                              OpenAIRE guidelines are a global standard to expose and share your content. Use our validation service and see how you can apply them.
82
                            </p>
83
                          </div>
84
                          <div class="uk-inline">
85
                            <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
86
                          </div>
87
                        </div>
88
                      </div>
89
                    </div>
90
                  </li>
91
                  <li tabindex="-1" style="order: 1;">
92
                    <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
93
                      <div class="uk-first-column">
94
                        <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
95
                          <source src="../../../../assets/mp4/register.mp4" type="video/mp4">
96
                        </video>
97
                        <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif">-->
98
                      </div>
99
                      <div class="uk-margin-top">
100
                        <div>
101
                          <div class="uk-text-bold uk-h4">Register</div>
102
                          <div class="uk-margin-medium">
103
                            Reach a wider audience around the world.
104
                            <p class="uk-margin-top">
105
                              Register your literature or data repository, OA Journal, CRIS in OpenAIRE and be part of a global interlinked network.
106
                            </p>
107
                          </div>
108
                          <div class="uk-inline">
109
                            <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
110
                          </div>
111
                        </div>
112
                      </div>
113
                    </div>
114
                  </li>
115
                  <li tabindex="-1" style="order: 1;">
116
                    <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
117
                      <div class="uk-first-column">
118
                        <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
119
                          <source src="../../../../assets/mp4/enrich.mp4" type="video/mp4">
120
                        </video>
121
                        <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif">-->
122
                      </div>
123
                      <div class="uk-margin-top">
124
                        <div>
125
                          <div class="uk-text-bold uk-h4">Enrich</div>
126
                          <div class="uk-margin-medium">
127
                            Improve your metadata. Get more connections.
128
                            <p class="uk-margin-top">
129
                              Our newly released OA Broker service offers a wealth of information on scholarly communication data. Find out what interests you and subscribe to enrich your records.
130
                            </p>
131
                          </div>
132
                          <div class="uk-inline">
133
                            <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
134
                          </div>
135
                        </div>
136
                      </div>
137
                    </div>
138
                  </li>
139
                  <li tabindex="-1" style="order: 1;">
140
                    <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
141
                      <div class="uk-first-column">
142
                        <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
143
                          <source src="../../../../assets/mp4/usage-stat.mp4" type="video/mp4">
144
                        </video>
145
                        <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif">-->
146
                      </div>
147
                      <div class="uk-margin-top">
148
                        <div>
149
                          <div class="uk-text-bold uk-h4">Usage statistics</div>
150
                          <div class="uk-margin-medium">
151
                            Open research impact empowers Open Science.
152
                            <p class="uk-margin-top">
153
                              Share usage data via OpenAIRE's global Open Metrics Service. Get the benefit of an aggregated environment to broaden the mechanisms for impact assessment.
154
                            </p>
155
                          </div>
156
                          <div class="uk-inline">
157
                            <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
158
                          </div>
159
                        </div>
160
                      </div>
161
                    </div>
162
                  </li>
163
                </ul>
164
              </div>
165
            </div>
166

    
167
            <ul class="uk-position-relative uk-slider-nav uk-dotnav uk-flex-center uk-margin">
168
              <li uk-slider-item="0" class="uk-active"><a href="#"></a></li>
169
              <li uk-slider-item="1" class=""><a href="#"></a></li>
170
              <li uk-slider-item="2" class=""><a href="#"></a></li>
171
              <li uk-slider-item="3" class=""><a href="#"></a></li>
172
            </ul>
173
          </div>
174
        </div>
175

    
176
      </div>
177
    </div>
178

    
179
    <div class="uk-section uk-section-muted uk-section-large uk-preserve-color uk-background-norepeat uk-background-cover uk-background-top-center"
180
         style="background-image: url('../../../../assets/imgs/landing/abstract2.svg'); !important; min-height: calc(80vh);" uk-height-viewport="offset-top: true; offset-bottom: 20;">
181
      <div class="uk-container uk-container-expand">
182

    
183
        <h1 class="uk-text-center">Do numbers make you happy?</h1>
184

    
185
        <div class="uk-margin-medium-top">
186
          <div class="" style="display: block; width: 60%; margin-left: auto; margin-right: auto">
187
            <img src="../../../../assets/imgs/landing/avakas.png">
188
          </div>
189
        </div>
190

    
191
        <div class="uk-grid">
192
          <div class="uk-width-expand">
193

    
194
            <div class="uk-grid uk-child-width-1-2 uk-text-center" style="display: flex;align-items: center;height: 70%;">
195

    
196
              <div class="uk-margin-top">
197
                <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.literature) ? (statisticsNumbers.literature | number) : 'N/A' }}</div>
198
                <div class="uk-text-uppercase">Literature repositories</div>
199
              </div>
200

    
201
              <div class="uk-margin-top">
202
                <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.journal) ? (statisticsNumbers.journal | number) : 'N/A' }}</div>
203
                <div class="uk-text-uppercase">Data repositories</div>
204
              </div>
205

    
206
              <div class="uk-margin-top">
207
                <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.dataRepositories) ? (statisticsNumbers.dataRepositories | number) : 'N/A' }}</div>
208
                <div class="uk-text-uppercase">OA journals</div>
209
              </div>
210

    
211
              <div class="uk-margin-top">
212
                <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.aggregators) ? (statisticsNumbers.aggregators | number) : 'N/A' }}</div>
213
                <div class="uk-text-uppercase">Aggregators</div>
214
              </div>
215
            </div>
216

    
217
          </div>
218
        </div>
219

    
220
      </div>
221

    
222
      <!--<div class="uk-container uk-container-large uk-margin-top">-->
223
        <!--<div class="uk-grid uk-child-width-1-5@l uk-child-width-1-5@m uk-child-width-1-2@s uk-margin-medium-left">-->
224

    
225
          <!--<div class="uk-margin-top">-->
226
            <!--<h3>{{ (statisticsNumbers && statisticsNumbers.publications) ? (statisticsNumbers.publications | number) : 'N/A' }}</h3>-->
227
            <!--<div class="uk-text-uppercase text-small iconsWithText">-->
228
              <!--<span><i class="fas fa-book fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>-->
229
              <!--<span>publications</span>-->
230
            <!--</div>-->
231
          <!--</div>-->
232
          <!--<div class="uk-margin-top">-->
233
            <!--<h3>{{ (statisticsNumbers && statisticsNumbers.datasets) ? (statisticsNumbers.datasets | number) : 'N/A' }}</h3>-->
234
            <!--<div class="uk-text-uppercase text-small iconsWithText">-->
235
              <!--<span><i class="fas fa-database fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>-->
236
              <!--<span>datasets</span>-->
237
            <!--</div>-->
238
          <!--</div>-->
239
          <!--<div class="uk-margin-top">-->
240
            <!--<h3>{{ (statisticsNumbers && statisticsNumbers.software) ? (statisticsNumbers.software | number) : 'N/A' }}</h3>-->
241
            <!--<div class="uk-text-uppercase text-small iconsWithText">-->
242
              <!--<span><i class="fas fa-cog fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>-->
243
              <!--<span>software</span>-->
244
            <!--</div>-->
245
          <!--</div>-->
246
          <!--<div class="uk-margin-top">-->
247
            <!--<h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3>-->
248
            <!--<div class="uk-text-uppercase text-small iconsWithText">-->
249
              <!--<span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>-->
250
              <!--<span>metadata exchange events</span>-->
251
            <!--</div>-->
252
          <!--</div>-->
253
          <!--<div class="uk-margin-top">-->
254
            <!--<h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3>-->
255
            <!--<div class="uk-text-uppercase text-small iconsWithText">-->
256
              <!--<span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>-->
257
              <!--<span>usage statistics views & downloads ({{ statisticsNumbers ? statisticsNumbers.lastYearUsagestats.year : 'N/A' }})</span>-->
258
            <!--</div>-->
259
          <!--</div>-->
260
        <!--</div>-->
261
      <!--</div>-->
262
    </div>
263

    
264
    <!--<div class="uk-section uk-section-muted uk-section-large text-small" style="background: transparent url('../../../../assets/imgs/landing/kathisto%20paidaki.png') 0% 0% no-repeat padding-box;">-->
265
    <div class="uk-section uk-section-muted uk-padding-remove-top text-small">
266

    
267
      <div style="position: relative; top: 25px; text-align: right;right: 33px;">
268
        <img src="../../../../assets/imgs/landing/kathisto%20paidaki.png" width="58">
269
      </div>
270

    
271

    
272
      <div class="uk-container uk-container-xsmall uk-margin-left uk-margin-right openAIREGuidelinesBoxMobile">
273
        <div>
274

    
275
          <div class="uk-margin-medium-top">
276
            <h5 class="uk-text-uppercase uk-text-center">
277
              <span><strong>Follow OpenAIRE Guidelines</strong></span>
278
            </h5>
279
          </div>
280

    
281
          <div style="">
282
            <div class="uk-grid uk-child-width-1-1">
283
              <div class="uk-margin-medium-bottom uk-margin-medium-top">
284
                <div style="border-bottom: 1px solid #BFBFBF; padding-bottom: 20px" class="uk-margin-left uk-margin-right">
285
                  <div style="display: block; text-align: center">
286
                    <img width="56" src="../../../../assets/imgs/landing/Guidelines%20color.svg">
287
                  </div>
288
                  <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">OpenAIRE Guidelines</div>
289
                  <p>Follow the OpenAIRE <strong>Guidelines</strong> to expose your metadata in order to integrate with OpenAIRE infrastructure. <br>Learn more:
290
                    <a href="https://guidelines.openaire.eu/en/latest/" target="_blank">https://guidelines.openaire.eu/en/latest/</a></p>
291
                  <p>Follow the OpenAIRE <strong>Usage Statistics Guidelines</strong> to get ready to track the usage activity of your data source. <br>Learn more:
292
                    <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">https://openaire.github.io/usage-statistics-guidelines/</a></p>
293
                </div>
294

    
295
              </div>
296

    
297
              <div class="uk-margin-medium-bottom">
298
                <div style="border-bottom: 1px solid #BFBFBF; padding-bottom: 20px" class="uk-margin-left uk-margin-right">
299
                  <div style="display: block; text-align: center">
300
                    <img width="43" src="../../../../assets/imgs/landing/Data%20color.svg">
301
                  </div>
302
                  <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Our Data Policies</div>
303
                  <p>
304
                    <strong>Data Acquisition</strong> - How we retrieve data, how often, what processes it goes through (aggregating cleaning, transforming, inferring, de-duplicating), what are the quality checks along all data processing stages.
305
                  </p>
306
                  <p>
307
                    <strong>Data usage</strong> - Who is able to retrieve our data, what are the licences, what about specific SLAs. <br>Learn more:
308
                    <a href="https://www.openaire.eu/data-aquisition-policy" target="_blank">https://www.openaire.eu/data-aquisition-policy</a>
309
                  </p>
310
                </div>
311

    
312
              </div>
313

    
314
            </div>
315
          </div>
316

    
317

    
318
          <div class="uk-grid uk-child-width-1-1">
319
            <div class="uk-margin-medium-bottom">
320
              <div style="border-bottom: 1px solid #BFBFBF; padding-bottom: 20px" class="uk-margin-left uk-margin-right">
321
                <div style="display: block; text-align: center">
322
                  <img width="55" src="../../../../assets/imgs/landing/Agreement%20color.svg">
323
                </div>
324
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Terms of Agreement for Content Providers</div>
325
                <p>Learn more: <a href="https://www.openaire.eu/terms-of-use-for-content-providers" target="_blank">https://www.openaire.eu/terms-of-use-for-content-providers</a></p>
326
              </div>
327

    
328
            </div>
329

    
330
            <div class="uk-margin-medium-bottom">
331
              <div class="uk-margin-left uk-margin-right">
332
                <div style="display: block; text-align: center">
333
                  <img width="38" src="../../../../assets/imgs/landing/Support%20color.svg">
334
                </div>
335
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Support</div>
336
                <p>Read <strong>how to use OpenAIRE</strong> to best serve your needs. <br>Learn more: <a href="https://www.openaire.eu/guides" target="_blank">https://www.openaire.eu/guides</a></p>
337
                <p>Ask a question. Contact us via our <strong>ticketing system.</strong> <br>Learn more: <a href="https://www.openaire.eu/support/helpdesk" target="_blank">https://www.openaire.eu/support/helpdesk</a></p>
338
              </div>
339

    
340
            </div>
341
          </div>
342

    
343
        </div>
344
      </div>
345

    
346
    </div>
347

    
348
    <div class="uk-section uk-section-muted uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-flex uk-flex-middle"
349
         style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box;">
350
      <!--<div style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 30%) 0% 0% no-repeat padding-box; box-sizing: border-box;"-->
351
      <!--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">-->
352
      <!--</div>-->
353
      <div class="uk-container uk-container-xsmall uk-container-center uk-margin-left uk-margin-right">
354
        <div class="uk-grid uk-flex" style="display: block; text-align: center">
355
          <div class="">
356
            <h2>We're here to help you.</h2>
357
            <p class="text-muted">Do you want more information? Our team is happy to assist you.</p>
358
            <button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>
359
          </div>
360
          <div class="uk-margin-top">
361
            <img src="../../../../assets/imgs/landing/contact%20us%20provide.png" width="66">
362
          </div>
363
        </div>
364
      </div>
365
    </div>
366

    
367
    <div class="uk-section uk-section-muted" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
368
      <div class="uk-container uk-container-large">
369
        <div class="uk-grid uk-margin-large-top uk-margin-large-bottom" uk-grid="">
370
          <div class="uk-width-1-1 uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
371
            <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
372
              <h4 class="el-title uk-margin uk-h4">
373
                Researcher?
374
              </h4>
375
              <div class="el-content uk-margin">
376
                Explore all OA research results. Link all your research. Build your profile
377
              </div>
378
              <p>
379
                <a href="https://{{ inBeta ? 'beta.' : '' }}explore.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
380
                  OpenAIRE.EXPLORE
381
                </a>
382
              </p>
383
            </div>
384
          </div>
385
          <div class="uk-width-1-1 uk-width-1-2@s uk-dark uk-grid-item-match connect">
386
            <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
387
              <h4 class="el-title uk-margin uk-h4">
388
                Research community?
389
              </h4>
390
              <div class="el-content uk-margin">
391
                Use a trusted partner to share, link, disseminate and monitor your research.
392
              </div>
393
              <p>
394
                <a href="https://{{ inBeta ? 'beta.' : '' }}connect.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
395
                  OpenAIRE.CONNECT
396
                </a>
397
              </p>
398
            </div>
399
          </div>
400
          <div class="uk-width-1-1 uk-width-1-2@s uk-dark uk-grid-item-match monitor">
401
            <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
402
              <h4 class="el-title uk-margin uk-h4">
403
                Research manager?
404
              </h4>
405
              <div class="el-content uk-margin">
406
                Use our monitoring services and easily track all relevant research results.
407
              </div>
408
              <p>
409
                <a href="https://monitor.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
410
                  OpenAIRE.MONITOR
411
                </a>
412
              </p>
413
            </div>
414
          </div>
415
          <div class="uk-width-1-1 uk-width-1-2@s uk-dark uk-grid-item-match develop">
416
            <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
417
              <h4 class="el-title uk-margin uk-h4">
418
                Developer?
419
              </h4>
420
              <div class="el-content uk-margin">
421
                Get access to OpenAIRE data and capitalize on on Europe's open linked research
422
              </div>
423
              <p>
424
                <a href="https://develop.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
425
                  OpenAIRE.DEVELOP
426
                </a>
427
              </p>
428
            </div>
429
          </div>
430
        </div>
431
      </div>
432
    </div>
433

    
434
  </div>
435
</div>
436

    
437

    
438
<!--LAPTOP & PAD LANDSCAPE-->
439
<div class="uk-visible@m">
440
  <div class="provideLanding">
441
    <div class="image-front-topbar  uk-section-default"
442
         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">
443
      <!--<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);"-->
444
      <!--<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);"-->
445
      <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);"
446
           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">
447
        <div class="uk-width-1-1">
448
          <div class="uk-margin-medium uk-grid uk-grid-stack" uk-grid="">
449
            <div class="uk-width-1-1@m">
450
            </div>
451
          </div>
452
          <div class="uk-container uk-container-large uk-margin-large">
453
            <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;"></div>
454
            <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
455
              <div class="el-overlay uk-panel uk-width-1-1 uk-dark uk-text-center">
456

    
457
                <h1 class="uk-margin">Your data is valuable. Get connected. Participate</h1>
458

    
459
                <div class="uk-container uk-container-xsmall uk-container-center">
460
                  <div class="uk-margin-medium-top uk-margin-medium-left uk-margin-medium-right text-muted">
461
                    The Provide Dashboard is a one-stop-service where content providers interact
462
                    with OpenAIRE and become a building block of a global Open Research community. A gateway to the European Open Science Cloud.
463
                  </div>
464
                </div>
465

    
466
                <div class="uk-container uk-container-large uk-container-center">
467

    
468
                  <div class="uk-margin-large-left uk-margin-large-right uk-margin-top">
469
                    <div class="uk-grid uk-child-width-1-3@l uk-child-width-1-3@m uk-child-width-1-3@s">
470
                      <div class="">
471
                        <img src="../../../../assets/imgs/landing/paidaki_me_xartia.png">
472
                      </div>
473
                      <div style="display: flex; align-items: center; justify-content: center">
474
                        <a (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">SIGN IN</a>
475
                      </div>
476
                    </div>
477
                  </div>
478

    
479
                </div>
480

    
481
                <!--<div class="el-content uk-margin"><h2 style="color:#1a1a1a!important">A one-stop-shop for sharing, finding and enriching your content</h2></div>-->
482
                <!--<p><a (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">Sign In</a></p>-->
483
              </div>
484
            </div>
485
          </div>
486
        </div>
487
      </div>
488
    </div>
489

    
490
    <div class="uk-section-muted uk-section uk-section-large uk-section-overlap uk-position-relative">
491

    
492
      <h2 class="uk-text-center">PROVIDE Dashboard brings all your data together</h2>
493

    
494
      <div class="uk-margin-medium-left uk-margin-medium-right uk-text-center text-muted">Get front-end access to many of OpenAIRE’s backend services</div>
495

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

    
498
        <div class="uk-slider" tabindex="-1" uk-slider="velocity: 0;autoplay: true;autoplay-interval: 5000;pause-on-hover: false;center: true">
499
          <div class="uk-position-relative">
500
            <div class="uk-slider-container">
501
              <ul class="uk-slider-items uk-child-width-1-1" style="transform: translateX(-1300px);">
502
                <li class="ng-star-inserted uk-active" tabindex="-1" style="order: 1;">
503
                  <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
504
                    <div class="uk-first-column">
505
                      <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
506
                        <source src="../../../../assets/mp4/validate.mp4" type="video/mp4">
507
                      </video>
508
                      <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif">-->
509
                    </div>
510
                    <div class="uk-margin-top">
511
                      <div>
512
                        <div class="uk-text-bold uk-h4">Validate</div>
513
                        <div class="uk-margin-medium">
514
                          Interoperable metadata is key for effective content sharing.
515
                          <p class="uk-margin-top">
516
                            OpenAIRE guidelines are a global standard to expose and share your content. Use our validation service and see how you can apply them.
517
                          </p>
518
                        </div>
519
                        <div class="uk-inline">
520
                          <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
521
                        </div>
522
                      </div>
523
                    </div>
524
                  </div>
525
                </li>
526
                <li tabindex="-1" style="order: 1;">
527
                  <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
528
                    <div class="uk-first-column">
529
                      <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
530
                        <source src="../../../../assets/mp4/register.mp4" type="video/mp4">
531
                      </video>
532
                      <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif">-->
533
                    </div>
534
                    <div class="uk-margin-top">
535
                      <div>
536
                        <div class="uk-text-bold uk-h4">Register</div>
537
                        <div class="uk-margin-medium">
538
                          Reach a wider audience around the world.
539
                          <p class="uk-margin-top">
540
                            Register your literature or data repository, OA Journal, CRIS in OpenAIRE and be part of a global interlinked network.
541
                          </p>
542
                        </div>
543
                        <div class="uk-inline">
544
                          <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
545
                        </div>
546
                      </div>
547
                    </div>
548
                  </div>
549
                </li>
550
                <li tabindex="-1" style="order: 1;">
551
                  <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
552
                    <div class="uk-first-column">
553
                      <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
554
                        <source src="../../../../assets/mp4/enrich.mp4" type="video/mp4">
555
                      </video>
556
                      <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif">-->
557
                    </div>
558
                    <div class="uk-margin-top">
559
                      <div>
560
                        <div class="uk-text-bold uk-h4">Enrich</div>
561
                        <div class="uk-margin-medium">
562
                          Improve your metadata. Get more connections.
563
                          <p class="uk-margin-top">
564
                            Our newly released OA Broker service offers a wealth of information on scholarly communication data. Find out what interests you and subscribe to enrich your records.
565
                          </p>
566
                        </div>
567
                        <div class="uk-inline">
568
                          <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
569
                        </div>
570
                      </div>
571
                    </div>
572
                  </div>
573
                </li>
574
                <li tabindex="-1" style="order: 1;">
575
                  <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
576
                    <div class="uk-first-column">
577
                      <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
578
                        <source src="../../../../assets/mp4/usage-stat.mp4" type="video/mp4">
579
                      </video>
580
                      <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif">-->
581
                    </div>
582
                    <div class="uk-margin-top">
583
                      <div>
584
                        <div class="uk-text-bold uk-h4">Usage statistics</div>
585
                        <div class="uk-margin-medium">
586
                          Open research impact empowers Open Science.
587
                          <p class="uk-margin-top">
588
                            Share usage data via OpenAIRE's global Open Metrics Service. Get the benefit of an aggregated environment to broaden the mechanisms for impact assessment.
589
                          </p>
590
                        </div>
591
                        <div class="uk-inline">
592
                          <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
593
                        </div>
594
                      </div>
595
                    </div>
596
                  </div>
597
                </li>
598
              </ul>
599
            </div>
600
          </div>
601

    
602
          <ul class="uk-position-relative uk-slider-nav uk-dotnav uk-flex-center uk-margin">
603
            <li uk-slider-item="0" class="uk-active"><a href="#"></a></li>
604
            <li uk-slider-item="1" class=""><a href="#"></a></li>
605
            <li uk-slider-item="2" class=""><a href="#"></a></li>
606
            <li uk-slider-item="3" class=""><a href="#"></a></li>
607
          </ul>
608
        </div>
609

    
610
      </div>
611
    </div>
612

    
613
    <div class="uk-section uk-section-muted uk-section-large uk-preserve-color uk-background-norepeat uk-background-cover uk-background-top-center"
614
         style="background-image: url('../../../../assets/imgs/landing/abstract2.svg'); !important; min-height: calc(80vh);" uk-height-viewport="offset-top: true; offset-bottom: 20;">
615
      <div class="uk-container uk-container-expand">
616

    
617
        <div class="uk-grid uk-child-width-1-3@l uk-child-width-1-3@m">
618
          <div>
619
            <img src="../../../../assets/imgs/landing/avakas.png">
620
          </div>
621
          <div class="uk-width-expand">
622
            <h1 class="uk-text-center">Do numbers make you happy?</h1>
623

    
624
            <div class="uk-grid uk-child-width-1-4@l uk-child-width-1-4@m uk-child-width-1-1@s uk-margin-medium-left uk-margin-medium-right uk-text-center" style="display: flex;align-items: center;height: 70%;">
625

    
626
              <div class="uk-margin-top">
627
                <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.literature) ? (statisticsNumbers.literature | number) : 'N/A' }}</div>
628
                <div class="uk-text-uppercase">Literature repositories</div>
629
              </div>
630

    
631
              <div class="uk-margin-top">
632
                <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.journal) ? (statisticsNumbers.journal | number) : 'N/A' }}</div>
633
                <div class="uk-text-uppercase">Data repositories</div>
634
              </div>
635

    
636
              <div class="uk-margin-top">
637
                <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.dataRepositories) ? (statisticsNumbers.dataRepositories | number) : 'N/A' }}</div>
638
                <div class="uk-text-uppercase">OA journals</div>
639
              </div>
640

    
641
              <div class="uk-margin-top">
642
                <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.aggregators) ? (statisticsNumbers.aggregators | number) : 'N/A' }}</div>
643
                <div class="uk-text-uppercase">Aggregators</div>
644
              </div>
645
            </div>
646

    
647
          </div>
648
        </div>
649

    
650
      </div>
651

    
652
      <div class="uk-container uk-container-large uk-margin-top">
653
        <div class="uk-grid uk-child-width-1-5@l uk-child-width-1-5@m uk-child-width-1-2@s uk-margin-medium-left">
654

    
655
          <div class="uk-margin-top">
656
            <h3>{{ (statisticsNumbers && statisticsNumbers.publications) ? (statisticsNumbers.publications | number) : 'N/A' }}</h3>
657
            <div class="uk-text-uppercase text-small iconsWithText">
658
              <span><i class="fas fa-book fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
659
              <span>publications</span>
660
            </div>
661
          </div>
662
          <div class="uk-margin-top">
663
            <h3>{{ (statisticsNumbers && statisticsNumbers.datasets) ? (statisticsNumbers.datasets | number) : 'N/A' }}</h3>
664
            <div class="uk-text-uppercase text-small iconsWithText">
665
              <span><i class="fas fa-database fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
666
              <span>datasets</span>
667
            </div>
668
          </div>
669
          <div class="uk-margin-top">
670
            <h3>{{ (statisticsNumbers && statisticsNumbers.software) ? (statisticsNumbers.software | number) : 'N/A' }}</h3>
671
            <div class="uk-text-uppercase text-small iconsWithText">
672
              <span><i class="fas fa-cog fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
673
              <span>software</span>
674
            </div>
675
          </div>
676
          <div class="uk-margin-top">
677
            <h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3>
678
            <div class="uk-text-uppercase text-small iconsWithText">
679
              <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
680
              <span>metadata exchange events</span>
681
            </div>
682
          </div>
683
          <div class="uk-margin-top">
684
            <h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3>
685
            <div class="uk-text-uppercase text-small iconsWithText">
686
              <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
687
              <span>usage statistics views & downloads ({{ statisticsNumbers ? statisticsNumbers.lastYearUsagestats.year : 'N/A' }})</span>
688
            </div>
689
          </div>
690
        </div>
691
      </div>
692
    </div>
693

    
694
    <!--<div class="uk-section uk-section-muted uk-section-large text-small" style="background: transparent url('../../../../assets/imgs/landing/kathisto%20paidaki.png') 0% 0% no-repeat padding-box;">-->
695
    <div class="uk-section uk-section-muted uk-padding-remove-top text-small">
696

    
697
      <!--LAPTOP ONLY-->
698
      <div class="uk-visible@l" style="position: relative; top: 86px; text-align: right;right: 195px;">
699
        <img src="../../../../assets/imgs/landing/kathisto%20paidaki.png" width="130">
700
      </div>
701

    
702
      <!--PAD ONLY-->
703
      <div class="uk-hidden@l" style="position: relative; top: 86px; text-align: right;right: 130px;">
704
        <img src="../../../../assets/imgs/landing/kathisto%20paidaki.png" width="130">
705
      </div>
706

    
707
      <!--LAPTOP ONLY-->
708
      <div class="uk-container uk-visible@l uk-container-large openAIREGuidelinesBox">
709
        <div>
710

    
711
          <div class="">
712
            <h5 class="uk-text-uppercase uk-text-center uk-margin-remove">
713
              <img class="" src="../../../../assets/imgs/landing/Arrow%20left.svg" style="margin-top: 35px; margin-right: 25px">
714
              <span>Follow OpenAIRE Guidelines</span>
715
              <img class="" src="../../../../assets/imgs/landing/Arrow%20right.svg" style="margin-top: 35px; margin-left: 25px">
716
            </h5>
717
          </div>
718

    
719
          <div style="border-bottom: 1px solid #BFBFBF;border-top: 1px solid #BFBFBF;margin-top: -15px;">
720
            <div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m uk-grid-divider">
721
              <div class="uk-first-column">
722
                <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
723
                  <img width="56" src="../../../../assets/imgs/landing/Guidelines%20color.svg">
724
                  <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">OpenAIRE Guidelines</div>
725
                  <p>Follow the OpenAIRE <strong>Guidelines</strong> to expose your metadata in order to integrate with OpenAIRE infrastructure. <br>Learn more:
726
                    <a href="https://guidelines.openaire.eu/en/latest/" target="_blank">https://guidelines.openaire.eu/en/latest/</a></p>
727
                  <p>Follow the OpenAIRE <strong>Usage Statistics Guidelines</strong> to get ready to track the usage activity of your data source. <br>Learn more:
728
                    <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">https://openaire.github.io/usage-statistics-guidelines/</a></p>
729
                </div>
730

    
731
              </div>
732

    
733
              <div class="">
734
                <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
735
                  <img width="43" src="../../../../assets/imgs/landing/Data%20color.svg">
736
                  <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Our Data Policies</div>
737
                  <p>
738
                    <strong>Data Acquisition</strong> - How we retrieve data, how often, what processes it goes through (aggregating cleaning, transforming, inferring, de-duplicating), what are the quality checks along all data processing stages.
739
                  </p>
740
                  <p>
741
                    <strong>Data usage</strong> - Who is able to retrieve our data, what are the licences, what about specific SLAs. <br>Learn more:
742
                    <a href="https://www.openaire.eu/data-aquisition-policy" target="_blank">https://www.openaire.eu/data-aquisition-policy</a>
743
                  </p>
744
                </div>
745

    
746
              </div>
747
            </div>
748
          </div>
749

    
750

    
751
          <div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m uk-grid-divider">
752
            <div class="uk-first-column">
753
              <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
754
                <img width="55" src="../../../../assets/imgs/landing/Agreement%20color.svg">
755
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Terms of Agreement for Content Providers</div>
756
                <p>Learn more: <a href="https://www.openaire.eu/terms-of-use-for-content-providers" target="_blank">https://www.openaire.eu/terms-of-use-for-content-providers</a></p>
757
              </div>
758

    
759
            </div>
760

    
761
            <div class="">
762
              <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
763
                <img width="38" src="../../../../assets/imgs/landing/Support%20color.svg">
764
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Support</div>
765
                <p>Read <strong>how to use OpenAIRE</strong> to best serve your needs. <br>Learn more: <a href="https://www.openaire.eu/guides" target="_blank">https://www.openaire.eu/guides</a></p>
766
                <p>Ask a question. Contact us via our <strong>ticketing system.</strong> <br>Learn more: <a href="https://www.openaire.eu/support/helpdesk" target="_blank">https://www.openaire.eu/support/helpdesk</a></p>
767
              </div>
768

    
769
            </div>
770
          </div>
771

    
772
        </div>
773
      </div>
774

    
775
      <!--PAD ONLY-->
776
      <div class="uk-container uk-hidden@l uk-container-small openAIREGuidelinesBox">
777
        <div>
778

    
779
          <div class="">
780
            <h5 class="uk-text-uppercase uk-text-center uk-margin-remove">
781
              <img class="" src="../../../../assets/imgs/landing/Arrow%20left.svg" style="margin-top: 35px; margin-right: 25px">
782
              <span>Follow OpenAIRE Guidelines</span>
783
              <img class="" src="../../../../assets/imgs/landing/Arrow%20right.svg" style="margin-top: 35px; margin-left: 25px">
784
            </h5>
785
          </div>
786

    
787
          <div style="border-bottom: 1px solid #BFBFBF;border-top: 1px solid #BFBFBF;margin-top: -15px;">
788
            <div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m uk-grid-divider">
789
              <div class="uk-first-column">
790
                <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
791
                  <img width="56" src="../../../../assets/imgs/landing/Guidelines%20color.svg">
792
                  <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">OpenAIRE Guidelines</div>
793
                  <p>Follow the OpenAIRE <strong>Guidelines</strong> to expose your metadata in order to integrate with OpenAIRE infrastructure. <br>Learn more:
794
                    <a href="https://guidelines.openaire.eu/en/latest/" target="_blank">https://guidelines.openaire.eu/en/latest/</a></p>
795
                  <p>Follow the OpenAIRE <strong>Usage Statistics Guidelines</strong> to get ready to track the usage activity of your data source. <br>Learn more:
796
                    <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">https://openaire.github.io/usage-statistics-guidelines/</a></p>
797
                </div>
798

    
799
              </div>
800

    
801
              <div class="">
802
                <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
803
                  <img width="43" src="../../../../assets/imgs/landing/Data%20color.svg">
804
                  <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Our Data Policies</div>
805
                  <p>
806
                    <strong>Data Acquisition</strong> - How we retrieve data, how often, what processes it goes through (aggregating cleaning, transforming, inferring, de-duplicating), what are the quality checks along all data processing stages.
807
                  </p>
808
                  <p>
809
                    <strong>Data usage</strong> - Who is able to retrieve our data, what are the licences, what about specific SLAs. <br>Learn more:
810
                    <a href="https://www.openaire.eu/data-aquisition-policy" target="_blank">https://www.openaire.eu/data-aquisition-policy</a>
811
                  </p>
812
                </div>
813

    
814
              </div>
815
            </div>
816
          </div>
817

    
818

    
819
          <div class="uk-grid uk-child-width-1-2@l uk-child-width-1-2@m uk-grid-divider">
820
            <div class="uk-first-column">
821
              <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
822
                <img width="55" src="../../../../assets/imgs/landing/Agreement%20color.svg">
823
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Terms of Agreement for Content Providers</div>
824
                <p>Learn more: <a href="https://www.openaire.eu/terms-of-use-for-content-providers" target="_blank">https://www.openaire.eu/terms-of-use-for-content-providers</a></p>
825
              </div>
826

    
827
            </div>
828

    
829
            <div class="">
830
              <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
831
                <img width="38" src="../../../../assets/imgs/landing/Support%20color.svg">
832
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Support</div>
833
                <p>Read <strong>how to use OpenAIRE</strong> to best serve your needs. <br>Learn more: <a href="https://www.openaire.eu/guides" target="_blank">https://www.openaire.eu/guides</a></p>
834
                <p>Ask a question. Contact us via our <strong>ticketing system.</strong> <br>Learn more: <a href="https://www.openaire.eu/support/helpdesk" target="_blank">https://www.openaire.eu/support/helpdesk</a></p>
835
              </div>
836

    
837
            </div>
838
          </div>
839

    
840
        </div>
841
      </div>
842

    
843
    </div>
844

    
845
    <div class="uk-section uk-section-muted uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-flex uk-flex-middle"
846
         style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box;">
847
      <!--<div style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 30%) 0% 0% no-repeat padding-box; box-sizing: border-box;"-->
848
      <!--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">-->
849
      <!--</div>-->
850
      <div class="uk-container uk-container-xlarge">
851
        <div class="uk-grid uk-flex" style="align-items: center">
852
          <div class="uk-width-3-4@l uk-width-3-4@m">
853
            <h2>We're here to help you.</h2>
854
            <p class="text-muted">Do you want more information? Our team is happy to assist you.</p>
855
            <button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>
856
          </div>
857
          <div class="uk-width-1-4@l uk-width-1-4@m">
858
            <img src="../../../../assets/imgs/landing/contact%20us%20provide.png">
859
          </div>
860
        </div>
861
      </div>
862
    </div>
863

    
864
    <div class="uk-section uk-section-muted" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
865
      <div class="uk-container uk-container-large">
866
        <div class="uk-grid uk-margin-large-top uk-margin-large-bottom" uk-grid="">
867
          <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
868
            <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
869
              <h4 class="el-title uk-margin uk-h4">
870
                Researcher?
871
              </h4>
872
              <div class="el-content uk-margin">
873
                Explore all OA research results. Link all your research. Build your profile
874
              </div>
875
              <p>
876
                <a href="https://{{ inBeta ? 'beta.' : '' }}explore.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
877
                  OpenAIRE.EXPLORE
878
                </a>
879
              </p>
880
            </div>
881
          </div>
882
          <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match connect">
883
            <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
884
              <h4 class="el-title uk-margin uk-h4">
885
                Research community?
886
              </h4>
887
              <div class="el-content uk-margin">
888
                Use a trusted partner to share, link, disseminate and monitor your research.
889
              </div>
890
              <p>
891
                <a href="https://{{ inBeta ? 'beta.' : '' }}connect.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
892
                  OpenAIRE.CONNECT
893
                </a>
894
              </p>
895
            </div>
896
          </div>
897
          <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match monitor">
898
            <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
899
              <h4 class="el-title uk-margin uk-h4">
900
                Research manager?
901
              </h4>
902
              <div class="el-content uk-margin">
903
                Use our monitoring services and easily track all relevant research results.
904
              </div>
905
              <p>
906
                <a href="https://monitor.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
907
                  OpenAIRE.MONITOR
908
                </a>
909
              </p>
910
            </div>
911
          </div>
912
          <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match develop">
913
            <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
914
              <h4 class="el-title uk-margin uk-h4">
915
                Developer?
916
              </h4>
917
              <div class="el-content uk-margin">
918
                Get access to OpenAIRE data and capitalize on on Europe's open linked research
919
              </div>
920
              <p>
921
                <a href="https://develop.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
922
                  OpenAIRE.DEVELOP
923
                </a>
924
              </p>
925
            </div>
926
          </div>
927
        </div>
928
      </div>
929
    </div>
930

    
931
  </div>
932
</div>
933

    
(1-1/2)