<!-- Section -->
<section class="page-section">
    <div class="container relative">

        <div class="row">

            <!-- Content -->
            <div class="col-sm-8">
                <!-- Post -->
                <div class="blog-item mb-80 mb-xs-40">

                    <!-- Text -->
                    <div class="blog-item-body">

                        <h1 class="mt-0 font-alt"><?= $title ?></h1>

                        <!-- End Text -->   

                        <!-- Media Gallery -->
                        <div class="blog-media mt-40 mb-40 mb-xs-30">
                            <ul class="clearlist content-slider">
                                <li>
                                    <img src="<?= base_url() ?>assets/article/<?= $picture ?>" alt="" />
                                </li>

                            </ul>
                        </div>

                        <br/>
                        <?= $content ?>


                    </div>
                    <!-- End Text -->

                </div>
                <!-- End Post -->
                <script>
                    jQuery(document).ready(function($) {
                        $('.popup').click(function(event) {
                            var width = 575,
                                    height = 400,
                                    left = ($(window).width() - width) / 2,
                                    top = ($(window).height() - height) / 2,
                                    url = this.href,
                                    opts = 'status=1' +
                                    ',width=' + width +
                                    ',height=' + height +
                                    ',top=' + top +
                                    ',left=' + left;

                            window.open(url, 'twitter', opts);

                            return false;
                        });
                    });
                </script>
                <style>
                    .facebook,.twitter { margin-left:3px !important;}
                    .facebook, .twitter, .google, .linkedin, .pinterest {
                        float:left;
                        position:relative;
                        margin-left:5px;
                    }
                    
                    .social-share {
                        width:190px;
                        margin:5px 30px 10px 318px;
                    }
                </style>
                <div>
                    <center>
                        <p>Share Artikel Ini :</p>
                    </center>
                    <?php
                    
                    $summary = $title;
                    $image = base_url()."assets/article/".$picture;
                    $url = base_url()."news/read/".$id."/".$title;
                    ?>
                    <div class="">
                        <div style="clear:both;"></div>
                        <div class="social-share">
                            <div class="facebook">
                                <a id="button" onClick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[title]=<?php echo $title; ?>&amp;p[summary]=<?php echo $summary; ?>&amp;p[url]=<?php echo $url; ?>&amp;&p[images][0]=<?php echo $image; ?>', 'sharer', 'toolbar=0,status=0,width=550,height=400');" target="_parent" href="javascript: void(0)">
                                    <img src="<?= base_url() ?>assets/images/f.png" />
                                </a> 
                            </div>
                            <div class="twitter">
                                <a class="twitter popup" href="http://twitter.com/share?source=sharethiscom&text=<?php echo $title; ?>&url=<?php echo $url; ?>&via=berbagiyuks"><img src="<?= base_url() ?>assets/images/tw.png" /></a>
                            </div>
                            <div class="google">
                                <a href="javascript:void(0);" onclick="popUp = window.open('https://plus.google.com/share?url=<?php echo $url; ?> ', 'popupwindow', 'scrollbars=yes,width=800,height=400');
                                        popUp.focus();
                                        return false">
                                        <img src="<?= base_url() ?>assets/images/g.png" />
                                </a>
                            </div>
                            
                        </div>
                    </div>
                </div>



            </div>
            <!-- End Content -->


            <!-- Sidebar -->
            <div class="col-sm-4 col-md-3 col-md-offset-1 sidebar">


                <!-- Widget -->
                <div class="widget">

                    <h5 class="widget-title font-alt">Shop Categories</h5>

                    <div class="widget-body">
                        <ul class="clearlist widget-menu">
                            <li>
                                <a href="<?= base_url() ?>toko/kategori/Tinta.html?id=1" title="">Tinta</a>
                            </li>
                            <li>
                                <a href="<?= base_url() ?>toko/kategori/Toner.html?id=2" title="">Toner</a>

                            </li>
                            <li>
                                <a href="<?= base_url() ?>toko/kategori/Compatible.html?id=3" title="">Compatible</a>

                            </li>
                            <li>
                                <a href="<?= base_url() ?>toko/kategori/Ciss.html?id=4" title="">Ciss</a>

                            </li>
                            <li>
                                <a href="<?= base_url() ?>toko/kategori/Photo-paper.html?id=5" title="">Photo Paper</a>
                            </li>
                        </ul>
                    </div>

                </div>
                <!-- End Widget -->



                <!-- Widget -->
                <div class="widget">

                    <h5 class="widget-title font-alt">Facebook</h5>
                    <div class="widget-body">
                        <div id="fb-root"></div>
                        <script>(function(d, s, id) {
                                var js, fjs = d.getElementsByTagName(s)[0];
                                if (d.getElementById(id))
                                    return;
                                js = d.createElement(s);
                                js.id = id;
                                js.src = "https://connect.facebook.net/en_US/all.js#xfbml=1";
                                fjs.parentNode.insertBefore(js, fjs);
                            }(document, 'script', 'facebook-jssdk'));</script>
                        <div class="fb-like-box" data-href="https://www.facebook.com/AmazinkPrint" data-width="240" data-connections="12" data-height="255" data-show-faces="true" data-stream="false" data-header="false" data-border-color="#fff"></div>
                    </div>


                </div>
                <!-- End Widget -->

                <!-- Widget -->
                <div class="widget">

                    <h5 class="widget-title font-alt">Twitter Amazinkprint</h5>

                    <div class="widget-body">
                        <a class="twitter-timeline" data-height="500" href="https://twitter.com/amazinkprint">
                            Tweets by TwitterDev</a> 
                        <script async src="//platform.twitter.com/widgets.js" charset="utf-8">
                        </script>
                    </div>

                </div>
                <!-- End Widget -->

                <!-- Widget -->
                <div class="widget">

                    <h5 class="widget-title font-alt">Reseller Amazink</h5>

                    <div class="widget-body">
                        <div class="widget-text clearfix">

                            Daftar reseller resmi amazink klik <a href="http://amazinkprint.com/reseller">disini</a>

                        </div>
                    </div>

                </div>                            
                <!-- End Widget -->

            </div>
            <!-- End Sidebar -->
        </div>

    </div>
</section>
<!-- End Section -->
<br/><br/><br/>