Make some alignments in get-started page base on mocks

This commit is contained in:
Konstantinos Triantafyllou 2022-06-03 12:45:14 +03:00
parent f55ece6070
commit f2a8eca3c4
2 changed files with 36 additions and 34 deletions

View File

@ -5,7 +5,7 @@
</div> </div>
</div> </div>
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200"> <div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-padding-small uk-margin-small-top uk-text-center uk-flex uk-flex-middle uk-child-width-1-1 uk-flex-column"> <div class="uk-margin-small-top uk-text-center uk-flex uk-flex-middle uk-child-width-1-1 uk-flex-column">
<h1 class="uk-width-3-4@m" uk-scrollspy-class>Get started with <br> OpenAIRE Monitor Dashboard <span class="uk-text-primary">.</span></h1> <h1 class="uk-width-3-4@m" uk-scrollspy-class>Get started with <br> OpenAIRE Monitor Dashboard <span class="uk-text-primary">.</span></h1>
<div class="uk-text-large uk-width-2-3@m" uk-scrollspy-class> <div class="uk-text-large uk-width-2-3@m" uk-scrollspy-class>
The OpenAIRE Monitor Dashboard is an <span class="uk-text-bold">open tracking platform</span> with all the tools you need The OpenAIRE Monitor Dashboard is an <span class="uk-text-bold">open tracking platform</span> with all the tools you need
@ -14,8 +14,7 @@
of Open Science, understand your costs, gaps and strengths, or build a community around it. of Open Science, understand your costs, gaps and strengths, or build a community around it.
</div> </div>
</div> </div>
</div> <div class="uk-margin-xlarge-top" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-margin-auto uk-width-1-1 uk-width-3-4@l uk-grid uk-grid-large uk-child-width-1-2" uk-grid> <div class="uk-margin-auto uk-width-1-1 uk-width-3-4@l uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
<div class="uk-flex uk-flex-center uk-flex-top" uk-scrollspy-class> <div class="uk-flex uk-flex-center uk-flex-top" uk-scrollspy-class>
<img class="uk-visible@m" src="assets/monitor-assets/get-started/1.svg" alt="Step 1" loading="lazy"> <img class="uk-visible@m" src="assets/monitor-assets/get-started/1.svg" alt="Step 1" loading="lazy">
@ -35,7 +34,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="uk-container uk-container-large uk-section"> </div>
<div class="uk-container uk-container-large uk-section uk-section-large">
<div class="uk-padding-small"> <div class="uk-padding-small">
<h2 class="uk-h1 uk-text-center">Provide some information<span class="uk-text-primary">.</span></h2> <h2 class="uk-h1 uk-text-center">Provide some information<span class="uk-text-primary">.</span></h2>
<div class="uk-flex uk-flex-center uk-width-1-1"> <div class="uk-flex uk-flex-center uk-width-1-1">
@ -48,9 +48,10 @@
</div> </div>
</div> </div>
<div class="uk-container uk-container-large uk-section"> <div class="uk-container uk-container-large uk-section">
<div class="uk-padding-small uk-grid uk-grid-medium" uk-grid> <div class="uk-grid uk-grid-large uk-flex-middle" uk-grid>
<div class="uk-width-1-2@m uk-width-1-1"> <div class="uk-width-1-2@m uk-width-1-1">
<h2 class="uk-h1">Need more information? View details on the process<span class="uk-text-primary">.</span></h2> <div class="uk-padding-small">
<h2>Need more information?<br>View details on the process<span class="uk-text-primary">.</span></h2>
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text" <a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/about/learn-how"> routerLinkActive="router-link-active" routerLink="/about/learn-how">
<span class="uk-flex uk-flex-middle"> <span class="uk-flex uk-flex-middle">
@ -58,8 +59,9 @@
</span> </span>
</a> </a>
</div> </div>
</div>
<div class="uk-width-expand uk-flex uk-flex-center"> <div class="uk-width-expand uk-flex uk-flex-center">
<img src="../../assets/common-assets/monitor-assets/how/steps.svg" loading="lazy"> <img src="assets/common-assets/monitor-assets/how/steps.svg" loading="lazy">
</div> </div>
</div> </div>
</div> </div>

@ -1 +1 @@
Subproject commit 23a3c8a508f720dc155f30ce69bcfda72a200a19 Subproject commit 9542bd1e329a5ce64feba5e2a39f56ba4a724a02