57 lines
2.3 KiB
HTML
57 lines
2.3 KiB
HTML
<div>plugin-learn-and-connect</div>
|
|
<div class="plugin-learn-and-connect uk-container uk-container-large uk-section">
|
|
<h3 class="uk-h2 uk-margin-large-bottom">
|
|
Learn & Connect with Open Science
|
|
</h3>
|
|
<div class="uk-padding" uk-height-match=".title">
|
|
<div class="uk-padding uk-grid uk-child-width-1-3@m uk-child-width-1-1 uk-grid-large" uk-grid uk-height-match=".description">
|
|
<!-- icon1, title1, description1, link1 -->
|
|
<div class="uk-flex uk-flex-column uk-flex-middle">
|
|
<div class="uk-card uk-card-default uk-card-body">
|
|
<icon [name]="'description'" [type]="'outlined'" [ratio]="3" [flex]="true"></icon>
|
|
</div>
|
|
<h5 class="title">
|
|
OS Practices
|
|
</h5>
|
|
<div class="uk-text-center uk-margin-bottom description">
|
|
Open Science best practices for your community, policies and mandates.
|
|
</div>
|
|
<a href="" class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-text-default">
|
|
Learn more
|
|
</a>
|
|
</div>
|
|
<!-- icon2, title2, description2, link2 -->
|
|
<div class="uk-flex uk-flex-column uk-flex-middle">
|
|
<div class="uk-card uk-card-default uk-card-body">
|
|
<icon [name]="'description'" [type]="'outlined'" [ratio]="3" [flex]="true"></icon>
|
|
</div>
|
|
<h5 class="title">
|
|
OS Guides for beginners
|
|
</h5>
|
|
<div class="uk-text-center uk-margin-bottom description">
|
|
New to Open Science? Learn the basics!
|
|
</div>
|
|
<div>
|
|
<a href="" class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-text-default">
|
|
Learn more
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- icon3, title3, description3, link3 -->
|
|
<div class="uk-flex uk-flex-column uk-flex-middle">
|
|
<div class="uk-card uk-card-default uk-card-body">
|
|
<icon [name]="'description'" [type]="'outlined'" [ratio]="3" [flex]="true"></icon>
|
|
</div>
|
|
<h5 class="title">
|
|
Webinars
|
|
</h5>
|
|
<div class="uk-text-center uk-margin-bottom description">
|
|
Recordings and slides of webinars on different aspects of Open Science.
|
|
</div>
|
|
<a href="" class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-text-default">
|
|
Learn more
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |