You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

77 lines
3.3 KiB

@extends('layout.app')
@section('title')
<title>News & Updates</title>
@endsection
@section('content')
<section class="news-banner-section">
<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