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:

home.component.html
1
<div class="provideLanding">
2
  <div class="image-front-topbar  uk-section-default"
3
       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">
4
    <!--<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);"-->
5
    <!--<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);"-->
6
    <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);"
7
         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">
8
      <div class="uk-width-1-1">
9
        <div class="uk-margin-medium uk-grid uk-grid-stack" uk-grid="">
10
          <div class="uk-width-1-1@m">
11
          </div>
12
        </div>
13
        <div class="uk-container uk-container-large uk-margin-large">
14
          <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;"></div>
15
          <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
16
            <div class="el-overlay uk-panel uk-width-1-1 uk-dark uk-text-center">
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">
17 19

  
18
              <h1 class="uk-margin">Find, Share and Enrich your content.</h1>
20
                <h1 class="uk-margin">Your data is valuable. Get connected. Participate</h1>
19 21

  
20
              <div class="uk-container uk-container-xsmall uk-container-center">
21
                <div class="uk-margin-medium-top uk-margin-medium-left uk-margin-medium-right text-muted">
22
                  The Provide Dashboard is a one-stop-service where content providers (publications, data, software, etc.) interact
23
                  with OpenAIRE and become a building block of a global Open Research Graph. A gateway to the European Open Science Cloud.
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>
24 27
                </div>
25
              </div>
26 28

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

  
29
                <div class="uk-margin-large-left uk-margin-large-right uk-margin-top">
30
                  <div class="uk-grid uk-child-width-1-3@l uk-child-width-1-3@m uk-child-width-1-3@s">
31
                    <div class="">
32
                      <img src="../../../../assets/imgs/landing/paidaki_me_xartia.png">
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>
33 40
                    </div>
34
                    <div style="display: flex; align-items: center; justify-content: center">
35
                      <a (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">SIGN IN</a>
36
                    </div>
37 41
                  </div>
42

  
38 43
                </div>
39 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>-->
40 47
              </div>
41

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

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

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

  
55
    <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>
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>
56 59

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

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

  
163
        <ul class="uk-position-relative uk-slider-nav uk-dotnav uk-flex-center uk-margin">
164
          <li uk-slider-item="0" class="uk-active"><a href="#"></a></li>
165
          <li uk-slider-item="1" class=""><a href="#"></a></li>
166
          <li uk-slider-item="2" class=""><a href="#"></a></li>
167
          <li uk-slider-item="3" class=""><a href="#"></a></li>
168
        </ul>
169 176
      </div>
170

  
171 177
    </div>
172
  </div>
173 178

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

  
178
      <div class="uk-grid uk-child-width-1-3@l">
179
        <div>
180
          <img src="../../../../assets/imgs/landing/avakas.png">
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>
181 189
        </div>
182
        <div class="uk-width-expand">
183
          <h1 class="uk-text-center">Do numbers make you happy?</h1>
184 190

  
185
          <div class="uk-grid uk-child-width-1-4@l 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%;">
191
        <div class="uk-grid">
192
          <div class="uk-width-expand">
186 193

  
187
            <div class="uk-margin-top">
188
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.literature) ? (statisticsNumbers.literature | number) : 'N/A' }}</div>
189
              <div class="uk-text-uppercase">Literature repositories</div>
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>
190 215
            </div>
191 216

  
192
            <div class="uk-margin-top">
193
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.journal) ? (statisticsNumbers.journal | number) : 'N/A' }}</div>
194
              <div class="uk-text-uppercase">Data repositories</div>
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

  
195 314
            </div>
315
          </div>
196 316

  
197
            <div class="uk-margin-top">
198
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.dataRepositories) ? (statisticsNumbers.dataRepositories | number) : 'N/A' }}</div>
199
              <div class="uk-text-uppercase">OA journals</div>
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

  
200 328
            </div>
201 329

  
202
            <div class="uk-margin-top">
203
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.aggregators) ? (statisticsNumbers.aggregators | number) : 'N/A' }}</div>
204
              <div class="uk-text-uppercase">Aggregators</div>
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

  
205 340
            </div>
206 341
          </div>
207 342

  
......
210 345

  
211 346
    </div>
212 347

  
213
    <div class="uk-container uk-container-large uk-margin-top">
