<footer>
    <div class="ct-prefooter">
        <div class="ct-u-paddingTop100 ct-u-paddingBottom80">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-md-4">
                        <div class="widget">
                            <div class="widget-inner">
                                <a href="index.html"><img class="ct-u-marginBottom30"
                                                          src="<?= base_url(); ?>front/assets/images/demo-content/logo.png"
                                                          alt="logo"></a>

                                <p class="ct-u-marginBottom40">
                                    Far far away, behind the word mount
                                    ains, far from the countries Vokalia
                                    <span class="ct-fw-300 center-block ct-u-marginTop30">
                                        texts. Separated they live in Bookm
                                    arksgrove right at the coast of the
                                    control about the blind texts it is an .
                                    </span>
                                </p>
                                <a class="ct-u-textUnderline" href="#">LEARN MORE</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="widget">
                            <div class="widget-inner">
                                <h3 class="text-uppercase ct-fw-400 ct-u-marginBottom50">popular posts</h3>
                                <ul class="list-unstyled">
                                    <li><a class="ct-u-lineHeight33" href="blog.html">My daily blog entry (259)</a></li>
                                    <li><a class="ct-u-lineHeight33" href="blog.html">Unrevealed Shortcodes (223)</a>
                                    </li>
                                    <li><a class="ct-u-lineHeight33" href="blog.html">Developing with pleasure (204)</a>
                                    </li>
                                    <li><a class="ct-u-lineHeight33" href="blog.html">Communication information
                                            (199)</a></li>
                                    <li><a class="ct-u-lineHeight33" href="blog.html">Beautiful Image Post (167)</a>
                                    </li>
                                    <li><a class="ct-u-lineHeight33" href="blog.html">Unrevealed Shortcodes (223)</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix visible-sm"></div>
                    <div class="col-sm-6 col-md-4">
                        <div class="widget widget-latestPosts">
                            <div class="widget-inner">
                                <h4 class="text-uppercase ct-fw-400 ct-u-marginBottom50">recent post</h4>

                                <div class="media ct-u-displayTable ct-hoverImage--rectangle">
                                    <a href="blog-single.html">
                                        <div class="media-left">
                                            <img class="media-object"
                                                 src="<?= base_url(); ?>front/assets/images/demo-content/recentPost-1.jpg"
                                                 alt="recent post">
                                        </div>
                                        <div class="media-body">
                                            <p class="ct-fw-300 ct-u-lineHeight25 ct-textInHover">
                                                Far far away, behind the
                                                word mountains, far.
                                            </p>
                                            <span class="center-block ct-u-colorWhiteLight">October 1,2014</span>
                                        </div>
                                    </a>
                                </div>
                                <div class="media ct-u-displayTable ct-hoverImage--rectangle">
                                    <a href="blog-single.html">
                                        <div class="media-left">
                                            <img class="media-object"
                                                 src="<?= base_url(); ?>front/assets/images/demo-content/recentPost-2.jpg"
                                                 alt="recent post">
                                        </div>
                                        <div class="media-body">
                                            <p class="ct-fw-300 ct-u-lineHeight25 ct-textInHover">
                                                Far far away, behind the
                                                word mountains, far.
                                            </p>
                                            <span class="center-block ct-u-colorWhiteLight">October 1,2014</span>
                                        </div>
                                    </a>
                                </div>
                                <div class="media ct-u-displayTable ct-hoverImage--rectangle">
                                    <a href="blog-single.html">
                                        <div class="media-left">
                                            <img class="media-object"
                                                 src="<?= base_url(); ?>front/assets/images/demo-content/recentPost-3.jpg"
                                                 alt="recent post">
                                        </div>
                                        <div class="media-body">
                                            <p class="ct-fw-300 ct-u-lineHeight25 ct-textInHover">
                                                Far far away, behind the
                                                word mountains, far.
                                            </p>
                                            <span class="center-block ct-u-colorWhiteLight">October 1,2014</span>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="clearfix visible-sm"></div>
                </div>
            </div>
        </div>
        <div class="widget widget-socialsFullWidth">
            <div class="widget-inner">
                <div class="container">
                    <div class="ct-slick ct-js-slick text-center" data-adaptiveHeight="true" data-animations="true"
                         data-autoplay="true" data-infinite="false" data-autoplaySpeed="6000" data-draggable="true"
                         data-touchMove="false" data-arrows="false" data-XSitems="4" data-SMitems="8" data-MDitems="12"
                         data-LGitems="12" data-items="1">
                        <div class="item">
                            <a href="#"><i class="fa fa-apple"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-yelp"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-behance"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-digg"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-delicious"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-drupal"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-dropbox"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-dribbble"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-foursquare"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-github"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-google-plus"></i></a>
                        </div>
                        <div class="item">
                            <a href="#"><i class="fa fa-linkedin-square"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ct-u-paddingBoth100">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-md-3">
                        <h4 class="text-uppercase ct-fw-400 ct-u-marginBottom50">Other links</h4>

                        <div class="widget widget-links">
                            <div class="widget-inner">
                                <ul class="ct-list-hyperlink list-unstyled">
                                    <li><a href="courses-listing.html">Courses</a></li>
                                    <li><a href="#">Events</a></li>
                                    <li><a href="#">Showcase</a></li>
                                    <li><a href="#">Thoughts</a></li>
                                    <li><a href="#">Uncategorized</a></li>
                                    <li><a href="#">Full Width Template</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3">
                        <h4 class="text-uppercase ct-fw-400 ct-u-marginBottom50">Education</h4>

                        <div class="widget widget-links">
                            <div class="widget-inner">
                                <ul class="ct-list-default list-unstyled">
                                    <li><a href="features-pricetables.html">Membership Levels</a></li>
                                    <li><a href="#">Reasons to join</a></li>
                                    <li><a href="courses-listing.html">Shop</a></li>
                                    <li><a href="#">Cart</a></li>
                                    <li><a href="members.html">Members</a></li>
                                    <li><a href="features-grid.html">Shortcodes</a></li>
                                    <li><a href="#">Full Width Template</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix visible-sm"></div>
                    <div class="col-sm-6 col-md-3">
                        <h4 class="text-uppercase ct-fw-400 ct-u-marginBottom50">Engineering</h4>

                        <div class="widget widget-links">
                            <div class="widget-inner">
                                <ul class="ct-list-default list-unstyled">
                                    <li><a href="#">Specials</a></li>
                                    <li><a href="courses-listing2.html">New Products</a></li>
                                    <li><a href="#">Best Sellers</a></li>
                                    <li><a href="university-search.html">Our Stores</a></li>
                                    <li><a href="contact.html">Contact us</a></li>
                                    <li><a href="courses-listing.html">Shop</a></li>
                                    <li><a href="#">Cart</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3">
                        <h4 class="text-uppercase ct-fw-400 ct-u-marginBottom50">Law & Business</h4>

                        <div class="widget widget-links">
                            <div class="widget-inner">
                                <ul class="ct-list-default list-unstyled">
                                    <li><a href="#">My Orders</a></li>
                                    <li><a href="#">My Credit Slips</a></li>
                                    <li><a href="#">My Addresses</a></li>
                                    <li><a href="member-single.html">My Personal Info</a></li>
                                    <li><a href="#">My Specials</a></li>
                                    <li><a href="courses-listing2.html">My New Products</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix visible-sm"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="ct-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-md-push-6">
                    <ul class="list-unstyled list-inline text-right ct-fw-300 ct-navbar--footer">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="index.html">Page</a></li>
                        <li><a href="gallery.html">Portfolio</a></li>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="index.html">Shop</a></li>
                    </ul>
                </div>
                <div class="col-md-6 col-md-pull-6">
                    <ul class="list-unstyled list-inline ct-copyright">
                        <li>Copyright 2015</li>
                        <li>Created by <a href="http://www.createit.pl/">createIT</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>