@extends('frontend.layout.app')
@section('content')
<section class="mainBanner innerBanner">
        <div class="overlay"> </div>
         <div class="container">
            <h2 class="text-center">News & Articles</h2>
         </div>
</section>

<div class="newsandArticlesList">
    <div class="row">
        <div class="col-md-4 flexCol">
            <div class="newsArticle positionRelative">
                <div class="newsDate">31 July 2024</div>
                <div class="newsImageThumb"><img src="{{ asset('frontend_assets/images/news-thumb-01.jpg') }}" alt="" class="imgResponsive"></div>
                <div class="newsInfo">
                    <h5>VIETNAM: The Rising Star of Asia’s F&D Indu</h5>
                    <p>At a time when the global economy is languishing in the doldrums it…</p>
                    <a href="{{route('news_1')}}" class="readMoreBtn greenBtn">Read More</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 flexCol">
            <div class="newsArticle positionRelative">
                <div class="newsDate">28 June 2024</div>
                <div class="newsImageThumb"><img src="{{ asset('frontend_assets/images/news-thumb-02.jpg') }}" alt="" class="imgResponsive"></div>
                <div class="newsInfo">
                    <h5>The Latest Talking Points in New Product Development</h5>
                    <p>As recently highlighted in a feature by The Grocer, innovation is a fundamental…</p>
                    <a href="{{route('news_2')}}" class="readMoreBtn greenBtn">Read More</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 flexCol">
            <div class="newsArticle positionRelative">
                <div class="newsDate">3 June 2024</div>
                <div class="newsImageThumb"><img src="{{ asset('frontend_assets/images/news-thumb-03.jpg') }}" alt="" class="imgResponsive"></div>
                <div class="newsInfo">
                    <h5>What’s New in Food Technology?</h5>
                    <p>A recent article by Food Navigator’s Natasha Spencer-Jolliffe billed 2024 as ‘The Year of
                        Convenience’ for advancements in food technology. Sh…</p>
                    <a href="#" class="readMoreBtn greenBtn">Read More</a>
                </div>
            </div>
        </div>
        <div class="newsandArticlesList">
            <div class="row">
                <div class="col-md-4 flexCol">
                    <div class="newsArticle positionRelative">
                        <div class="newsDate">10 April 2024</div>
                        <div class="newsImageThumb"><img src="{{ asset('frontend_assets/images/news-thumb-04.jpg') }}" alt="" class="imgResponsive">
                        </div>
                        <div class="newsInfo">
                            <h5>The New Look Natural & Organics Products Expo</h5>
                            <p>The Natural & Organics Show (NOPEX) will be taking centre stage once more at ExCeL this
                                month. There is no better place to experience the latest organi…</p>
                            <a href="#" class="readMoreBtn greenBtn">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 flexCol">
                    <div class="newsArticle positionRelative">
                        <div class="newsDate">11 March 2024</div>
                        <div class="newsImageThumb"><img src="{{ asset('frontend_assets/images/news-thumb-05.jpg') }}" alt="" class="imgResponsive">
                        </div>
                        <div class="newsInfo">
                            <h5>The Unstoppable Rise of the Italian Food Industry</h5>
                            <p>The continuing fixation with Italian cuisine remains a cornerstone of the global food
                                industry. Italian Food News reports that its total worth has…</p>
                            <a href="#" class="readMoreBtn greenBtn">Read More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 flexCol">
                    <div class="newsArticle positionRelative">
                        <div class="newsDate">30 January 2024</div>
                        <div class="newsImageThumb"><img src="{{ asset('frontend_assets/images/news-thumb-06.jpg') }}" alt="" class="imgResponsive">
                        </div>
                        <div class="newsInfo">
                            <h5>Trends for 2024 and Beyond</h5>
                            <p>Predictions for 2024 food and drink trends have already started to come to fruition
                                across all sectors. Health and wellness products look s…</p>
                            <a href="#" class="readMoreBtn greenBtn">Read More</a>
                        </div>
                    </div>
                </div>
                <section class="backgroundBg01 text-center text-white subscribe">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-10 m-auto">
                                <h2 class="text-white">Subscribe to Our Newsletter</h2>
                                <p>By subscribing to our newsletter you agree to the Ortho-K</p>
                                <form role="search" method="get" action="#" autocomplete="off" class="subscribeForm">
                                    <label class="screen-reader-text" for="searchInput"></label>
                                    <input type="text" class="search-field" value="" name="searchInput" id="searchInput"
                                        placeholder="Enter Your Email Address" autocomplete="off">
                                    <input type="submit" id="subscribe" class="search-submit gradientBtn"
                                        value="Subscribe Now">
                                </form>
                            </div>
                        </div>
                    </div>
                </section>
                @endsection('content')