@extends('web_layout.app')

@section('web.page-title', 'New Migrant | Canada Immigrant For Newcomers')

@section('web.main-content')




<!--
 <div class="container">
    <div class="row mt-2">

        <div class="col-md-4">
            <div class="blog-two__single">
                <div class="blog-two__img-box">
                    <div class="blog-two__img fill" style=" height: 440px; ">
                        <img style="width: max-content; height: min-content; " src="{{ asset('web_assets/images/news/things-you-can-and-cant-negotiate-when-buying-a-home.jpg') }}" alt="">
                    </div>

                    <div class="blog-two__content">
                        <h3 class="blog-two__title" style="margin-bottom: 0; border: 0px;">
                            <a href="{{ route('web.news.detail',['news'=>'things-you-can-and-cant-negotiate-when-buying-a-home']) }}">
                                Things You Can and Can't Negotiate When Buying a Home
                            </a>
                        </h3>

                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="blog-two__single">
                <div class="blog-two__img-box">
                    <div class="blog-two__img fill" style=" height: 440px; ">
                        <img style="width: max-content; height: min-content; " src="{{ asset('web_assets/images/news/study-in-canada-as-an-international-student.jpg') }}" alt="">
                    </div>

                    <div class="blog-two__content">
                        <h3 class="blog-two__title" style="margin-bottom: 0; border: 0px;">
                            <a href="{{ route('web.news.detail',['news'=>'study-in-canada-as-an-international-student']) }}">
                                Study in Canada as an international student
                            </a>
                        </h3>

                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">

            <div class="row">

                <div class="col-md-12">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img fill" style=" height: 205px; ">
                                <img style="height: min-content;" src="{{ asset('web_assets/images/home-news-banners/mentorship-930x620.jpg') }}" alt="">
                            </div>

                            <div class="blog-two__content">
                                <h3 class="blog-two__title" style="margin-bottom: 0; border: 0px;">
                                    <a href="{{ route('web.news.detail',['news'=>'mentorship-programs-for-immigrant-students-in-canada']) }}">
                                        Mentorship Programs for Immigrant Students in Canada
                                    </a>
                                </h3>

                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img fill" style=" height: 205px; ">
                                <img style="height: min-content;" src="{{ asset('web_assets/images/news/tourist-attractions-in-canada.jpg') }}" alt="">
                            </div>

                            <div class="blog-two__content">
                                <h3 class="blog-two__title" style="margin-bottom: 0; border: 0px;">
                                    <a href="{{ route('web.news.detail',['news'=>'tourist-attractions-in-canada']) }}">
                                        Tourist attractions in Canada
                                    </a>
                                </h3>

                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>
</div>
-->




<div class="container">
    <div class="row mt-2">

        <div class="col-md-4">

            <div class="row">

                <div class="col-md-12">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img fill" style=" height: 205px; ">
                                <img style="height: min-content;" src="{{ asset('web_assets/images/news/activities-to-do-in-the-winter.jpg') }}" alt="">
                            </div>

                            <div class="blog-two__content">
                                <h3 class="blog-two__title" style="margin-bottom: 0; border: 0px;">
                                    <a href="{{ route('web.news.detail',['news'=>'activities-to-do-in-the-winter']) }}">
                                        Activities to do in the Winter
                                    </a>
                                </h3>

                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img fill" style=" height: 205px; ">
                                <img style="height: min-content;" src="{{ asset('web_assets/images/news/winter-intake-in-canada-2024.jpg') }}" alt="">
                            </div>

                            <div class="blog-two__content">
                                <h3 class="blog-two__title" style="margin-bottom: 0; border: 0px;">
                                    <a href="{{ route('web.news.detail',['news'=>'winter-intake-in-canada-2024']) }}">
                                        Winter intake in Canada 2024
                                    </a>
                                </h3>

                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

        <div class="col-md-4">
            <div class="blog-two__single">
                <div class="blog-two__img-box">
                    <div class="blog-two__img fill" style=" height: 440px; ">
                        <img style="width: max-content; height: min-content; " src="{{ asset('web_assets/images/news/what-to-wear-in-canada-in-winter-from-a-canadian.jpg') }}" alt="">
                    </div>

                    <div class="blog-two__content">
                        <h3 class="blog-two__title" style="margin-bottom: 0; border: 0px;">
                            <a href="{{ route('web.news.detail',['news'=>'what-to-wear-in-canada-in-winter-from-a-canadian']) }}">
                                What To Wear In Canada In Winter From A Canadian
                            </a>
                        </h3>

                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">

            <div class="row">

                <div class="col-md-12">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img fill" style=" height: 205px; ">
                                <img style="height: min-content;" src="{{ asset('web_assets/images/news/Cricket-to-Conquer-Cancer.jpg') }}" alt="">
                            </div>

                            <div class="blog-two__content">
                                <h3 class="blog-two__title" style="margin-bottom: 0; border: 0px;">
                                    <a href="{{ route('web.news.detail',['news'=>'cricket-to-conquer-cancer']) }}">
                                        Cricket to Conquer Cancer
                                    </a>
                                </h3>

                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="blog-two__single">
                        <div class="blog-two__img-box">
                            <div class="blog-two__img fill" style=" height: 205px; ">
                                <img style="height: min-content;" src="{{ asset('web_assets/images/news/tourist-attractions-in-canada.jpg') }}" alt="">
                            </div>

                            <div class="blog-two__content">
                                <h3 class="blog-two__title" style="margin-bottom: 0; border: 0px;">
                                    <a href="{{ route('web.news.detail',['news'=>'tourist-attractions-in-canada']) }}">
                                        Tourist attractions in Canada
                                    </a>
                                </h3>

                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>
