@extends('frontend.default')
 
@section('content')

    <style>
        .post--img .thumb .homeimgcatone
        {
            height:120px;
        }
        .post--img .thumb .imgkeralafir
        {
            height:175px;
        }
        .post--img .thumb .indimg
        {
            height:80px;
        }
        .worldimg
        {
            height:89px;
        }
    </style>

           
        <!-- News Ticker Start -->
        <div class="news--ticker">
            <div class="container">
                <div class="title">
                    <h2>Latest Updates</h2>
                    <!--<span> </span>-->
                </div>

                <div class="news-updates--list" data-marquee="true">
                    <ul class="nav">
                        @foreach($blog as $blogs)
                        <li>
                            <h3 class="h3"><a href="{{$blogs->subcategory}}/{{$blogs->slug}}">{!! $blogs->short_description !!}</a></h3>
                        </li>
                        @endforeach 
                    </ul>
                </div>
            </div>
        </div>   
        <!-- Main Breadcrumb Start -->
        <div class="main--breadcrumb">
            <div class="container">
                <ul class="breadcrumb" style="text-transform: uppercase;">
                    <li><a href="#" class="btn-link"><i class="fa fm fa-home"></i>MetroKerala </a></li>  
                </ul>
            </div>
        </div> 
        
        <div class="main-content--section pbottom--30">
            <div class="container">
                <!-- Main Content Start -->
                <div class="main--content">
                    <!-- Post Items Start -->
                    
                    <div class="post--items post--items-1 pd--30-0">
                        <div class="row gutter--15">
                            <div class="col-md-3">
                                <div class="row gutter--15"> 
                                    
                                    @foreach($banner as $banner)
                                    @if($banner->bnrposition == "1")
                                    <div class="col-md-12 col-xs-6 col-xxs-12">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <a href="{{$banner->subcategory}}/{{$banner->slug}}" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$banner->file}}" style="width:100%;height:190px;" alt=""></a>
                                                <a class="cat"> {{ $banner->subcategory }} </a> 

                                                <div class="post--info">
                                                    <ul class="nav meta">
                                                        <li><a> {{ $banner->author }} </a></li>
                                                        <li><a> {{ $banner->addeddate }}</a></li>
                                                    </ul>

                                                    <div class="title">
                                                        <h2 class="h4"><a href="{{$banner->subcategory}}/{{$banner->slug}}" class="btn-link"> {{ $banner->short_description }} </a></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endif
                                    @endforeach


                                    @foreach($secbanner as $secbanner)
                                    <div class="col-md-12 col-xs-6 hidden-xxs">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <a href="{{$secbanner->subcategory}}/{{$secbanner->slug}}" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$secbanner->file}}" style="width:100%;height:190px;" alt=""></a>
                                                <a class="cat">{{$secbanner->subcategory}}</a> 

                                                <div class="post--info">
                                                    <ul class="nav meta">
                                                        <li><a>{{$secbanner->author}}</a></li>
                                                        <li><a>{{$secbanner->addeddate}} </a></li>
                                                    </ul>

                                                    <div class="title">
                                                        <h2 class="h4"><a href="{{$secbanner->subcategory}}/{{$secbanner->slug}}" class="btn-link"> {{$secbanner->short_description}} </a></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endforeach
                                    
                                    
                                </div>
                            </div>

                            <div class="col-md-6">
                                <!-- Post Item Start -->
                                <div class="post--item post--layout-1 post--title-larger">
                                    <div class="post--img">
                                        
                                        @foreach($midbanner as $midbanner)
                                        <div class="slideshow-container"> 
                                            <div class="mySlides fade"> 
                                              <img src="frontend/bannerimage/blog/updatedpics/home/{{$midbanner->file}}" style="width:100%;height:395px;"> 
                                              
                                              <a class="cat"> {{$midbanner->subcategory}} </a> 
    
                                              <div class="post--info">
                                                <ul class="nav meta">
                                                    <li><a> {{$midbanner->author}} </a></li>
                                                    <li><a> {{$midbanner->addeddate}} </a></li>
                                                </ul>
    
                                                <div class="title">
                                                    <h2 class="h4"><a href="{{$midbanner->subcategory}}/{{$midbanner->slug}}" class="btn-link"> {{$midbanner->short_description}} </a></h2>
                                                </div>
                                              </div> 
                                            </div>  
                                        </div>
                                        @endforeach
                                                          
                                        <div style="text-align:center;padding-top:10px;">
                                        <span class="dot"></span> 
                                        <span class="dot"></span> 
                                        <span class="dot"></span> 
                                        </div>
                                        
                                    </div>
                                </div>
                                <!-- Post Item End -->
                            </div>

                            <div class="col-md-3">
                                <div class="row gutter--15">
                                    
                                    @foreach($fourthbanner as $fourthbanner)
                                    <div class="col-md-12 col-xs-6 col-xxs-12">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <a class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$fourthbanner->file}}" style="width:100%;height:190px;" alt=""></a>
                                                <a class="cat"> {{$fourthbanner->subcategory}} </a> 

                                                <div class="post--info">
                                                    <ul class="nav meta">
                                                        <li><a href="#"> {{$fourthbanner->author}} </a></li>
                                                        <li><a href="#"> {{$fourthbanner->addeddate}}</a></li>
                                                    </ul>

                                                    <div class="title">
                                                        <h2 class="h4"><a href="{{$fourthbanner->subcategory}}/{{$fourthbanner->slug}}" class="btn-link"> {{$fourthbanner->short_description}} </a></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endforeach

                                    
                                    @foreach($fifthbanner as $fifthbanner)
                                    <div class="col-md-12 col-xs-6 hidden-xxs">
                                        <!-- Post Item Start -->
                                        <div class="post--item post--layout-1 post--title-large">
                                            <div class="post--img">
                                                <a class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$fifthbanner->file}}" style="width:100%;height:190px;" alt=""></a>
                                                <a class="cat"> {{$fifthbanner->subcategory}} </a> 

                                                <div class="post--info">
                                                    <ul class="nav meta">
                                                        <li><a> {{$fifthbanner->author}} </a></li>
                                                        <li><a> {{$fifthbanner->addeddate}} </a></li>
                                                    </ul>

                                                    <div class="title">
                                                        <h2 class="h4"><a href="{{$fifthbanner->subcategory}}/{{$fifthbanner->slug}}" class="btn-link"> {{$fifthbanner->short_description}} </a></h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Post Item End -->
                                    </div>
                                    @endforeach
                                    
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <!-- Post Items End -->
                </div>
                <!-- Main Content End -->

                <div class="row">
                    <!-- Main Content Start -->
                    <div class="main--content col-md-8 col-sm-7" data-sticky-content="true">
                        <div class="sticky-content-inner">
                            <div class="row">
                                <!-- World News Start -->
                                <div class="col-md-6 ptop--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> Kerala </h2>
                                    </div>
                                    
                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($keralaone as $keralaone)
                                            <li class="col-xs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$keralaone->subcategory}}/{{$keralaone->slug}}" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$keralaone->file}}" class="imgkeralafir" alt=""></a>
                                                        <a class="cat">{{$keralaone->subcategory}}</a> 

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a>{{$keralaone->author}}</a></li>
                                                                <li><a> {{$keralaone->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$keralaone->subcategory}}/{{$keralaone->slug}}" class="btn-link">{{$keralaone->short_description}}</a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            
                                            @endforeach
                                            <li class="col-xs-12">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                            
                                                                                        
                                            @foreach($kerala as $kerala)
                                            <li class="col-xs-6" style="padding-bottom:2px;">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-2">
                                                    <div class="post--img">
                                                        <a href="{{$kerala->subcategory}}/{{$kerala->slug}}" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$kerala->file}}" class="homeimgcatone" alt=""></a>
                                                        <!--<a class="cat">{{$kerala->subcategory}}</a> -->
                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#"> {{$kerala->author}} </a></li>
                                                                <li><a href="#"> {{$kerala->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="font-size:11px;line-height: 22px;min-height:70px;"><a href="{{$kerala->subcategory}}/{{$kerala->slug}}" class="btn-link"> 
                                                                    {{$kerala->short_description}}
                                                                  <!--@if(!empty($kerala->short_description)) {{ substr(strip_tags($kerala->short_description),0,40)." ...."  }} @else substr(strip_tags($kerala->short_description),0,40)."...."; @endif -->
                                                                </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li> 
                                            
                                                                                        
                                            @if($count == "2")
                                            
                                            <li class="col-xs-12">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                            
                                            @endif
                                            
                                            @endforeach
                                            
                                            <!--<li class="col-xs-12">-->
                                                <!-- Divider Start -->
                                            <!--    <hr class="divider">-->
                                                <!-- Divider End -->
                                            <!--</li>-->
                                             
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                <!-- World News End -->

                                <!-- Technology Start -->
                                <div class="col-md-6 ptop--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4">India</h2>

                                        <div class="nav">
                                            <!--<a href="#" class="prev btn-link" data-ajax-action="load_prev_technology_posts">-->
                                            <!--    <i class="fa fa-long-arrow-left"></i>-->
                                            <!--</a>-->

                                            <!--<span class="divider">/</span>-->

                                            <!--<a href="#" class="next btn-link" data-ajax-action="load_next_technology_posts">-->
                                            <!--    <i class="fa fa-long-arrow-right"></i>-->
                                            <!--</a>-->
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-3" data-ajax-content="outer">
                                        <ul class="nav" data-ajax-content="inner">
                                            
                                            @foreach($indiaone as $indiaone)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$indiaone->subcategory}}/{{$indiaone->slug}}" class="thumb"><img class="imgkeralafir" src="frontend/bannerimage/blog/updatedpics/home/{{$indiaone->file}}" alt=""></a>
                                                        <a class="cat"> {{$indiaone->subcategory}} </a> 

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a>{{$indiaone->author}}</a></li>
                                                                <li><a>{{$indiaone->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$indiaone->subcategory}}/{{$indiaone->slug}}" class="btn-link"> {{$indiaone->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            @foreach($india as $india)
                                            
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-3">
                                                    <div class="post--img">
                                                        <a href="{{$india->subcategory}}/{{$india->slug}}" class="thumb"><img class="indimg" src="frontend/bannerimage/blog/updatedpics/home/{{$india->file}}" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a>{{$india->author}}</a></li>
                                                                <li><a>{{$india->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="font-size: 11px;line-height: 22px;"><a href="{{$india->subcategory}}/{{$india->slug}}" class="btn-link"> {{$india->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                               
                                            @endforeach   
                                                
                                               
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                <!-- Technology End -->

                                <!-- Ad Start -->
                                <div class="col-md-12 ptop--30 pbottom--30">
                                    <!-- Advertisement Start -->
                                    <div class="ad--space">
                                        @if($advertisementthree)
                                        @foreach($advertisementthree as $advertisementthree)
                                        <a href="#">
                                            <img src="frontend/bannerimage/blog/updatedpics/home/{{$advertisementthree->file}}" alt="" class="center-block">
                                        </a>
                                        @endforeach
                                        @endif
                                        
                                        @if($bannerthree)
                                        @foreach($bannerthree as $b_three)
                                        <a href="#">
                                            <span>{!!$b_three->html_banner!!}</span>
                                        </a>
                                        @endforeach
                                        @endif
                                    </div>
                                    <!-- Advertisement End -->
                                </div>
                                <!-- Ad End -->

                                <!-- Finance Start -->
                                <div class="col-md-12 ptop--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4">World</h2>

                                        <div class="nav"> 
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav row" data-ajax-content="inner">
                                            
                                            @foreach($worldone as $worldone)
                                            <li class="col-md-6">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-2">
                                                    <div class="post--img">
                                                        <a href="{{$worldone->subcategory}}/{{$worldone->slug}}" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$worldone->file}}" alt=""></a>
                                                        <a href="#" class="cat">{{$worldone->subcategory}}</a> 

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#">{{$worldone->author}}</a></li>
                                                                <li><a href="#">{{$worldone->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$worldone->subcategory}}/{{$worldone->slug}}" class="btn-link"> {{$worldone->short_description}} </a></h3>
                                                            </div>
                                                            
                                                            <div class="post--content">
                                                                
                                                                
                                                                <p> 
                                                                
                                                                ....                                                                 
                                                                <!--@if(!empty($worldone->content)) {{ substr(strip_tags($worldone->content),0,200)." ...."  }} @else substr(strip_tags($worldone->content),0,200)."...."; @endif -->
                                                                
                                                                <a href="{{$worldone->subcategory}}/{{$worldone->slug}}"> Continue Reading..</a> </p>
                                                            </div> 
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li> 
                                            @endforeach


                                            <li class="col-md-6">
                                                <ul class="nav row">
                                                    <li class="col-xs-12 hidden-md hidden-lg">
                                                        <!-- Divider Start -->
                                                        <hr class="divider">
                                                        <!-- Divider End -->
                                                    </li>
     
                                                         
                                                    @foreach($world as $world)
                                                    <li class="col-xs-6" style="margin-bottom:2px;">
                                                        <!-- Post Item Start -->
                                                        <div class="post--item post--layout-2">
                                                            <div class="post--img">
                                                                <a href="{{$world->subcategory}}/{{$world->slug}}" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$world->file}}" class="worldimg" alt=""></a>

                                                                <div class="post--info">
                                                                    <ul class="nav meta">
                                                                        <li  style="min-width:50%"><a>{{$world->author}}</a></li>
                                                                        <li><a>{{$world->addeddate}}</a></li>
                                                                    </ul>

                                                                    <div class="title">
                                                                        <h3 class="h4" style="font-size:11px;line-height: 22px;min-height:90px;"><a href="{{$world->subcategory}}/{{$world->slug}}" class="btn-link">  
                                                                         {{ $world->short_description }}
                                                                         <!--{{ substr(strip_tags($world->short_description),0,104).".."  }}  -->
                                                                         </a> 
                                                                         </h3>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- Post Item End -->
                                                    </li>
                                                    
                                                                                                
                                                    @if($count == "2")
                                                    
                                                    <li class="col-xs-12">
                                                        <!-- Divider Start -->
                                                        <hr class="divider">
                                                        <!-- Divider End -->
                                                    </li>
                                                    
                                                    @endif
                                                    
                                                    @endforeach
                                                    
                                                    <!--<li class="col-xs-12">-->
                                                        <!-- Divider Start -->
                                                    <!--    <hr class="divider">-->
                                                        <!-- Divider End -->
                                                    <!--</li>-->
                                                    
                                                </ul>
                                            </li>
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                <!-- Finance End -->

                                <!-- Politics Start -->
                                <div class="col-md-6 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4">Entertainment</h2>

                                        <div class="nav">
                                            <!--<a href="#" class="prev btn-link" data-ajax-action="load_prev_politics_posts">-->
                                            <!--    <i class="fa fa-long-arrow-left"></i>-->
                                            <!--</a>-->

                                            <!--<span class="divider">/</span>-->

                                            <!--<a href="#" class="next btn-link" data-ajax-action="load_next_politics_posts">-->
                                            <!--    <i class="fa fa-long-arrow-right"></i>-->
                                            <!--</a>-->
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($entertainmentone as $entertainmentone)
                                            <li class="col-xs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$entertainmentone->subcategory}}/{{$entertainmentone->slug}}" class="thumb"><img class="imgkeralafir" src="frontend/bannerimage/blog/updatedpics/home/{{$entertainmentone->file}}" alt=""></a>
                                                        <a class="cat"> {{$entertainmentone->subcategory}} </a> 

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a>{{$entertainmentone->author}}</a></li>
                                                                <li><a> {{$entertainmentone->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="font-size:11px;"><a href="{{$entertainmentone->subcategory}}/{{$entertainmentone->slug}}" class="btn-link"> {{$entertainmentone->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            <li class="col-xs-12">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                            
                                                                                        
                                            @foreach($entertainment as $entertainment)
                                            <li class="col-xs-6" style="padding-bottom:2px;">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-2">
                                                    <div class="post--img">
                                                        <a href="{{$entertainment->subcategory}}/{{$entertainment->slug}}" class="thumb"><img class="homeimgcatone" src="frontend/bannerimage/blog/updatedpics/home/{{$entertainment->file}}" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a>{{$entertainment->author}}</a></li>
                                                                <li><a>{{$entertainment->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="font-size: 11px;line-height: 22px;min-height:80px;"><a href="{{$entertainment->subcategory}}/{{$entertainment->slug}}" class="btn-link"> {{$entertainment->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li> 
                                            
                                                                                        
                                            @if($count == "2")
                                            
                                            <li class="col-xs-12">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                            
                                            @endif
                                            
                                            @endforeach
                                            
                                              
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                <!-- Politics End -->

                                <!-- Sports Start -->
                                <div class="col-md-6 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4">Sports</h2>

                                        <div class="nav">
                                            <!--<a href="#" class="prev btn-link" data-ajax-action="load_prev_sports_posts">-->
                                            <!--    <i class="fa fa-long-arrow-left"></i>-->
                                            <!--</a>-->

                                            <!--<span class="divider">/</span>-->

                                            <!--<a href="#" class="next btn-link" data-ajax-action="load_next_sports_posts">-->
                                            <!--    <i class="fa fa-long-arrow-right"></i>-->
                                            <!--</a>-->
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-3" data-ajax-content="outer">
                                        <ul class="nav" data-ajax-content="inner">
                                            
                                            @foreach($sportsone as $sportsone)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$sportsone->subcategory}}/{{$sportsone->slug}}" class="thumb"><img class="imgkeralafir" src="frontend/bannerimage/blog/updatedpics/home/{{$sportsone->file}}" alt=""></a>
                                                        <a href="#" class="cat">{{$sportsone->subcategory}}</a> 

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#">{{$sportsone->author}}</a></li>
                                                                <li><a href="#"> {{$sportsone->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="font-size:11px;"><a href="{{$sportsone->subcategory}}/{{$sportsone->slug}}" class="btn-link"> {{$sportsone->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            
                                            @foreach($sports as $sports)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-3">
                                                    <div class="post--img">
                                                        <a href="{{$sports->subcategory}}/{{$sports->slug}}" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$sports->file}}" style="height:80px;" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#">{{$sports->author}}</a></li>
                                                                <li><a href="#">{{$sports->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="font-size: 11px;line-height: 22px;"><a href="{{$sports->subcategory}}/{{$sports->slug}}" class="btn-link"> {{$sports->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>    
                                            @endforeach
                                            
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                <!-- Sports End -->
                            </div>
                        </div>
                    </div>
                    <!-- Main Content End -->

                    <!-- Main Sidebar Start -->
                    <div class="main--sidebar col-md-4 col-sm-5 ptop--30 pbottom--30" data-sticky-content="true">
                        <div class="sticky-content-inner">
                            <!-- Widget Start -->
                            <div class="widget">
                                <!-- Ad Widget Start -->
                                <div class="ad--widget">
                                    @if($advertisementone)
                                    @foreach($advertisementone as $advertisementone)
                                    <a>
                                        <img src="frontend/bannerimage/blog/updatedpics/home/{{$advertisementone->file}}" alt="">
                                    </a>
                                    @endforeach
                                    @endif
                                    
                                    @if($bannerone)
                                    @foreach($bannerone as $b_one)
                                    <a>
                                        <span>{!!$b_one->html_banner!!}</span>
                                    </a>
                                    @endforeach
                                    @endif
                                </div>
                                <!-- Ad Widget End -->
                            </div>
                            <!-- Widget End -->
 
                            <!-- Widget Start -->
                            <div class="widget">
                                <div class="widget--title">
                                    <h2 class="h4">Get Newsletter</h2>
                                    <i class="icon fa fa-envelope-open-o"></i>
                                </div>

                                <!-- Subscribe Widget Start -->
                                <div class="subscribe--widget">
                                    <div class="content">
                                        <p>Subscribe to our newsletter to get  latest news, popular news and exclusive updates.</p>
                                    </div>

                                    <form action="{{url('subscribe')}}" method="post">
                                         @csrf
                                        <div class="input-group">
                                            <input type="email" name="email" placeholder="E-mail address" class="form-control" autocomplete="off" required>

                                            <div class="input-group-btn">
                                                <button type="submit" class="btn btn-lg btn-default active"><i class="fa fa-paper-plane-o"></i></button>
                                            </div>
                                        </div>

                                        <div class="status"></div>
                                    </form>
                                    
                                </div>
                                <!-- Subscribe Widget End -->
                            </div>
                            <!-- Widget End -->
 
                            <!-- Widget Start -->
                            <div class="widget">
                                <div class="widget--title">
                                    <h2 class="h4">Advertisement</h2>
                                    <i class="icon fa fa-bullhorn"></i>
                                </div>

                                <!-- Ad Widget Start -->
                                <div class="ad--widget">
                                    @if($advertisementtwo)
                                    @foreach($advertisementtwo as $advertisementtwo)
                                    <a>
                                        <img src="frontend/bannerimage/blog/updatedpics/home/{{$advertisementtwo->file}}" alt="">
                                    </a>
                                    @endforeach
                                    @endif
                                    
                                    @if($bannertwo)
                                    @foreach($bannertwo as $b_two)
                                    <a>
                                        <span>{!!$b_two->html_banner!!}</span>
                                    </a>
                                    @endforeach
                                    @endif
                                </div>
                                <!-- Ad Widget End -->
                            </div>
                            <!-- Widget End -->
                        </div>
                    </div>
                    <!-- Main Sidebar End -->
                </div>

 
                <!-- Main Content Start -->
                <!--<div class="main--content pd--30-0">-->
                    <!-- Post Items Title Start -->
                <!--    <div class="post--items-title" data-ajax="tab">-->
                <!--        <h2 class="h4">Audio &amp; Videos</h2>-->

                <!--        <div class="nav">-->
                             
                <!--        </div>-->
                <!--    </div>-->
                    <!-- Post Items Title End -->

                    <!-- Post Items Start -->
                <!--    <div class="post--items post--items-4" data-ajax-content="outer">-->
                <!--        <ul class="nav row" data-ajax-content="inner">-->
                            
                <!--            @foreach($videoone as $videoone)-->
                <!--            <li class="col-md-8">-->
                                <!-- Post Item Start -->
                <!--                <div class="post--item post--layout-1 post--type-video post--title-large">-->
                <!--                    <div class="post--img">-->
                <!--                        <a href="https://www.youtube.com/embed/{{$videoone->file}}">-->
                <!--                          <iframe width="100%" height="395px" src="https://www.youtube.com/embed/{{$videoone->file}}?autoplay=1&mute=1&rel=0" title="YouTube video player" autoplay="autoplay" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
                <!--                        </a>-->
                                        
                <!--                        <div class="post--info">-->
                                            <!--<ul class="nav meta">-->
                                            <!--    <li><a href="#">Succubus</a></li>-->
                                            <!--    <li><a href="#">Today 03:52 pm</a></li>-->
                                            <!--</ul>-->

                <!--                        </div>-->
                <!--                    </div>-->
                <!--                </div> -->
                <!--                <hr class="divider hidden-md hidden-lg"> -->
                <!--            </li>-->
                <!--            @endforeach-->

                <!--            <li class="col-md-4">-->
                <!--                <ul class="nav">-->
                                    
                <!--                    @foreach($video as $video)-->
                <!--                    <li>-->
                                        <!-- Post Item Start -->
                <!--                        <div class="post--item post--type-audio post--layout-3">-->
                <!--                            <div class="post--img">-->
                                                <!--<a href="news-single-v1.html" ><img src="img/home-img/audio-video-02.jpg" alt=""></a>-->

                <!--                                <a class="thumb" href="https://www.youtube.com/embed/{{$video->file}}">-->
                <!--                                  <iframe style="width:100%;height:70px;" src="https://www.youtube.com/embed/{{$video->file}}?autoplay=1&mute=1&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
                <!--                                </a>            -->

                <!--                                <div class="post--info">-->
                <!--                                    <ul class="nav meta">-->
                <!--                                        <li><a href="#"> {{$video->author}} </a></li>-->
                <!--                                        <li><a href="#"> {{$video->addeddate}} </a></li>-->
                <!--                                    </ul>-->

                <!--                                    <div class="title">-->
                <!--                                        <h3 class="h4"><a href="{{$video->subcategory}}/{{$video->slug}}" class="btn-link"> {!! $video->short_description !!} </a></h3>-->
                <!--                                    </div>-->
                <!--                                </div>-->
                <!--                            </div>-->
                <!--                        </div>-->
                                        <!-- Post Item End -->
                <!--                    </li>-->
                <!--                    @endforeach-->
                                       
                <!--                </ul>-->
                <!--            </li>-->
                <!--        </ul>-->

                        <!-- Preloader Start -->
                <!--        <div class="preloader bg--color-0--b" data-preloader="1">-->
                <!--            <div class="preloader--inner"></div>-->
                <!--        </div>-->
                        <!-- Preloader End -->
                <!--    </div>-->
                    <!-- Post Items End -->
                <!--</div>-->
                <!-- Main Content End -->
                 
                    
                <!-- Advertisement Start -->
                <div class="ad--space pd--30-0">
                    @if($advertisementfour)
                    @foreach($advertisementfour as $advertisementfour)
                    <a>
                        <img src="frontend/bannerimage/blog/updatedpics/home/{{$advertisementfour->file}}" alt="" class="center-block">
                    </a>
                    @endforeach
                    @endif
                    
                    @if($bannerfour)
                    @foreach($bannerfour as $b_four)
                    <a>
                        <span>{!!$b_four->html_banner!!}</span>
                    </a>
                    @endforeach
                    @endif
                </div>
                <!-- Advertisement End -->

                <div class="row">
                    <!-- Main Content Start -->
                    <div class="main--content col-md-8 col-sm-7" data-sticky-content="true">
                        <div class="sticky-content-inner">
                            <div class="row">
                                <!-- Health and fitness Start -->
                                 
                                <div class="col-md-6 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> Business </h2>

                                        <div class="nav">
                                           
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-3" data-ajax-content="outer">
                                        <ul class="nav" data-ajax-content="inner">
                                            
                                            @foreach($businessone as $businessone)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$businessone->subcategory}}/{{$businessone->slug}}" class="thumb"><img class="imgkeralafir" src="frontend/bannerimage/blog/updatedpics/home/{{$businessone->file}}" alt=""></a>
                                                        <a class="cat"> {{$businessone->subcategory}} </a> 

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a >{{$businessone->author}}</a></li>
                                                                <li><a >{{$businessone->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$businessone->subcategory}}/{{$businessone->slug}}" class="btn-link"> {{$businessone->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            
                                            @foreach($business as $business)
                                            <li>
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-3">
                                                    <div class="post--img">
                                                        <a href="{{$business->subcategory}}/{{$business->slug}}" class="thumb"><img style="height:80px;" src="frontend/bannerimage/blog/updatedpics/home/{{$business->file}}" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a>{{$business->author}}</a></li>
                                                                <li><a>{{$business->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="font-size:11px;line-height: 21px;"><a href="{{$business->subcategory}}/{{$business->slug}}" class="btn-link">{{$business->short_description}}</a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div> 
                                 

                                <!-- Lifestyle Start -->
                                <div class="col-md-6 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4">Lifestyle</h2>

                                        <div class="nav">
                                            
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-2" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($lifeone as $lifeone)
                                            <li class="col-xs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$lifeone->subcategory}}/{{$lifeone->slug}}" class="thumb"><img class="imgkeralafir" src="frontend/bannerimage/blog/updatedpics/home/{{$lifeone->file}}" alt=""></a>
                                                        <a class="cat">{{$lifeone->subcategory}}</a> 

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a>{{$lifeone->author}}</a></li>
                                                                <li><a>{{$lifeone->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$lifeone->subcategory}}/{{$lifeone->slug}}" class="btn-link">{{$lifeone->short_description}}</a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            <li class="col-xs-12">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                            
                                                                                        
                                            @foreach($life as $life)
                                            <li class="col-xs-6" style="padding-bottom:2px;">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-2">
                                                    <div class="post--img">
                                                        <a href="{{$life->subcategory}}/{{$life->slug}}" class="thumb"><img style="height: 116px;" src="frontend/bannerimage/blog/updatedpics/home/{{$life->file}}" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#"> {{$life->author}} </a></li>
                                                                <li><a href="#"> {{$life->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="font-size: 11px;line-height: 22px;min-height:80px;"><a href="{{$life->subcategory}}/{{$life->slug}}" class="btn-link"> {{$life->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>    
                                            
                                                                                        
                                            @if($count == "2")
                                            
                                            <li class="col-xs-12">
                                                <!-- Divider Start -->
                                                <hr class="divider">
                                                <!-- Divider End -->
                                            </li>
                                            
                                            @endif
                                            
                                            @endforeach
                                            
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                <!-- Lifestyle End -->
 
                                <!-- Foods and Recipes Start -->
                                <div class="col-md-12 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4">Foods &amp; Recipes</h2>

                                        <div class="nav">
                                            
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($food as $food)
                                            <li class="col-md-4 hidden-sm hidden-xs">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$food->subcategory}}/{{$food->slug}}" class="thumb"><img style="height:180px;" src="frontend/bannerimage/blog/updatedpics/home/{{$food->file}}" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#">{{$food->author}}</a></li>
                                                                <li><a href="#">{{$food->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$food->subcategory}}/{{$food->slug}}" class="btn-link"> {{$food->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                <!-- Foods and Recipes End -->
                                 

                                <!-- Photo Gallery Start -->
                                <div class="col-md-12 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> Health &amp; Fitness</h2>

                                        <div class="nav">
                                            <!--<a href="#" class="prev btn-link" data-ajax-action="load_prev_photo_gallery_posts">-->
                                            <!--    <i class="fa fa-long-arrow-left"></i>-->
                                            <!--</a>-->

                                            <!--<span class="divider">/</span>-->

                                            <!--<a href="#" class="next btn-link" data-ajax-action="load_next_photo_gallery_posts">-->
                                            <!--    <i class="fa fa-long-arrow-right"></i>-->
                                            <!--</a>-->
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-1" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($healthone as $healthone)
                                            <li class="col-md-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1 post--title-large">
                                                    <div class="post--img">
                                                        <a href="{{$healthone->subcategory}}/{{$healthone->slug}}" class="thumb"><img src="frontend/bannerimage/blog/updatedpics/home/{{$healthone->file}}" style="height:292px;" alt=""></a>
                                                        <a href="#" class="cat">{{$healthone->subcategory}}</a> 

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#"> {{$healthone->author}} </a></li>
                                                                <li><a href="#"> {{$healthone->addeddate}} </a></li>
                                                            </ul>

                                                            <div class="title text-xxs-ellipsis">
                                                                <h2 class="h4"><a href="{{$healthone->subcategory}}/{{$healthone->slug}}" class="btn-link"> {{$healthone->short_description}} </a></h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                            @foreach($health as $health)
                                            <li class="col-md-4 col-xs-6 col-xxs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$health->subcategory}}/{{$health->slug}}" class="thumb"><img style="height:194px;" src="frontend/bannerimage/blog/updatedpics/home/{{$health->file}}" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#">{{$health->author}}</a></li>
                                                                <li><a href="#">{{$health->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h2 class="h4"><a href="{{$health->subcategory}}/{{$health->slug}}" class="btn-link"> {{$health->short_description}} </a></h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li> 
                                            @endforeach
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                
                                <div class="col-md-12 ptop--30 pbottom--30">
                                    <!-- Post Items Title Start -->
                                    <div class="post--items-title" data-ajax="tab">
                                        <h2 class="h4"> Science &amp; Tech </h2>

                                        <div class="nav">
                                            <!--<a href="#" class="prev btn-link" data-ajax-action="load_prev_food_resturent_posts">-->
                                            <!--    <i class="fa fa-long-arrow-left"></i>-->
                                            <!--</a>-->

                                            <!--<span class="divider">/</span>-->

                                            <!--<a href="#" class="next btn-link" data-ajax-action="load_next_food_resturent_posts">-->
                                            <!--    <i class="fa fa-long-arrow-right"></i>-->
                                            <!--</a>-->
                                        </div>
                                    </div>
                                    <!-- Post Items Title End -->

                                    <!-- Post Items Start -->
                                    <div class="post--items" data-ajax-content="outer">
                                        <ul class="nav row gutter--15" data-ajax-content="inner">
                                            
                                            @foreach($tech as $tech)
                                            <li class="col-md-4 col-xs-6 col-xxs-12">
                                                <!-- Post Item Start -->
                                                <div class="post--item post--layout-1">
                                                    <div class="post--img">
                                                        <a href="{{$tech->subcategory}}/{{$tech->slug}}" class="thumb"><img style="height:180px;" src="frontend/bannerimage/blog/updatedpics/home/{{$tech->file}}" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a href="#">{{$tech->author}}</a></li>
                                                                <li><a href="#">{{$tech->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4"><a href="{{$tech->subcategory}}/{{$tech->slug}}" class="btn-link"> {{$tech->short_description}} </a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Post Item End -->
                                            </li>
                                            @endforeach
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                
                                <!-- Photo Gallery End -->
                            </div>
                        </div>
                    </div>
                    <!-- Main Content End -->

                    <!-- Main Sidebar Start -->
                    <div class="main--sidebar col-md-4 col-sm-5 ptop--30 pbottom--30" data-sticky-content="true">
                        <div class="sticky-content-inner">
                           
                            <div class="widget">
                                <!-- Ad Widget Start -->
                                <div class="ad--widget">
                                    <div class="row">
                                        @if($advertisementsix)
                                        @foreach($advertisementsix as $advertisementsix)
                                        <div class="col-sm-6">
                                            <a href="#">
                                                <img src="frontend/bannerimage/blog/updatedpics/home/{{$advertisementsix->file}}" alt="">
                                            </a>
                                        </div>
                                        @endforeach
                                        @endif
                                        
                                        @if($bannersix)
                                        @foreach($bannersix as $b_six)
                                        <div class="col-sm-6">
                                            <a href="#">
                                                <span>{!!$b_six->html_banner!!}</span>
                                            </a>
                                        </div>
                                        @endforeach
                                        @endif
                                    </div>
                                </div>
                                <!-- Ad Widget End -->
                            </div>
                            <!-- Widget End -->
 
                            
                            <div class="widget">
                                <div class="widget--title">
                                    <h2 class="h4">Stay Connected</h2>
                                    <i class="icon fa fa-share-alt"></i>
                                </div>

                                <!-- Social Widget Start -->
                                <div class="social--widget style--4">
                                    <ul class="nav">
                                        <li><a href="https://www.facebook.com/metrokerala/?ref=pages_you_manage" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li> 
                                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 
                                        <li><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                                    </ul>
                                </div>
                                <!-- Social Widget End -->
                            </div>
                            
 
                            <!-- Widget Start -->
                            <div class="widget">
                                <div class="widget--title" data-ajax="tab">
                                    <h2 class="h4"> Previous Articles </h2>

                                    <div class="nav">
                                         
                                    </div>
                                </div>

                                <!-- List Widgets Start -->
                                <div class="list--widget list--widget-1" data-ajax-content="outer">
                                    <!-- Post Items Start -->
                                    <div class="post--items post--items-3">
                                        <ul class="nav" data-ajax-content="inner">
                                       
                                            @foreach($editorschoice as $editorschoice)
                                            <li> 
                                                <div class="post--item post--layout-3">
                                                    <div class="post--img">
                                                        <a href="{{$editorschoice->subcategory}}/{{$editorschoice->slug}}" class="thumb"><img style="height:80px;" src="frontend/bannerimage/blog/updatedpics/home/{{$editorschoice->file}}" alt=""></a>

                                                        <div class="post--info">
                                                            <ul class="nav meta">
                                                                <li><a>{{$editorschoice->author}}</a></li>
                                                                <li><a>{{$editorschoice->addeddate}}</a></li>
                                                            </ul>

                                                            <div class="title">
                                                                <h3 class="h4" style="line-height: 18px;"><a href="{{$editorschoice->subcategory}}/{{$editorschoice->slug}}" class="btn-link" style="font-size: 12px;">{{$editorschoice->short_description}}</a></h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div> 
                                            </li>
                                            @endforeach
                                            
                                        </ul>

                                        <!-- Preloader Start -->
                                        <div class="preloader bg--color-0--b" data-preloader="1">
                                            <div class="preloader--inner"></div>
                                        </div>
                                        <!-- Preloader End -->
                                    </div>
                                    <!-- Post Items End -->
                                </div>
                                <!-- List Widgets End -->
                            </div>
                            <!-- Widget End -->
                        </div>
                    </div>
                    <!-- Main Sidebar End -->
                </div>
            </div>
        </div>
                             
                                
                                
        
@endsection