    <!-- include slider -->
    <?php load_template('includes/slider'); ?>

 <section class="main-info">
    <div class="container">
        <div class="row-fluid">
            <div class="span9">
                <h4>Purchase FeastCMS now and get a lifetime updates</h4>
                <p class="no-margin">FeastCMS is a PHP content management system built on codeIgniter framework with fully functionality and customization.</p>
            </div>
            <div class="span3">
                <a class="btn btn-success btn-large pull-right" href="https://codecanyon.net/item/feastcms-php-content-management-system/20347198">Purchase Now</a>
            </div>
        </div>
    </div>
</section>

<!--Services-->
<section id="services">
    <div class="container">
        <div class="center gap">
            <h3>Our features</h3>
            <p class="lead">Look at some of powerful and helpful features</p>
        </div>
        <div class="row-fluid">
            <div class="span4">
                <div class="media">
                    <div class="pull-left"><i class="icon-tint icon-medium"></i></div>
                    <div class="media-body">
                        <h4 class="media-heading">Themes system</h4>
                        <p>Our template system was one of the most important things we have to provide in our system to be able to customize it to maximum degree.</p>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="media">
                    <div class="pull-left"><i class="icon-cogs icon-medium"></i></div>
                    <div class="media-body">
                        <h4 class="media-heading">Custom theme options</h4>
                        <p>with our custom option feature you can create a fully customizable themes with theme panel on dashboard to customize your own theme options.</p>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="media">
                    <div class="pull-left"><i class="icon-desktop icon-medium icon-rounded"></i></div>
                    <div class="media-body">
                        <h4 class="media-heading">Slider manager</h4>
                        <p>We make our sliders system friendly and easy to use with many options and wonderful features.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="gap"></div>
        <div class="row-fluid">
            <div class="span4">
                <div class="media">
                    <div class="pull-left"><i class="icon-picture icon-medium"></i></div>
                    <div class="media-body">
                        <h4 class="media-heading">Media manager</h4>
                        <p>with our media manager you can upload, rename or delete media files (images, videos and more), and when you add new post or page you can select post image from media manager easy.</p>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="media">
                    <div class="pull-left"><i class="icon-list icon-medium"></i></div>
                    <div class="media-body">
                        <h4 class="media-heading">Menu manager</h4>
                        <p>With our new feature <strong>Menu manager</strong> now you able to manage all of your menus (main menu - sidebar - footer - etc...) using easy drag and drop nesting.</p>
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="media">
                    <div class="pull-left"><i class="icon-suitcase icon-medium"></i></div>
                    <div class="media-body">
                        <h4 class="media-heading">Modules system</h4>
                        <p>Now you can integrate your stand alone project with HMVC system you can create a small stand alone project and integrate it by one click.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--/Services-->

<section id="recent-works">
    <div class="container">
        <div class="center">
            <h3>Our Recent Works</h3>
            <p class="lead">Look at some of the recent projects we have completed for our valuble clients</p>
        </div>  
        <div class="gap"></div>
        <ul class="gallery col-4">
            <!--Item 1-->
            <li>
                <div class="preview">
                    <img alt=" " src="<?=theme_folder('nova')?>/assets/images/portfolio/thumb/item1.jpg">
                    <div class="overlay">
                    </div>
                    <div class="links">
                        <a data-toggle="modal" href="#modal-1"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                          
                    </div>
                </div>
                <div class="desc">
                    <h5>Lorem ipsum dolor sit amet</h5>
                </div>
                <div id="modal-1" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="<?=theme_folder('nova')?>/assets/images/portfolio/full/item1.jpg" alt=" " width="100%" style="max-height:400px">
                    </div>
                </div>                 
            </li>
            <!--/Item 1--> 

            <!--Item 2-->
            <li>
                <div class="preview">
                    <img alt=" " src="<?=theme_folder('nova')?>/assets/images/portfolio/thumb/item2.jpg">
                    <div class="overlay">
                    </div>
                    <div class="links">
                        <a data-toggle="modal" href="#modal-1"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                                
                    </div>
                </div>
                <div class="desc">
                    <h5>Lorem ipsum dolor sit amet</h5>
                </div>
                <div id="modal-1" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="<?=theme_folder('nova')?>/assets/images/portfolio/full/item2.jpg" alt=" " width="100%" style="max-height:400px">
                    </div>
                </div>                 
            </li>
            <!--/Item 2-->

            <!--Item 3-->
            <li>
                <div class="preview">
                    <img alt=" " src="<?=theme_folder('nova')?>/assets/images/portfolio/thumb/item3.jpg">
                    <div class="overlay">
                    </div>
                    <div class="links">
                        <a data-toggle="modal" href="#modal-3"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                                
                    </div>
                </div>
                <div class="desc">
                    <h5>Lorem ipsum dolor sit amet</h5>
                </div>
                <div id="modal-3" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="<?=theme_folder('nova')?>/assets/images/portfolio/full/item3.jpg" alt=" " width="100%" style="max-height:400px">
                    </div>
                </div>                 
            </li>
            <!--/Item 3--> 

            <!--Item 4-->
            <li>
                <div class="preview">
                    <img alt=" " src="<?=theme_folder('nova')?>/assets/images/portfolio/thumb/item4.jpg">
                    <div class="overlay">
                    </div>
                    <div class="links">
                        <a data-toggle="modal" href="#modal-4"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                                
                    </div>
                </div>
                <div class="desc">
                    <h5>Lorem ipsum dolor sit amet</h5>
                </div>
                <div id="modal-4" class="modal hide fade">
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
                    <div class="modal-body">
                        <img src="<?=theme_folder('nova')?>/assets/images/portfolio/full/item4.jpg" alt=" " width="100%" style="max-height:400px">
                    </div>
                </div>                 
            </li>
            <!--/Item 4-->               

        </ul>
    </div>

</section>

<section id="clients" class="main">
    <div class="container">
        <div class="row-fluid">
            <div class="span2">
                <div class="clearfix">
                    <h4 class="pull-left">OUR PARTNERS</h4>
                    <div class="pull-right">
                        <a class="prev" href="#myCarousel" data-slide="prev"><i class="icon-angle-left icon-large"></i></a> <a class="next" href="#myCarousel" data-slide="next"><i class="icon-angle-right icon-large"></i></a>
                    </div>
                </div>
                <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
            </div>
            <div class="span10">
                <div id="myCarousel" class="carousel slide clients">
                  <!-- Carousel items -->
                  <div class="carousel-inner">
                    <div class="active item">
                        <div class="row-fluid">
                            <ul class="thumbnails">
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client1.png"></a></li>
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client2.png"></a></li>
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client3.png"></a></li>
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client4.png"></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="item">
                        <div class="row-fluid">
                            <ul class="thumbnails">
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client4.png"></a></li>
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client3.png"></a></li>
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client2.png"></a></li>
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client1.png"></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="item">
                        <div class="row-fluid">
                            <ul class="thumbnails">
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client1.png"></a></li>
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client2.png"></a></li>
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client3.png"></a></li>
                                <li class="span3"><a href="#"><img src="<?=theme_folder('nova')?>/assets/images/sample/clients/client4.png"></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- /Carousel items -->

            </div>
        </div>
    </div>
</div>
</section>