</div>



<!-- SHAN LINK => https://www.shanfoods.com/canada?utm_source=website&utm_medium=banner&utm_campaign=shan_ad&utm_id=shan.ad.1 -->

<section class="container">

    <div class="row">
	
		<div class="col-md-12">
            <div class="blog-two__single">
                <div class="blog-two__img-box">
                    <a href="https://bit.ly/3HoDZ9k">
                        <img class="w-100" src="{{ asset('web_assets/images/promotion/Champion-Banner.jpg') }}" alt="">
                    </a>
                </div>
            </div>
        </div>
		
		
		
        <div class="col-md-6">
            <div class="blog-two__single">
                <div class="blog-two__img-box">
                    <a href="https://bit.ly/48IV9KG">
                        <img class="w-100" src="{{ asset('web_assets/images/promotion/RCS.jpg') }}" alt="">
                    </a>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="blog-two__single">
                <div class="blog-two__img-box">
                    <a href="https://bit.ly/48Fc6G4">
                        <img class="w-100" src="{{ asset('web_assets/images/promotion/Orgers.jpg') }}" alt="">
                    </a>
                </div>
            </div>
        </div>
		
		<div class="col-md-12">
            <div class="blog-two__single">
                <div class="blog-two__img-box">
                    <a href="https://bit.ly/3UjphYP">
                        <img class="w-100" src="{{ asset('web_assets/images/promotion/Home-Flipp.jpg') }}" alt="">
                    </a>
                </div>
            </div>
        </div>
		
		

    </div>

</section>


