@extends('frontend.layout.app')
@section('content')
<section class="mainBanner innerBanner">
        <div class="overlay"> </div>
         <div class="container">
            <h2 class="text-center">Events</h2>
         </div>
</section>
<div class="newsandArticlesList">
    <div class="row">
        <div class="col-md-4 flexCol">
            <div class="newsArticle positionRelative">
                <div class="newsImageThumb"><img src="{{ asset('frontend_assets/images/NORDIC-ORGANIC-FAIR-2024-New-340x275.jpg') }}" alt=""
                        class="imgResponsive"></div>
                <div class="newsInfo">
                    <h5>NORDIC ORGANIC FAIR 2024</h5>
                    <p>Scandinavia’s Trade Expo for Natural & Organic Products takes place 9–10 October in Stockholm.
                        Discover the latest sustainable, vegan, free-from…</p>
                    <a href="#"><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;09 - 10 October 2024</a><br>
                    <a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;Stockholm, Sweden</a>
                    <a href="{{route('event_1')}}" class="readMoreBtn greenBtn">Read More</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 flexCol">
            <div class="newsArticle positionRelative">
                <div class="newsImageThumb"><img src="{{ asset('frontend_assets/images/SIAL-2024-340x275.jpg') }}" alt="" class="imgResponsive"></div>
                <div class="newsInfo">
                    <h5>SIAL 2024</h5>
                    <p>October in Paris is the place to be for the world-renowned SIAL trade show. Thousands of new
                        products will be showcased, as well as unrivalled…</p>
                    <a href="#"><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;15 - 19 October 2024</a><br>
                    <a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;Paris, France</a>
                    <a href="#" class="readMoreBtn greenBtn">Read More</a>
                </div>
            </div>
        </div>
        <div class="col-md-4 flexCol">
            <div class="newsArticle positionRelative">
                <div class="newsImageThumb"><img src="{{ asset('frontend_assets/images/FREE-FROM-FOOD-_-INGREDIENTS-2024_New-340x275.jpg') }}" alt=""
                        class="imgResponsive"></div>
                <div class="newsInfo">
                    <h5>FREE FROM – FOOD : INGREDIENTS 2024</h5>
                    <p>Mingle with elite industry experts from 60 countries at the prestigious Free From Food and
                        Ingredients fair in…</p>
                    <a href="#"><i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;05 - 06 November 2024</a><br>
                    <a href="#"><i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;Amsterdam, Netherlands</a>
                    <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')