<section>
<h2>Свежие статьи</h2>
<article>
<h2>Заголовок статьи 1</h2>
<p>Текст статьи</p>
</article>
<article>
<h2>Заголовок статьи 2</h2>
<p>Текст статьи</p>
</article>
</section>
<div class="block1">
<span class="span1">
<p>Эталонное качество шведского пола в вашей квартире<br>30 лет гарантии от компании, подарившей миру паркетную доску</p>
</span>
</div>
.block1 {
position: relative;
height: 400px;
background: url(http://www.imageup.ru/img291/2562967/kahrs1.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.span1 {
position: absolute;
top: 130px;
width: 100%;
background: rgba(0, 0, 0, 0.6);
text-align: center;
padding: 10px 0;
}
.span1 p {
color: white;
font-size: 17px;
line-height: 35px;
}
<link rel="stylesheet" type="text/css" href="{{asset('css/styles.css')}}"/>
main#content {
float: left;
width: 63.2%;
padding-right: 80px;
box-sizing: border-box;
}
box-sizing: border-box;
[[getResources?
&limit=`8`
&parents= `4`
&depth= `0`
&tpl=`tplList_type-tour`
&includeTVs=`1`
&processTVs=`1`
&includeContent=`1`
]]
[[getResources?
&parents=`[[+ID]]`
&limit=`8`
&hideContainers=`1`
&tpl=`tplList-tour`
&includeTVs=`1`
&processTVs=`1`
&includeContent=`1`
]]
setTimeout(function(){$('.loader-inner').fadeOut('fast')},10000); //10000 = 10 секунд