30 lines
1.5 KiB
Twig
30 lines
1.5 KiB
Twig
|
|
{% extends 'base.html.twig' %}
|
|
|
|
{% block body %}
|
|
<div class="uk-child-width-1-3@s uk-grid-small" uk-grid>
|
|
<div>
|
|
<div class="uk-inline uk-transition-toggle uk-cover-container uk-height-large uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">
|
|
|
|
<img src="http://placekitten.com/g/305/450" class="uk-position-cover uk-width-1-1 uk-height-large" />
|
|
<div class="uk-dark uk-overlay uk-overlay-primary uk-width-responsive uk-margin-large-top uk-position-center">
|
|
<h2>About Us</h2>
|
|
</div>
|
|
|
|
<div class="uk-transition-fade uk-background-cover uk-position-cover" style="background-image:url(http://placekitten.com/g/305/451)">
|
|
<a href="#" class="uk-display-inline-block uk-position-cover"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-background-cover uk-margin-small-bottom uk-height-small uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle" style="background-image:url(http://placekitten.com/g/500/500);"></div>
|
|
<div class="uk-height-small uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">Small2</div>
|
|
</div>
|
|
<div>
|
|
<div class="uk-height-medium uk-card uk-card-default uk-card-body uk-flex uk-flex-center uk-flex-middle">Medium</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endblock %}
|