76 lines
3.9 KiB
HTML
76 lines
3.9 KiB
HTML
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other" [description]="description"></schema2jsonld>
|
|
<div class="uk-background-muted">
|
|
<div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
|
|
<div class="uk-padding-small">
|
|
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
|
</div>
|
|
</div>
|
|
<div class="uk-container uk-container-large uk-section uk-padding-remove-vertical" 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">
|
|
<h1 uk-scrollspy-class>Lorem ipsum dolor <br> sit amet, consetetur<span class="uk-text-primary">.</span></h1>
|
|
<div class="uk-text-large" uk-scrollspy-class>
|
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <br> sed diam nonumy eirmod tempor invidunt ut labore et <br> dolore magna aliquyam erat, sed diam voluptua.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-background-muted">
|
|
<div class="uk-container uk-container-large uk-section uk-padding-remove-vertical" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
|
|
<div class="uk-margin-auto uk-width-1-1@m uk-width-2-3@l uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
|
|
<div class="uk-flex uk-flex-center uk-flex-bottom" uk-scrollspy-class>
|
|
<img class="transform-translate-y uk-visible@m" src="assets/monitor-assets/get-started/1.svg" alt="Step 1" loading="lazy">
|
|
<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
|
|
<icon name="description" ratio="2" visuallyHidden="Provide some information"
|
|
customClass="uk-text-primary-gradient"></icon>
|
|
<span class="uk-h5 uk-margin-remove uk-text-uppercase">Provide some <br> information</span>
|
|
</div>
|
|
</div>
|
|
<div class="uk-flex uk-flex-center uk-flex-bottom" uk-scrollspy-class>
|
|
<img class="transform-translate-y uk-visible@m" src="assets/monitor-assets/get-started/2.svg" alt="Step 2" loading="lazy">
|
|
<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
|
|
<icon name="email" ratio="2" visuallyHidden="Provide some information"
|
|
customClass="uk-text-primary-gradient"></icon>
|
|
<span class="uk-h5 uk-margin-remove uk-margin-small-top uk-text-uppercase">We contact <br> you</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-container uk-container-large uk-section">
|
|
<!-- using 2 large padding to add some space? -->
|
|
<div class="uk-padding-large uk-visible@m"></div>
|
|
<div class="uk-padding-large uk-visible@m"></div>
|
|
<div class="uk-padding-small uk-text-center">
|
|
<h2 class="uk-h1">Provide some information<span class="uk-text-primary">.</span></h2>
|
|
<div class="uk-flex uk-flex-center uk-width-1-1">
|
|
<div class="uk-width-1-2@m uk-width-1-1 uk-margin-large-top">
|
|
<contact-us [organizationTypes]="organizationTypes" [sending]="sending"
|
|
[contactForm]="contactForm" alignButton="center" (sendEmitter)="send($event)">
|
|
</contact-us>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-container uk-container-large uk-section">
|
|
<div class="uk-padding-small uk-grid uk-grid-medium" uk-grid>
|
|
<div class="uk-width-1-2@m uk-width-1-1">
|
|
<h2 class="uk-h1">We need a title that suggest to learn the full process in the about<span class="uk-text-primary">.</span></h2>
|
|
<a class="uk-display-inline-block uk-text-uppercase uk-button-text"
|
|
routerLinkActive="router-link-active" routerLink="/about/learn-how">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<span>Learn More</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="uk-width-expand uk-flex uk-flex-center">
|
|
<img src="../../assets/common-assets/monitor-assets/how/steps.svg" loading="lazy">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<modal-alert #modal (alertOutput)="goToHome()">
|
|
<div class="uk-padding-small uk-padding-remove-horizontal">
|
|
Our team will respond to your submission soon.<br>
|
|
Press OK to redirect to OpenAIRE Monitor home page.
|
|
</div>
|
|
</modal-alert>
|