<section class="container">
    <div class="mt-4">

        <div class="section-title text-center">
            <h2 class="section-title__title">Let's Explore Canada</h2>
            <div class="section-title__border-box"></div>
        </div>
        <div class="row">

            <div class="col-md-3">
                <div class="coaching-one__single">
                    <div class="coaching-one__img-box">
                        <div class="coaching-one__img">
                            <img class="w-100" src="{{ asset('web_assets/images/explore/explore-01.jpg') }}" alt="">
                        </div>
                        <div class="coaching-one__content" style="right: 0px;">
                            <h3 class="coaching-one__title">
                                <a href="{{ route('web.news.category', ['news_category'=>'bank-account']) }}">
                                    Bank Account
                                </a>
                            </h3>
                            <div class="coaching-one__arrow-box">
                                <a href="{{ route('web.news.category', ['news_category'=>'bank-account']) }}" class="coaching-one__arrow">
                                    <i class="icon-up-right"></i>
                                </a>
                            </div>
                        </div>
                        <div class="coaching-one__hover-content">


                            <h3 class="coaching-one__hover-title">
                                <a href="{{ route('web.news.category', ['news_category'=>'bank-account']) }}">
                                    Bank Account
                                </a>
                            </h3>

                            <div class="coaching-one__hover-arrow-box">
                                <a href="{{ route('web.news.category', ['news_category'=>'bank-account']) }}" class="coaching-one__hover-arrow">
                                    <i class="icon-down"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="coaching-one__single">
                    <div class="coaching-one__img-box">
                        <div class="coaching-one__img">
                            <img class="w-100" src="{{ asset('web_assets/images/explore/explore-02.jpg') }}" alt="">
                        </div>
                        <div class="coaching-one__content" style="right: 0px;">
                            <h3 class="coaching-one__title">
                                <a href="{{ route('web.news.category', ['news_category'=>'sim-card']) }}">
                                    SIM Card
                                </a>
                            </h3>
                            <div class="coaching-one__arrow-box">
                                <a href="{{ route('web.news.category', ['news_category'=>'sim-card']) }}" class="coaching-one__arrow">
                                    <i class="icon-up-right"></i>
                                </a>
                            </div>
                        </div>
                        <div class="coaching-one__hover-content">


                            <h3 class="coaching-one__hover-title">
                                <a href="{{ route('web.news.category', ['news_category'=>'sim-card']) }}">
                                    SIM Card
                                </a>
                            </h3>

                            <div class="coaching-one__hover-arrow-box">
                                <a href="{{ route('web.news.category', ['news_category'=>'sim-card']) }}" class="coaching-one__hover-arrow">
                                    <i class="icon-down"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="coaching-one__single">
                    <div class="coaching-one__img-box">
                        <div class="coaching-one__img">
                            <img class="w-100" src="{{ asset('web_assets/images/explore/explore-03.jpg') }}" alt="">
                        </div>
                        <div class="coaching-one__content" style="right: 0px;">
                            <h3 class="coaching-one__title">
                                <a href="{{ route('web.news.category', ['news_category'=>'real-estate']) }}">
                                    Real Estate
                                </a>
                            </h3>
                            <div class="coaching-one__arrow-box">
                                <a href="{{ route('web.news.category', ['news_category'=>'real-estate']) }}" class="coaching-one__arrow">
                                    <i class="icon-up-right"></i>
                                </a>
                            </div>
                        </div>
                        <div class="coaching-one__hover-content">


                            <h3 class="coaching-one__hover-title">
                                <a href="{{ route('web.news.category', ['news_category'=>'real-estate']) }}">
                                    Real Estate
                                </a>
                            </h3>

                            <div class="coaching-one__hover-arrow-box">
                                <a href="{{ route('web.news.category', ['news_category'=>'real-estate']) }}" class="coaching-one__hover-arrow">
                                    <i class="icon-down"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="coaching-one__single">
                    <div class="coaching-one__img-box">
                        <div class="coaching-one__img">
                            <img class="w-100" src="{{ asset('web_assets/images/explore/explore-04.jpg') }}" alt="">
                        </div>
                        <div class="coaching-one__content" style="right: 0px;">
                            <h3 class="coaching-one__title">
                                <a href="{{ route('web.news.category', ['news_category'=>'tourist-attraction']) }}">
                                    Tourist Attraction
                                </a>
                            </h3>
                            <div class="coaching-one__arrow-box">
                                <a href="{{ route('web.news.category', ['news_category'=>'tourist-attraction']) }}" class="coaching-one__arrow">
                                    <i class="icon-up-right"></i>
                                </a>
                            </div>
                        </div>
                        <div class="coaching-one__hover-content">


                            <h3 class="coaching-one__hover-title">
                                <a href="{{ route('web.news.category', ['news_category'=>'tourist-attraction']) }}">
                                    Tourist Attraction
                                </a>
                            </h3>

                            <div class="coaching-one__hover-arrow-box">
                                <a href="{{ route('web.news.category', ['news_category'=>'tourist-attraction']) }}" class="coaching-one__hover-arrow">
                                    <i class="icon-down"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>


