| Current Path : /home/users/unlimited/www/mpos.codeskitter.site/resources/views/web/components/ |
| Current File : /home/users/unlimited/www/mpos.codeskitter.site/resources/views/web/components/blog.blade.php |
<section class="blog-section p-0">
<div class="container">
<div class="row">
<div class="col-xl-8">
<div class="row">
@foreach ($blogs as $blog)
<div class="col-lg-6 pb-4">
<div class="blog-shadow rounded-16">
<div class="text-center blog-image mb-3">
<img src="{{ asset($blog->image) }}" alt="product-image"
class="w-100 h-100 object-fit-cover rounded-8" />
</div>
<div class="p-3 pt-0">
<div class="d-flex align-items-center mb-2">
<img src="assets/web/images/icons/clock.svg" alt="" />
<p class="ms-1 mb-0">{{ formatted_date($blog->updated_at) }}</p>
</div>
<h6 class="h6-line-clamp">{{ $blog->title }}</h6>
<p>
{!! Str::limit(strip_tags($blog->descriptions), 120) !!}
@if (strpos($blog->descriptions, '<img') !== false)
<span class="text-muted"></span>
@endif
</p>
<br>
<a href="{{ route('blogs.show', $blog->slug) }}"
class="custom-clr-primary">{{ $page_data['headings']['blog_btn_text'] ?? '' }}<span
class="font-monospace">></span></a>
</div>
</div>
</div>
@endforeach
</div>
</div>
<div class="col-xl-4">
@foreach ($recent_blogs as $blog)
<div class="blog-shadow rounded-16 mb-4">
<div class="d-flex align-items-center">
<img src="{{ asset($blog->image) }}"
class="object-fit-cover rounded-1 home-blog-small-image" alt="..." />
<div class="mx-3">
<div class="d-flex align-items-center">
<img src="assets/web/images/icons/clock.svg" alt="" />
<p class="ms-1 mb-0">{{ formatted_date($blog->updated_at) }}</p>
</div>
<p class="p-2nd-line-clamp mb-1">
<strong>{{ $blog->title }}</strong>
</p>
<a href="{{ route('blogs.show', $blog->slug) }}"
class="custom-clr-primary">{{ $page_data['headings']['blog_btn_text'] ?? '' }}<span
class="font-monospace">></span></a>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</section>