214
      <div class="uk-grid uk-child-width-1-5@l uk-child-width-1-1@s uk-margin-medium-left">
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>
215 366

  
216
        <div class="uk-margin-top">
217
          <h3>{{ (statisticsNumbers && statisticsNumbers.publications) ? (statisticsNumbers.publications | number) : 'N/A' }}</h3>
218
          <div class="uk-text-uppercase text-small iconsWithText">
219
            <span><i class="fas fa-book fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
220
            <span>publications</span>
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>
221 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>
222 430
        </div>
223
        <div class="uk-margin-top">
224
          <h3>{{ (statisticsNumbers && statisticsNumbers.datasets) ? (statisticsNumbers.datasets | number) : 'N/A' }}</h3>
225
          <div class="uk-text-uppercase text-small iconsWithText">
226
            <span><i class="fas fa-database fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
227
            <span>datasets</span>
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>
228 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>
229 486
        </div>
230
        <div class="uk-margin-top">
231
          <h3>{{ (statisticsNumbers && statisticsNumbers.software) ? (statisticsNumbers.software | number) : 'N/A' }}</h3>
232
          <div class="uk-text-uppercase text-small iconsWithText">
233
            <span><i class="fas fa-cog fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
234
            <span>software</span>
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>
235 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>
236 608
        </div>
237
        <div class="uk-margin-top">
238
          <h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3>
239
          <div class="uk-text-uppercase text-small iconsWithText">
240
            <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
241
            <span>metadata exchange events</span>
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">
242 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>
243 648
        </div>
244
        <div class="uk-margin-top">
245
          <h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3>
246
          <div class="uk-text-uppercase text-small iconsWithText">
247
            <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
248
            <span>usage statistics views & downloads ({{ statisticsNumbers ? statisticsNumbers.lastYearUsagestats.year : 'N/A' }})</span>
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>
249 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>
250 690
        </div>
251 691
      </div>
252 692
    </div>
253
  </div>
254 693

  
255
  <!--<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;">-->
256
  <div class="uk-section uk-section-muted uk-padding-remove-top text-small">
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">
257 696

  
258
    <div style="position: relative; top: 86px; text-align: right;right: 195px;">
259
      <img src="../../../../assets/imgs/landing/kathisto%20paidaki.png" width="130">
260
    </div>
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>
261 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>
262 706

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

  
266
        <div class="">
267
          <h5 class="uk-text-uppercase uk-text-center uk-margin-remove">
268
            <img src="../../../../assets/imgs/landing/Arrow%20left.svg" style="margin-top: 35px; margin-right: 25px">
269
            <span>Follow OpenAIRE Guidelines</span>
270
            <img src="../../../../assets/imgs/landing/Arrow%20right.svg" style="margin-top: 35px; margin-left: 25px">
271
          </h5>
272
        </div>
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>
273 718

  
274
        <div style="border-bottom: 1px solid #BFBFBF;border-top: 1px solid #BFBFBF;margin-top: -15px;">
275
          <div class="uk-grid uk-child-width-1-2@l uk-grid-divider">
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">
276 752
            <div class="uk-first-column">
277 753
              <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
278
                <img width="56" src="../../../../assets/imgs/landing/Guidelines%20color.svg">
279
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">OpenAIRE Guidelines</div>
280
                <p>Follow the OpenAIRE <strong>Guidelines</strong> to expose your metadata in order to integrate with OpenAIRE infrastructure. <br>Learn more:
281
                  <a href="https://guidelines.openaire.eu/en/latest/" target="_blank">https://guidelines.openaire.eu/en/latest/</a></p>
282
                <p>Follow the OpenAIRE <strong>Usage Statistics Guidelines</strong> to get ready to track the usage activity of your data source. <br>Learn more:
283
                  <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">https://openaire.github.io/usage-statistics-guidelines/</a></p>
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>
284 757
              </div>
285 758

  
286 759
            </div>
287 760

  
288 761
            <div class="">
289 762
              <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
290
                <img width="43" src="../../../../assets/imgs/landing/Data%20color.svg">
291
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Our Data Policies</div>
292
                <p>
293
                  <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.
294
                </p>
295
                <p>
