View file charisma-master/php-version/grid.php

File size: 10.52Kb
<?php require('header.php'); ?>
    <div>
        <ul class="breadcrumb">
            <li>
                <a href="#">Home</a>
            </li>
            <li>
                <a href="#">Grid</a>
            </li>
        </ul>
    </div>

    <div class="row">
        <div class="box col-md-12">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-th"></i> Grid 12</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-setting btn-round btn-default"><i
                                class="glyphicon glyphicon-cog"></i></a>
                        <a href="#" class="btn btn-minimize btn-round btn-default"><i
                                class="glyphicon glyphicon-chevron-up"></i></a>
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->
    </div><!--/row-->

    <div class="row">
        <div class="box col-md-3">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-th"></i> Grid 3</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->
        <div class="box col-md-3">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-th"></i> Grid 3</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->
        <div class="box col-md-3">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-th"></i> Grid 3</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->
        <div class="box col-md-3">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2>Plain</h2>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->
    </div><!--/row-->

    <div class="row">
        <div class="box col-md-6">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-th"></i> Grid 6</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-setting btn-round btn-default"><i
                                class="glyphicon glyphicon-cog"></i></a>
                        <a href="#" class="btn btn-minimize btn-round btn-default"><i
                                class="glyphicon glyphicon-chevron-up"></i></a>
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->

        <div class="box col-md-6">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-th"></i> Grid 6</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-setting btn-round btn-default"><i
                                class="glyphicon glyphicon-cog"></i></a>
                        <a href="#" class="btn btn-minimize btn-round btn-default"><i
                                class="glyphicon glyphicon-chevron-up"></i></a>
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->
    </div><!--/row-->
    <div class="row">
        <div class="box col-md-4">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-th"></i> Grid 4</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-setting btn-round btn-default"><i
                                class="glyphicon glyphicon-cog"></i></a>
                        <a href="#" class="btn btn-minimize btn-round btn-default"><i
                                class="glyphicon glyphicon-chevron-up"></i></a>
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->

        <div class="box col-md-4">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-th"></i> Grid 4</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-setting btn-round btn-default"><i
                                class="glyphicon glyphicon-cog"></i></a>
                        <a href="#" class="btn btn-minimize btn-round btn-default"><i
                                class="glyphicon glyphicon-chevron-up"></i></a>
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->

        <div class="box col-md-4">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-th"></i> Grid 4</h2>

                    <div class="box-icon">
                        <a href="#" class="btn btn-setting btn-round btn-default"><i
                                class="glyphicon glyphicon-cog"></i></a>
                        <a href="#" class="btn btn-minimize btn-round btn-default"><i
                                class="glyphicon glyphicon-chevron-up"></i></a>
                        <a href="#" class="btn btn-close btn-round btn-default"><i
                                class="glyphicon glyphicon-remove"></i></a>
                    </div>
                </div>
                <div class="box-content">
                    <div class="row">
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                        <div class="col-md-4"><h6>column 4</h6></div>
                    </div>
                </div>
            </div>
        </div>
        <!--/span-->
    </div><!--/row-->






<?php require('footer.php'); ?>