<ul class="timeline">

    <!-- timeline time label -->
    <?php foreach ($query as $row ) { ?>
        <li class="time-label">
        <span class="bg-red">
           <?php echo $row->tgl ?>
        </span>
    </li>
    <!-- /.timeline-label -->

    <!-- timeline item -->
    <li>
        <!-- timeline icon -->
        <i class="fa fa-envelope bg-blue"></i>
        <div class="timeline-item">
            <span class="time"><i class="fa fa-clock-o"></i> <?php echo $row->jam ?></span>

            <h3 class="timeline-header"><a href="#">Pengumuman dari admin:</a> <?php echo $row->judul ?></h3>

            <div class="timeline-body">
            <?php echo $row->isi ?>
            </div>

            <div class="timeline-footer">
                <a class="btn btn-primary btn-xs" href="<?php echo base_url()?>dokumen/<?php echo $row->lampiran;?>"><?php echo $row->lampiran ?></a>
            </div>
        </div>
    </li>
    <?php }?>
</ul>