|
|
|
@extends('layout.app')
|
|
|
|
@section('title')
|
|
|
|
<title>News & Updates</title>
|
|
|
|
@endsection
|
|
|
|
@section('content')
|
|
|
|
<section class="news-banner-section" style="background: url('frontend/images/news-banner.png')">
|
|
|
|
<div class="news-banner-desc">
|
|
|
|
<h2>News & Updates</h2>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section class="news-update-section">
|
|
|
|
<div class="news-update-head">
|
|
|
|
<h5>What’s New <hr></h5>
|
|
|
|
<h3>News & Updates</h3>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row mt-4">
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="featured-news-image">
|
|
|
|
<img src="{{url($news_and_updates->first()->image ?? '')}}" class="img-fluid" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
|
|
<div class="featured-news-desc">
|
|
|
|
<h3>{{$news_and_updates->first()->title}}</h3>
|
|
|
|
<h5>{{$news_and_updates->first()->created_at}}</h5>
|
|
|
|
<p>{!!strip_tags(\Illuminate\Support\Str::limit($news_and_updates->first()->description, 150, $end='...'))!!}</p>
|
|
|
|
<a href="{{url('news/'.$news_and_updates->first()->slug)}}">Read More</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row g-4">
|
|
|
|
@foreach($news_and_updates->skip(1) as $news)
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="news-page-card">
|
|
|
|
<a href="{{url('news/'.$news->slug)}}">
|
|
|
|
<div class="news-card-img">
|
|
|
|
<img src="{{url($news->image ?? '')}}" class="img-fluid" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="news-card-desc">
|
|
|
|
<h4>{{$news->title}}</h4>
|
|
|
|
<p>{{\Illuminate\Support\Str::limit($news->description, 150, $end='...')}}</p>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@endforeach
|
|
|
|
<!-- <div class="col-md-4">
|
|
|
|
<div class="news-page-card">
|
|
|
|
<a href="/news_detail">
|
|
|
|
<div class="news-card-img">
|
|
|
|
<img src="{{url('frontend/images/test-img.png')}}" class="img-fluid" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="news-card-desc">
|
|
|
|
<h4>Lorem Ipsum is simply dummy text of the printing</h4>
|
|
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...</p>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="news-page-card">
|
|
|
|
<a href="/news_detail">
|
|
|
|
<div class="news-card-img">
|
|
|
|
<img src="{{url('frontend/images/test-img.png')}}" class="img-fluid" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="news-card-desc">
|
|
|
|
<h4>Lorem Ipsum is simply dummy text of the printing</h4>
|
|
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's...</p>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
@endsection
|