html
(custom)
<link rel="stylesheet" href="/css/ui-kit.css">
<div class="uk-container">
<div class="ui uk-row mb-16">
<div class="ui uk-row">
<span class="ui header uppercase">Дом</span>
<i class="majordomo icon medium right-floated"></i>
</div>
<div class="ui divider"></div>
<div class="ui uk-row">
<span class="ui header">%ThisComputer.timeNow%</span>
<span class="ui header right-floated">%ThisComputer.Date%</span>
</div>
</div>
<style type="text/css">
.ui.uk-panel {
width: 200px;
height: 200px;
justify-content: flex-end;
background-size: cover;
}
.ui.uk-panel > .uk-row {
flex-direction: row-reverse;
}
.uk-panel > .uk-row > .widget {
color: var(--text-inverted);
font-size: 32px;
font-weight: bold;
}
</style>
<div class="ui uk-panel mb-16" style="background-image: url(/img/scenes/home/1stfloor.jpg);">
<div class="uk-row" style="">
<div class="widget" style="">
1 ЭТАЖ
</div>
</div>
</div>
<div class="ui uk-panel mb-16" style="background-image: url(/img/scenes/home/2ndfloor.jpg);">
<div class="uk-row" style="">
<div class="widget" style="">
2 ЭТАЖ
</div>
</div>
</div>
<a href="/menu/225.html" class="ui uk-panel mb-16" style="background-image: url(/img/scenes/home/garage.png);">
<div class="uk-row" style="">
<div class="widget" style="">
ГАРАЖ
</div>
</div>
</a>
<div class="ui uk-panel mb-16" style="background-image: url(/img/scenes/home/outdoor.jpg);">
<div class="uk-row" style="">
<div class="widget" style="">
УЛИЦА
</div>
</div>
</div>
<div class="ui uk-row">
<div class="ui divider"></div>
<div class="ui uk-row bottom-menu">
<a href="/menu/205.html"><i class="user icon medium"></i></a>
<a href="/menu/206.html"><i class="thermometer icon medium"></i></a>
<a href="/menu/208.html"><i class="camera icon medium"></i></a>
<a href="/menu/212.html"><i class="chart-donut icon medium"></i></a>
<a href="/menu/227.html"><i class="home-3-alt icon medium"></i></a>
</div>
</div>
</div>