106 lines
3.5 KiB
HTML
106 lines
3.5 KiB
HTML
[viewBag]
|
|
|
|
[blogPosts slider]
|
|
pageNumber = "{{ :page }}"
|
|
featured = "yes"
|
|
postsPerPage = 4
|
|
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(814, 505,{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.first.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(275)}}" 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(275)}}" 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(275)}}" alt="{{posts[3].title}}" />
|
|
<div class="main-news-overlay"></div>
|
|
<p class="main-news-min-info">
|
|
{{posts[3].title}}
|
|
</p>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="swiper mainNewsSwiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
{% for post in posts %}
|
|
<div class="swiper-slide">
|
|
<a href="{{'new/newPost'|page({id:post.id,slug:post.slug})}}" class="main-news-min-item">
|
|
<div class="main-news-min-bg">
|
|
<img src="{{post.featured_image|media|resize(534)}}" alt=""/>
|
|
<div class="main-news-overlay"></div>
|
|
<p class="main-news-min-info">
|
|
{{ post.title }}
|
|
</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
<div class="video-prev main-news-prev">
|
|
<img src="{{'assets/new/icons/arrow-left-white.svg'|theme}}" alt="" />
|
|
</div>
|
|
<div class="video-next main-news-next">
|
|
<img src="{{'assets/new/icons/arrow-right-white.svg'|theme}}" alt="" />
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</section> |