<div class="col-md-4">
                    <div class="card-container">
                        <div class="card">
                            <div class="front">
                                <div class="header">
                                    <ul class="blog-cat-l">
                                        <li>
                                            <a href="#"><?= $data_blog->kategori ?></a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="content">
                                    <div class="main">
                                        <h4 class="front-title text-capitalize">
                                            <?= $data_blog->judul_blog ?>
                                        </h4>
                                    </div>
                                    <p class="text-blog-l">
                                        By <strong><?= $data_blog->nama_lengkap ?></strong> &nbsp;/&nbsp;
                                        <?php echo date_indo(substr($data_blog->tanggal_post, 0,10)) ?> - <?php echo substr($data_blog->tanggal_post, 11,8) ?>
                                    </p>
                                </div>
                            </div>
                             end front panel
                            <div class="back">
                                <div class="img-overlay">
                                    <img src="<?php echo base_url(); ?>images/blog/<?= $data_blog->gambar_utama ?>" class="img-fit" />
                                    <div class="project-overlay">
                                        <div class="header">
                                            <ul class="blog-cat-l-flipped">
                                                <li>
                                                    <a href="#"><?= $data_blog->kategori ?></a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="content">
                                            <div class="main">
                                                <h4>
                                                    <a href="<?= base_url(); ?>homepages/read/<?= $data_blog->link_blog ?>" class="link-flipped">
                                                        <?= $data_blog->judul_blog ?>
                                                    </a>
                                                </h4>
                                            </div>
                                            <p class="text-blog-l-flipped">
                                                By <strong><?= $data_blog->nama_lengkap ?></strong> &nbsp;/&nbsp;
                                                <?php echo date_indo(substr($data_blog->tanggal_post, 0,10)) ?> - <?php echo substr($data_blog->tanggal_post, 11,8) ?>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                             end back panel
                        </div>
                         end card
                    </div>
                     end card-container
                </div>