296
                  <strong>Data usage</strong> - Who is able to retrieve our data, what are the licences, what about specific SLAs. <br>Learn more:
297
                  <a href="https://www.openaire.eu/data-aquisition-policy" target="_blank">https://www.openaire.eu/data-aquisition-policy</a>
298
                </p>
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>
299 767
              </div>
300 768

  
301 769
            </div>
302 770
          </div>
771

  
303 772
        </div>
773
      </div>
304 774

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

  
306
        <div class="uk-grid uk-child-width-1-2@l uk-grid-divider">
307
          <div class="uk-first-column">
308
            <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
309
              <img width="55" src="../../../../assets/imgs/landing/Agreement%20color.svg">
310
              <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Terms of Agreement for Content Providers</div>
311
              <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>
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>
312 815
            </div>
313

  
314 816
          </div>
315 817

  
316
          <div class="">
317
            <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
318
              <img width="38" src="../../../../assets/imgs/landing/Support%20color.svg">
319
              <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Support</div>
320
              <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>
321
              <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>
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

  
322 827
            </div>
323 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>
324 838
          </div>
839

  
325 840
        </div>
841
      </div>
326 842

  
327
      </div>
328 843
    </div>
329 844

  
330
  </div>
331

  
332
  <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"
333
       style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box;">
334
    <!--<div style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 30%) 0% 0% no-repeat padding-box; box-sizing: border-box;"-->
335
         <!--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">-->
336
    <!--</div>-->
337
    <div class="uk-container uk-container-xlarge">
338
      <div class="uk-grid uk-flex" style="align-items: center">
339
        <div class="uk-width-3-4@l">
340
          <h2>Contact us to help you.</h2>
341
          <p class="text-muted">Are you looking for more? Get in touch with our team and let us help you.</p>
342
          <button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>
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>
343 860
        </div>
344
        <div class="uk-width-1-4@l">
345
          <img src="../../../../assets/imgs/landing/contact%20us%20provide.png">
346
        </div>
347 861
      </div>
348 862
    </div>
349
  </div>
350 863

  
351
  <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}">
352
    <div class="uk-container uk-container-large">
353
      <div class="uk-grid uk-margin-large-top uk-margin-large-bottom" uk-grid="">
354
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
355
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
356
            <h4 class="el-title uk-margin uk-h4">
357
              Researcher?
358
            </h4>
359
            <div class="el-content uk-margin">
360
              Explore all OA research results. Link all your research. Build your profile
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>
361 880
            </div>
362
            <p>
363
              <a href="https://{{ inBeta ? 'beta.' : '' }}explore.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
364
                OpenAIRE.EXPLORE
365
              </a>
366
            </p>
367 881
          </div>
368
        </div>
369
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match connect">
370
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
371
            <h4 class="el-title uk-margin uk-h4">
372
              Research community?
373
            </h4>
374
            <div class="el-content uk-margin">
375
              Use a trusted partner to share, link, disseminate and monitor your research.
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>
376 895
            </div>
377
            <p>
378
              <a href="https://{{ inBeta ? 'beta.' : '' }}connect.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
379
                OpenAIRE.CONNECT
380
              </a>
381
            </p>
382 896
          </div>
383
        </div>
384
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match monitor">
385
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
386
            <h4 class="el-title uk-margin uk-h4">
387
              Research manager?
388
            </h4>
389
            <div class="el-content uk-margin">
390
              Use our monitoring services and easily track all relevant research results.
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>
391 910
            </div>
392
            <p>
393
              <a href="https://monitor.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
394
                OpenAIRE.MONITOR
395
              </a>
396
            </p>
397 911
          </div>
398
        </div>
399
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match develop">
400
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
401
            <h4 class="el-title uk-margin uk-h4">
402
              Developer?
403
            </h4>
404
            <div class="el-content uk-margin">
405
              Get access to OpenAIRE data and capitalize on on Europe's open linked research
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>
406 925
            </div>
407
            <p>
408
              <a href="https://develop.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
409
                OpenAIRE.DEVELOP
410
              </a>
411
            </p>
412 926
          </div>
413 927
        </div>
414 928
      </div>
415 929
    </div>
930

  
416 931
  </div>
932
</div>
417 933

  
418
</div>

Also available in: Unified diff