76 lines
2.5 KiB
HTML
76 lines
2.5 KiB
HTML
[viewBag]
|
|
|
|
[blogPosts slider]
|
|
pageNumber = "{{ :page }}"
|
|
featured = "yes"
|
|
postsPerPage = 10
|
|
noPostsMessage = "No posts found"
|
|
sortOrder = "published_at desc"
|
|
categoryPage = 404
|
|
postPage = 404
|
|
==
|
|
{% set posts = slider.posts %}
|
|
|
|
<section class="main-news">
|
|
<div class="container main-news-container">
|
|
<div class="main-news-inner">
|
|
|
|
<a href="{{'new/newPost'|page({id:posts.first.id,slug:posts.first.slug})}}" class="main-news-lead">
|
|
<div class="main-news-bg">
|
|
<img src="{{posts[0].featured_image|media|resize(964, 655,{mode: 'crop'})}}" alt="{{posts[0].title}}" />
|
|
</div>
|
|
<div class="main-news-overlay"></div>
|
|
<div class="main-news-info">
|
|
<div class="main-news-info-title">
|
|
<h3> {{posts[0].categories.implode('name', ', ')}}</h3>
|
|
<span>|</span>
|
|
<h4>{{posts[0].published_at|date('d.m.Y')}}</h4>
|
|
<span>|</span>
|
|
<h4> {{posts[0].published_at|date('H:i')}}</h4>
|
|
</div>
|
|
<p class="main-news-info-content">
|
|
{{posts[0].title}}
|
|
</p>
|
|
</div>
|
|
</a>
|
|
|
|
<div class="main-news-min">
|
|
|
|
|
|
<a href="{{'new/newPost'|page({id:posts[1].id,slug:posts[1].slug})}}" class="main-news-min-item">
|
|
<div class="main-news-min-bg">
|
|
<img src="{{posts[1].featured_image|media|resize(375, 191, {mode: 'crop'})}}" alt="{{posts[1].title}}" />
|
|
<div class="main-news-overlay"></div>
|
|
<p class="main-news-min-info">
|
|
{{posts[1].title}}
|
|
</p>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
<a href="{{'new/newPost'|page({id:posts[2].id,slug:posts[2].slug})}}" class="main-news-min-item">
|
|
<div class="main-news-min-bg">
|
|
<img src="{{posts[2].featured_image|media|resize(375, 191, {mode: 'crop'})}}" alt="{{posts[2].title}}" />
|
|
<div class="main-news-overlay"></div>
|
|
<p class="main-news-min-info">
|
|
{{posts[2].title}}
|
|
</p>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
<a href="{{'new/newPost'|page({id:posts[3].id,slug:posts[3].slug})}}" class="main-news-min-item">
|
|
<div class="main-news-min-bg">
|
|
<img src="{{posts[3].featured_image|media|resize(375, 191, {mode: 'crop'})}}" alt="{{posts[3].title}}" />
|
|
<div class="main-news-overlay"></div>
|
|
<p class="main-news-min-info">
|
|
{{posts[3].title}}
|
|
</p>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |