<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" lang="id">

<head>
    <base href="<?php echo base_url(); ?>"/>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="">
    <meta name="keywords" content="<?php echo $title; ?> - <?php echo $profil['nama']; ?>"/>
    
    <link rel="icon" type="image/ico" sizes="32x32" href="assets/admin/img/<?php echo $profil['favicon']; ?>">

    <title><?php echo $title; ?> - <?php echo $profil['nama']; ?></title>

    <!-- Bootstrap core CSS -->

    <link href="assets/home/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/home/css/engine.css" rel="stylesheet">

    <!-- CSS OWL -->
    <link rel="stylesheet" href="assets/home/css/owl/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/home/css/owl/owl.theme.default.min.css">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="assets/home/fontawesome/css/all.css">

    <!-- Css Global Benihbaik -->
    <link href="assets/home/css/cssGlobalBenihBaik/newBenihbaike5bf.css?v=12" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap" rel="stylesheet">

    <!-- Css Global Benihbaik ScrollBarApple -->
    <link href="assets/home/css/cssGlobalBenihBaik/scrollBarApple7b30.css?v=4" rel="stylesheet"> 

    <!-- DatePicker Benihbaik -->
     <link href="assets/home/unpkg.com/gijgo%401.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
     <!-- <link href="https://m.benihbaik.com/css/gijgo.min.css" rel="stylesheet" type="text/css" /> -->

    <!-- Dropify -->
    <link rel="stylesheet" href="assets/home/plugin/dropify/dist/css/dropify.min.css">
    <!-- End Dropify -->
    <style>
        *{
            letter-spacing: 0px !important; 
        }
        .font_benihbaik_content {
            margin-bottom: 10px !important;
        }

        /* body{
            background-color: #ffffff !important;
        } */

        .judul{
            font-family: 'montserrat-bold' !important;
        }

        .subjudul{
            font-family: 'montserrat-regular' !important;
        }

        footer{
            background-color: #ffffff !important;
        }
        .card2 {
            border: 0px solid
            rgba(0,0,0,.125) !important;
            box-shadow: 0 0px 0px
            rgba(0,0,0,0.16), 0 0px 0px
            rgba(0,0,0,0.23);
        }

        a{
            color: #007bff;
        }

        .title-rowcut {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .title{
            color:#ffffff;
        }

        .btn-fb {
            color: #fff;
            background-color: #3b5998 !important;
        }

        .btn-li {
            color: #fff;
            background-color: #0082ca !important;
        }

        .btn-tw {
            color: #fff;
            background-color: #55acee !important;
        }

        /* .btn-ins {
            color: #fff;
            background-color: #2e5e86 !important;
        } */
    </style>
</head>

<body class="wrap-all-content">
    <!-- Main -->
    <main role="main" class="container with-navbar" style="padding:0px 0px 0px 0px; max-width: 480px !important;">
        <!-- Content -->
            <!-- BenihBaik Detail --> 

    <nav class="container navbar fixed-top navbar-default p-0 title" style="max-width: 480px;background-image: linear-gradient(rgb(0 0 0 / 42%) 2.94%, rgb(18 17 17 / 0%));">
        <div style="max-width: 480px !important; margin: 0px 30px;height: 100%;width: 100%; display: flex; align-items: center;">
            <span class="navbar-text title-navbar">
                <a href="javascript:history.go(-1)" class="navbar-text mr-2">
                    <i class="fa fa-arrow-left ozan title"></i>
                </a>
                <span class="pl-1"><b><?php echo $title; ?></b></span>
            </span>
        </div>
    </nav>

    <div class="container-fluid pl-0 pr-0"> 
        <div class="card card2" style="border-radius: 0px">
            <img class="card-img-top" src="assets/home/img/<?php echo $blogid['post_foto']; ?>" style="border-radius: 0px" alt="<?php echo $blogid['post_judul']; ?>">
            <div class="card-header" style="background-color: #ffffff;border-bottom: 1px solid rgba(0,0,0,.125);">
                <small class="font_benihbaik_content"><?php echo date('d F Y', strtotime($blogid['post_tgl'])); ?></small>
                <h1 class="judul" style="font-size: 25px;padding-top:30px;padding-bottom:30px;">
                    <b><?php echo $blogid['post_judul']; ?></b>  
                </h1>
                <div class="subjudul"> 
                    <p dir="ltr" style="text-align: justify;"><?php echo $blogid['post_isi']; ?></p>
                </div>
            </div>
        </div>
        
        <div class="card-header">
		    <h6 class="box-title">Ikuti perkembangan terbaru melalui sosial media kami</h6>

            
            
            <div class="text-center" style="padding-bottom:10px;">
                <div class="row">
                    <div class="col-1-5 p-1">
                        <a href="#"
                            target="_blank">
                            <img loading="lazy" class="img-fluid img-responsive mb-2" src="assets/home/img/home/icon-whatsapp.svg"
                                style="width:60%;" alt="icon-whatsapp">
                            <span class="text-center card-title font_benihbaik_judul text_bb_sosial_media"
                                style="color:#828282;font-family: montserrat-regular !important;"><br>Whatsapp</span>
                        </a>
                    </div>
                    <div class="col-1-5 p-1">
                        <a href="#" target="_blank">
                            <img loading="lazy" class="img-fluid img-responsive mb-2" src="assets/home/img/home/icon-twitter.svg"
                                style="width:60%;" alt="icon-twitter">
                            <span class="text-center card-title font_benihbaik_judul text_bb_sosial_media"
                                style="color:#828282;font-family: montserrat-regular !important;"><br>Twitter</span>
                        </a>
                    </div>
                    <div class="col-1-5 p-1">
                        <a href="#" target="_blank">
                            <img loading="lazy" class="img-fluid img-responsive mb-2" src="assets/home/img/home/icon-instagram.png"
                                style="width:60%;" alt="icon-instagram">
                            <span class="text-center card-title font_benihbaik_judul text_bb_sosial_media"
                                style="color:#828282;font-family: montserrat-regular !important;"><br>Instagram</span>
                        </a>
                    </div>
                    <div class="col-1-5 p-1">
                        <a href="#" target="_blank">
                            <img loading="lazy" class="img-fluid img-responsive mb-2" src="assets/home/img/home/icon-facebook.svg"
                                style="width:60%;" alt="icon-facebook">
                            <span class="text-center card-title font_benihbaik_judul text_bb_sosial_media"
                                style="color:#828282;font-family: montserrat-regular !important;"><br>Facebook</span>
                        </a>
                    </div>
                    <div class="col-1-5 p-1">
                        <a href="#" target="_blank">
                            <img loading="lazy" class="img-fluid img-responsive mb-2" src="assets/home/img/home/icon-linkedin.svg"
                                style="width:60%;" alt="icon-linkedin">
                            <span class="text-center card-title font_benihbaik_judul text_bb_sosial_media"
                                style="color:#828282;font-family: montserrat-regular !important;"><br>Linkedin</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </div>
        <!-- Content -->
    </main>
    <!-- Main -->  

    <!-- Bootstrap core JavaScript ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="assets/home/js/jquery-3.2.1.min.js"></script>

    <script src="assets/home/js/vendor/jquery.priceformat.js"></script>

    <script src="assets/home/js/vendor/popper.min.js"></script>
    <script src="assets/home/js/dist/bootstrap.min.js"></script>
    <!-- <script src="jquery.min.js"></script> -->
    <script src="assets/home/js/dist/owl/owl.carousel.min.js"></script>

    <!-- DatePicker Benihbaik -->
    <script src="assets/home/js/gijgo.min.js" type="text/javascript"></script>

    <!-- Dropify -->
    <script src="assets/home/plugin/dropify/dist/js/dropify.min.js"></script>
    <!-- End Dropify -->
<script src="assets/home/plugin/allert.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
<script type="text/javascript">
// $(window).on("load",function() {
//     // Animate loader off screen
//     $(".se-pre-con").fadeOut("slow");
// });
function sharePopUp(link){
// console.log(link)  
    $.ajax({
            type : 'get',
            url : '/popupshare/'+ link, //Here you will fetch records
            //data :  'rowid='+ rowid, //Pass $id
            success : function(data){
            $('.data').html(data);//Show fetched data from database
            }
        });
    $('#custId').modal('show');
}

function Like(x,link) {

    url="../../BookMark.html"
    $.ajax({
        type : 'get',
        url : url +'/'+ link, //Here you will fetch records
        //data :  'rowid='+ rowid, //Pass $id
        success : function(data){

            var obj = JSON.parse(data);

            if(obj.kode==400){
                window.location = obj.url;
            }else{
                if(obj.kode==300){
                    x.style.color ='#CBCBCB';
                    x.className  ='far fa-bookmark';
                }else if(obj.kode==200){
                    x.style.color ='red';
                    x.className  ='fas fa-bookmark';
                }
            }
        }
    });
}




</script>


<script type="text/javascript">
    function CopyLink(link) {
        var copyText2 = document.getElementById("no_rek");

        var textArea2 = document.createElement("textarea");
        textArea2.value = link;
        document.body.appendChild(textArea2);
        textArea2.select();
        document.execCommand("Copy");
        // alert("Copied the text: " + textArea2.value);
        swal.fire({title:"Link Berhasil Disalin", text: false, icon:"success", showCancelButton: false, showConfirmButton: true,timer: 1500});
        textArea2.remove();

    }
</script> 
<script src="assets/home/js/html5shiv.js"></script>
<script src="assets/home/js/respond.min.js"></script>
<script type="text/javascript" src="assets/home/assets/js/gtm-essentialae52.js?v=5"></script>

<script>
    $('.back').click(function (e) {
        e.preventDefault();

        var fallbackUrl = '../../index.html';
        var prevPage    = window.location.href;

        window.history.go(-1);

        setTimeout(function(){
            if (window.location.href == prevPage) {
                window.location.href = fallbackUrl;
            }
        }, 500);
    });
</script>



        <script>
        $(window).scroll(function() {
            ($(this).scrollTop() > 10) ? $('.navbar').addClass('benihbaik_solid') : $('.navbar').removeClass('benihbaik_solid');
        });

        $(window).scroll(function() {
           
           ($(this).scrollTop() > 10) ? $('.ozan').addClass('arrow_solid') : $('.ozan').removeClass('arrow_solid');
       });

        $(document).ready(function(){

            

        });
    </script>
</body>
</html>