<section class="container">
    <div class="mt-4">
        <div class="section-title text-center">
            <div class="section-title__tagline-box">
                <h2 class="section-title__title">Featured Business Tycons</h2>
                <div class="section-title__border-box"></div>
            </div>
        </div>
        <div class="row">


            <div class="col-md-4">
                <div class="blog-one__single">
                    <div class="blog-one__img-box">
                        <div class="blog-one__img">
                            <img src="https://www.bnnbloomberg.ca/polopoly_fs/1.1893427.1678388637!/fileimage/httpImage/image.jpg_gen/derivatives/landscape_620/carolyn-rogers-listens-during-a-bank-of-canada-news-conference-in-ottawa-on-jan-25-photographer-david-kawai-bloomberg.jpg" alt="">
                            <a href="{{ route('web.news.detail',['news'=>'bank-of-canada-rogers-urges-shift-by-banks-on-mortgage-lending']) }}">
                                <span class="blog-one__plus"></span>
                            </a>
                        </div>
                    </div>
                    <div class="blog-one__content">
                        <h3 class="blog-one__title" style="border: 0px;">
                            <a href="{{ route('web.news.detail',['news'=>'bank-of-canada-rogers-urges-shift-by-banks-on-mortgage-lending']) }}">
                                Bank of Canada's Rogers urges shift by banks on mortgage lending
                            </a>
                        </h3>
                    </div>
                </div>
            </div>


            <div class="col-md-4">
                <div class="blog-one__single">
                    <div class="blog-one__img-box">
                        <div class="blog-one__img">
                            <img src="https://www.ctvnews.ca/content/dam/ctvnews/en/images/2023/10/25/full--macklem-takes-questions-from-media-1-6616546-1698252774867.jpg" alt="">
                            <a href="{{ route('web.news.detail',['news'=>'bank-of-canada-will-cut-rates-over-mortgage-renewals']) }}">
                                <span class="blog-one__plus"></span>
                            </a>
                        </div>
                    </div>
                    <div class="blog-one__content">
                        <h3 class="blog-one__title" style="border: 0px;">
                            <a href="{{ route('web.news.detail',['news'=>'bank-of-canada-will-cut-rates-over-mortgage-renewals']) }}">
                                Bank of Canada will cut rates over mortgage renewals
                            </a>
                        </h3>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="blog-one__single">
                    <div class="blog-one__img-box">
                        <div class="blog-one__img">
                            <img src="https://i.cbc.ca/1.6574462.1681308104!/fileImage/httpImage/image.JPG_gen/derivatives/16x9_780/bank-of-canada-tiff-macklem.JPG" alt="">
                            <a href="{{ route('web.news.detail',['news'=>'bank-of-canada-holds-interest-rate-steady-as-it-forecasts-inflation']) }}">
                                <span class="blog-one__plus"></span>
                            </a>
                        </div>
                    </div>
                    <div class="blog-one__content">
                        <h3 class="blog-one__title" style="border: 0px;">
                            <a href="{{ route('web.news.detail',['news'=>'bank-of-canada-holds-interest-rate-steady-as-it-forecasts-inflation']) }}">
                                Bank of Canada holds interest rate steady as it forecasts inflation
                            </a>
                        </h3>
                    </div>
                </div>
            </div>




        </div>
    </div>
</section>


<section class="container">
    <div class="mt-4">
        <div class="section-title text-center">
            <div class="section-title__tagline-box">
                <h2 class="section-title__title">News & Trends</h2>
                <div class="section-title__border-box"></div>
            </div>
        </div>
        <div class="row news_slider">

            @foreach ($latest_news as $l_new)

            <div class="col-xl-4 col-lg-4 m-2">
                <div class="blog-one__single">
                    <div class="blog-one__img-box">
                        <div class="blog-one__img fill" style=" max-height: 215px;">
                            <img src="{{ asset('web_assets/images/news/'.$l_new->title_image) }}" alt="">
                            <a href="{{ route('web.news.detail', $l_new->page_url) }}">
                                <span class="blog-one__plus"></span>
                            </a>
                        </div>
                    </div>
                    <div class="blog-one__content">
                        <h3 class="blog-one__title"><a href="{{ route('web.news.detail', $l_new->page_url) }}" class="text-double">{{ $l_new->title }}</a></h3>
                        <div class="blog-one__comment-and-arrow">
                            <div class="blog-one__comment">
                                <p>Start Reading</p>
                            </div>
                            <div class="blog-one__arrow">
                                <a href="{{ route('web.news.detail', $l_new->page_url) }}"><i class="icon-up-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            @endforeach

        </div>
    </div>
</section>

@endsection

@section('web.header_script')


<style>

.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.fill img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}
	
.text-double {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

</style>

@endsection

@section('web.footer_script')

<script>

$(".news_slider").slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 2500,
    arrows: false,
    infinite: true,
    responsive: [
        {
        breakpoint: 992,
            settings: {
                slidesToShow: 2
            }
        },
        {
        breakpoint: 480,
            settings: {
                slidesToShow: 1
            }
        }
    ]
});

</script>


@endsection