test.ctp

<?php
echo $this->Html->script('moment/moment.min');
echo $this->Html->css('AdminLTE./plugins/datepicker/datepicker3');
echo $this->Html->css('AdminLTE./bootstrap/css/bootstrap-datetimepicker.min');
echo $this->Html->script('AdminLTE./bootstrap/js/bootstrap-datetimepicker');

echo $this->Html->script('AdminLTE./plugins/datepicker/bootstrap-datepicker');
?>

<script type="text/javascript">
    $(function () {
        $('#datetimepicker4').datetimepicker({
            format: 'YYYY-MM-DD HH:mm:00'
        });
    });
</script>

<section class="content">

    <!--<h2 class="page-header">Social Widgets</h2> -->

    <div class="row">
        <!-- /.col -->
        <div class="col-md-12">
            <!-- Widget: user widget style 1 -->
            <div class="box box-widget widget-user">
                <!-- Add the bg color to the header using any of the bg-* classes -->
                <div class="widget-user-header bg-aqua-active">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-1">
                            <h3 class="widget-user-username">Aditya Name</h3>
                            <h5 class="widget-user-desc">Age | Gender</h5>
                            <h5 class="widget-user-desc">56 | Male</h5>
                        </div>
                        <div class="col-md-pull-1 col-md-3 ">
                            <h5 class="widget-user-desc">Last Visit BMI: 100</h5>
                            <h5 class="widget-user-desc">Difference: X Increase/Decrease</h5>
                            <h5 class="widget-user-desc">X Kg to loose for Healty BMI</h5>
                        </div>
                    </div>
                </div>
                <div class="widget-user-image">
                    <?php echo $this->Html->image('user1-128x128.jpg', ['alt' => 'User Avatar', 'class' => 'img-circle']); ?>
                </div>
                <div class="box-footer">
                    <div class="row">
                        <div class="col-sm-2 border-right">
                            <div class="description-block">
                                <h5 class="description-header">Last Visit Date</h5>
                                <span class="description-text">12/12/2016</span>
                            </div>
                            <!-- /.description-block -->
                        </div>
                        <div class="col-sm-2 border-right">
                            <div class="description-block">
                                <h5 class="description-header">Last Diagnosis Date</h5>
                                <span class="description-text">12/12/2016</span>
                            </div>
                            <!-- /.description-block -->
                        </div>
                        <div class="col-sm-2 border-right">
                            <div class="description-block">
                                <h5 class="description-header">Height</h5>
                                <span class="description-text">29</span>
                            </div>
                            <!-- /.description-block -->
                        </div>
                        <div class="col-sm-2 border-right">
                            <div class="description-block">
                                <h5 class="description-header">Weight</h5>
                                <span class="description-text">29</span>
                            </div>
                            <!-- /.description-block -->
                        </div>
                        <div class="col-sm-2 border-right">
                            <div class="description-block">
                                <h5 class="description-header">BMI</h5>
                                <span class="description-text">29</span>
                            </div>
                            <!-- /.description-block -->
                        </div>
                        <div class="col-sm-2 border-right">
                            <div class="description-block">
                                <h5 class="description-header">Prescription</h5>
                                <span class="description-text">Click</span>
                            </div>
                            <!-- /.description-block -->
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                </div>
            </div>
            <!-- /.widget-user -->
        </div>
        <!-- /.col -->
        <!-- /.col -->
    </div>
    <!-- /.row -->


    <!-- /.row -->

</section>


<!-- Main content -->
<section class="content">

    <div class="row">
        <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="info-box" style="height: 200px;">
                <div class="content" style="text-align: center">
                    <div class="description-block">
                        <h5 class="description-header">My Next Appointment is on</h5>
                        <span class="description-text">26/01/2017</span><br>
                        <span class="description">with Dr. Aditya Gupta</span>
                    </div>
                </div>

                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="info-box" style="height: 200px;">
                <div class="content" style="text-align: center">
                    <div class="description-block">
                        <h5 class="description-header">My Next Appointment is on</h5>
                        <span class="description-text">26/01/2017</span><br>
                        <span class="description">with Dr. Aditya Gupta</span>
                    </div>
                </div>

                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="info-box" style="height: 200px;">
                <div class="content" style="text-align: center">
                    <div class="description-block">
                        <h5 class="description-header">My Next Appointment is on</h5>
                        <span class="description-text">26/01/2017</span><br>
                        <span class="description">with Dr. Aditya Gupta</span>
                    </div>
                </div>

                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
    </div>

    <!-- /.row -->
    <div class="row">
        <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="info-box" style="height: 200px;">
                <div class="content" style="text-align: center">
                    <div class="description-block">
                        <h5 class="description-header">My Next Appointment is on</h5>
                        <span class="description-text">26/01/2017</span><br>
                        <span class="description">with Dr. Aditya Gupta</span>
                    </div>
                </div>

                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="info-box" style="height: 200px;">
                <div class="content" style="text-align: center">
                    <div class="description-block">
                        <h5 class="description-header">My Next Appointment is on</h5>
                        <span class="description-text">26/01/2017</span><br>
                        <span class="description">with Dr. Aditya Gupta</span>
                    </div>
                </div>

                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="info-box" style="height: 200px;">
                <div class="content" style="text-align: center">
                    <div class="description-block">
                        <h5 class="description-header">My Next Appointment is on</h5>
                        <span class="description-text">26/01/2017</span><br>
                        <span class="description">with Dr. Aditya Gupta</span>
                    </div>
                </div>

                <!-- /.info-box-content -->
            </div>
            <!-- /.info-box -->
        </div>
    </div>


</section>
<!-- /.content -->