<div class="col-md-3">
    <div class="widget-main">
        <div class="widget-inner">
            <div class="search-form-widget">
                <form class="search_form" action="#" method="get" name="search_form">
                    <input type="text" class="field_search" title="Type and click enter to search..."
                           placeholder="Type and click enter to search..." name="s">
                </form>
            </div>
        </div>
        <!-- /.widget-inner -->
    </div>
    <!-- /.widget-main -->

    <div class="widget-main">
        <div class="widget-main-title">
            <h4 class="widget-title">Filter Controls</h4>
        </div>
        <div class="widget-inner">
            <ul class="mixitup-controls">
                <li data-filter="all" class="filter active">Show All</li>
                <li data-filter="students" class="filter">Students Learning</li>
                <li data-filter="campus" class="filter">Campus Images</li>
                <li data-filter="nature" class="filter">Nature Of University</li>
                <li data-filter="travel" class="filter">Traveling with Teachers</li>
            </ul>
        </div>
        <!-- /.widget-inner -->
    </div>
    <!-- /.widget-main -->

    <div class="widget-main">
        <div class="widget-main-title">
            <h4 class="widget-title">Sort Controls</h4>
        </div>
        <div class="widget-inner">
            <ul class="mixitup-controls">
                <li data-order="desc" data-sort="default" class="sort active">Default</li>
                <li data-order="asc" data-sort="data-cat" class="sort">Ascending</li>
                <li data-order="desc" data-sort="data-cat" class="sort">Descending</li>
            </ul>
        </div>
        <!-- /.widget-inner -->
    </div>
    <!-- /.widget-main -->

</div> <!-- /.col-md-3 -->

<div class="col-md-9">
    <div class="row">

        <div id="Grid">


            <div data-cat="3" class="col-md-4 mix students mix_all" style="display: inline-block;  opacity: 1;">
                <div class="gallery-item">
                    <a href="<?php echo base_url() ?>assets/portal/images/gallery/gallery1.jpg" rel="gallery1"
                       class="fancybox">
                        <div class="gallery-thumb">
                            <img alt="" src="<?php echo base_url() ?>assets/portal/images/gallery/gallery-thumb1.jpg">
                        </div>
                        <div class="gallery-content">
                            <h4 class="gallery-title">2014 Faculty Biennial</h4>

                            <p class="small-text">Featuring painting, sculpture, ceramics</p>
                        </div>
                    </a>
                </div>
                <!-- /.gallery-item -->
            </div>
            <!-- /.col-md-4 -->

            <div data-cat="1" class="col-md-4 mix campus mix_all" style="display: inline-block;  opacity: 1;">
                <div class="gallery-item">
                    <a href="<?php echo base_url() ?>assets/portal/images/gallery/gallery3.jpg" rel="gallery1"
                       class="fancybox">
                        <div class="gallery-thumb">
                            <img alt="" src="<?php echo base_url() ?>assets/portal/images/gallery/gallery-thumb2.jpg">
                        </div>
                        <div class="gallery-content">
                            <h4 class="gallery-title">Contemporary Art</h4>

                            <p class="small-text">January 26 - March 8, 2008</p>
                        </div>
                    </a>
                </div>
                <!-- /.gallery-item -->
            </div>
            <!-- /.col-md-4 -->

            <div data-cat="2" class="col-md-4 mix nature mix_all" style="display: inline-block;  opacity: 1;">
                <div class="gallery-item">
                    <a href="<?php echo base_url() ?>assets/portal/images/gallery/gallery5.jpg" rel="gallery1"
                       class="fancybox">
                        <div class="gallery-thumb">
                            <img alt="" src="<?php echo base_url() ?>assets/portal/images/gallery/gallery-thumb3.jpg">
                        </div>
                        <div class="gallery-content">
                            <h4 class="gallery-title">Juried Student Exhibition</h4>

                            <p class="small-text">Lorem ipsum sit amet, consectetur elit.</p>
                        </div>
                    </a>
                </div>
                <!-- /.gallery-item -->
            </div>
            <!-- /.col-md-4 -->

            <div data-cat="2" class="col-md-4 mix campus mix_all" style="display: inline-block;  opacity: 1;">
                <div class="gallery-item">
                    <a href="<?php echo base_url() ?>assets/portal/images/gallery/gallery6.jpg" rel="gallery1"
                       class="fancybox">
                        <div class="gallery-thumb">
                            <img alt="" src="<?php echo base_url() ?>assets/portal/images/gallery/gallery-thumb4.jpg">
                        </div>
                        <div class="gallery-content">
                            <h4 class="gallery-title">Game Changer II</h4>

                            <p class="small-text">Paintings and Sculpture forms.</p>
                        </div>
                    </a>
                </div>
                <!-- /.gallery-item -->
            </div>
            <!-- /.col-md-4 -->

            <div data-cat="3" class="col-md-4 mix travel mix_all" style="display: inline-block;  opacity: 1;">
                <div class="gallery-item">
                    <a href="<?php echo base_url() ?>assets/portal/images/gallery/gallery7.jpg" rel="gallery1"
                       class="fancybox">
                        <div class="gallery-thumb">
                            <img alt="" src="<?php echo base_url() ?>assets/portal/images/gallery/gallery-thumb5.jpg">
                        </div>
                        <div class="gallery-content">
                            <h4 class="gallery-title">Beauty of Bucknell</h4>

                            <p class="small-text">Lorem ipsum sit amet, consectetur elit.</p>
                        </div>
                    </a>
                </div>
                <!-- /.gallery-item -->
            </div>
            <!-- /.col-md-4 -->

            <div data-cat="2" class="col-md-4 mix students mix_all" style="display: inline-block;  opacity: 1;">
                <div class="gallery-item">
                    <a href="<?php echo base_url() ?>assets/portal/images/gallery/gallery4.jpg" rel="gallery1"
                       class="fancybox">
                        <div class="gallery-thumb">
                            <img alt="" src="<?php echo base_url() ?>assets/portal/images/gallery/gallery-thumb6.jpg">
                        </div>
                        <div class="gallery-content">
                            <h4 class="gallery-title">Royal Fort House</h4>

                            <p class="small-text">University Institute for Advanced Studies.</p>
                        </div>
                    </a>
                </div>
                <!-- /.gallery-item -->
            </div>
            <!-- /.col-md-4 -->

        </div>
        <!-- /#Grid -->

    </div>
    <!-- /.row -->

    <div class="row">
        <div class="col-md-12">
            <div class="load-more-btn">
                <a href="<?php echo base_url() ?>assets/portal/#">Load more images</a>
            </div>
        </div>
        <!-- /.col-md-12 -->
    </div>
    <!-- /.row -->

</div> <!-- /.col-md-9 -->

