@extends('layouts.front')
<title>@yield('page_title') {{ $settings->site_title }}</title>
@section('meta_info')
    <meta name="keywords" content="Daily Mail, National, International, Politics, Education, Media, Law, Life Style"/>
    <meta name="description"
          content="Popular Online News Paper in Bangladesh. National, International, Politics, Education, Media, Law, Life Style">
    <meta name="robots" content="ALL"/>
    <meta name="robots" content="index, follow"/>
    <meta name="googlebot" content="index, follow"/>
    <meta name="distribution" content="Global"/>
    <meta name="rating" content="General"/>
    <meta name="classification" content="Newspaper, Artical, Bangladeshi Portal"/>
    <meta property="og:title" content="Daily Mail | Popular Online News Paper in Bangladesh"/>
    <meta property="og:description"
          content="Popular Online News Paper in Bangladesh. National, International, Politics, Education, Media, Law, Life Style">
    <meta property="og:url" content="https://dailymailbd.com/"/>
    <meta property="og:image" content="https://dailymailbd.com/img/dm_logo_fb.jpg"/>
    <meta property="og:image:alt" content="ডেইলি মেইল"/>
    <meta property="og:site_name" content="ডেইলি মেইল"/>
    <meta property="fb:app_id" content=""/>
    <meta property="fb:pages" content=""/>
    <meta property="og:type" content="website"/>
@endsection


@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"/>
    <style>
        .owl-nav {
            position: absolute;
            top: -73px;
            right: 0;
        }

        .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 () {

            $(".video-carousel").owlCarousel({
                loop: true,
                margin: 10,
                dots: false,
                nav: true,
                responsive: {
                    0: {
                        items: 1
                    },
                    600: {
                        items: 3
                    },
                    1000: {
                        items: 5
                    }
                }
            });


            $(".photo-carousel").owlCarousel({
                loop: true,
                center: true,
                margin: 30,
                autoplay: true,
                dots: false,
                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>

    <script>
        function openPage(pageName, elmnt, color) {
            var i, tabcontent, tablinks;
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }
            tablinks = document.getElementsByClassName("tablink");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].style.backgroundColor = "";
            }
            document.getElementById(pageName).style.display = "block";
            elmnt.style.backgroundColor = color;
        }

        // Get the element with id="defaultOpen" and click on it
        document.getElementById("defaultOpen").click();
    </script>
@endsection

@section('main_content')

    <div class="top_ads_home">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="ads_1by4 hidden-xs hidden-sm" align="center"><!-- Square -->