    <div class='row'>
        <div class='col-lg-12'>
            <div class='pull-right'>
                <?php echo anchor('web_style/create/', '<i class="fa fa-plus"></i> Tambah Data', array('class' => 'btn btn-info btn-sm')); ?>
            </div>
        </div>
    </div>
    <br>
    <div class='row'>
        <div class='col-lg-12'>
            <div class='panel <?= $web_box_color ?>'>
                <div class='panel-heading'>
                    <h3 class='panel-title bold'>List Web Style</h3>
                </div>
                <div class='panel-body'>
                    <div class="table-responsives">
                        <table class="table table-bordered table-striped" id="mytable" style="width: 100%;">
                            <thead>
                                <th style="width: 10px;">No</th>
                                <th class="text-center">Name Style</th>
                                <th class="text-center">Meta Color</th>
                                <th class="text-center">Navbar Color</th>
                                <th class="text-center">Box Color</th>
                                <th class="text-center">Box Bottom</th>
                                <th class="text-center"><span><i class="fa fa-gears"></i></span></th>
                            </thead>
                            <tbody>
                                <?php
                                $start = 0;
                                foreach ($web_style_data as $web_style) {
                                ?>
                                    <tr>
                                        <td width="10px"><?php echo ++$start ?></td>
                                        <td><?php echo $web_style->name_style ?></td>
                                        <td><?php echo $web_style->meta_color ?></td>
                                        <td><?php echo $web_style->navbar_color ?></td>
                                        <td><?php echo $web_style->box_color ?></td>
                                        <td><?php echo $web_style->box_bottom ?></td>
                                        <td style="text-align:center" width="160px">
                                            <?php
                                            echo anchor(site_url('web_style/read/' . $web_style->id_web_style), '<i class="fa fa-search"></i>', array('class' => 'btn btn-success btn-icon btn-circle', 'data-toggle' => 'tooltip', 'data-placement' => 'top', 'title' => 'Detail'));
                                            echo '  ';
                                            echo anchor(site_url('web_style/update/' . $web_style->id_web_style), '<i class="fa fa-pencil-alt"></i>', array('class' => 'btn btn-primary btn-icon btn-circle', 'data-toggle' => 'tooltip', 'data-placement' => 'top', 'title' => 'Edit'));
                                            echo '  ';
                                            echo anchor(site_url('web_style/delete/' . $web_style->id_web_style), '<i class="fa fa-trash-alt"></i>', 'class="btn btn-danger btn-icon btn-circle tombol-hapus" data-toggle="tooltip" data-placement="top" title="Hapus"');
                                            ?>
                                        </td>
                                    </tr>
                                <?php
                                }
                                ?>
                            <tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>