@extends('layouts.front')

@yield('meta_info')
	<title>আমাদের দিন | সত্য প্রকাশে সাহসী</title>
    <meta name="title" content="আমাদের দিন | সত্য প্রকাশে সাহসী"/>
    <meta name="keywords" content=""/>
    <meta name="description" content="">
    <meta name="classification" content="Newspaper, Artical, Bangladeshi News Portal"/>
    <meta property="og:title" content="আমাদের দিন | সত্য প্রকাশে সাহসী"/>
    <meta property="og:description" content="Popular Bangla Online News Paper in North Bengal. Sports, Student Politics, Entertainment, International, Politics, Life Style, Feature">
    <meta property="og:image" content="https://www.amader-din.com/photos/amader-din-fb.jpg"/>
    <meta property="og:url" content="https://www.amader-din.com/"/>


@section('extra_css')
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.green.css"/>
    <link rel="stylesheet" href="{{ asset('assets/vendors/PgwSlideshow/pgwslideshow.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/vendors/owl-carousel/assets/owl.carousel.css') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.8.0/jquery.modal.css">
    <style>
        .owl-nav {
            position: relative;
            bottom: 150px;
        }

        .owl-prev {
            float: left;
            margin-left: -15px;
        }

        .owl-next {
            float: right;
            margin-right: -15px;
        }
    </style>
@endsection

@section('extra_js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

    <script>
        $(document).ready(function () {
            $(".owl-carousel").owlCarousel({
                loop: true,
                center: true,
                items: 1,
                margin: 30,
                autoplay: true,
                dots: true,
                nav: true,
                autoplayTimeout: 8500,
                smartSpeed: 450,
                navText: ['<i class="glyphicon glyphicon-arrow-left"></i>', '<i class="glyphicon glyphicon-arrow-right"></i>'],
                responsive: {
                    0: {
                        items: 1
                    },
                    768: {
                        items: 1
                    },
                    1170: {
                        items: 1
                    }
                }
            });
        });
    </script>
@endsection

@section('main_content')
    <div class="block_lead_top">
        <div class="section">
            <div class="container">
                <div class="google-ads-banner" align="center">
                    
                </div>
                <div class="row">
                    <div class="col-md-9">
                        <div class="row">
                            <div class="col-md-7">