<section class="container services" id="features">
    <div class="row">
        <div class="col-sm-3">
            <h2>Full responsive</h2>

            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
                vehicula ut id elit. Morbi leo risus.</p>

            <p><a role="button" href="landing.html#" class="navy-link">Details »</a></p>
        </div>
        <div class="col-sm-3">
            <h2>LESS/SASS Files</h2>

            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
                vehicula ut id elit. Morbi leo risus.</p>

            <p><a role="button" href="landing.html#" class="navy-link">Details »</a></p>
        </div>
        <div class="col-sm-3">
            <h2>6 Charts Library</h2>

            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
                vehicula ut id elit. Morbi leo risus.</p>

            <p><a role="button" href="landing.html#" class="navy-link">Details »</a></p>
        </div>
        <div class="col-sm-3">
            <h2>Advanced Forms</h2>

            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
                vehicula ut id elit. Morbi leo risus.</p>

            <p><a role="button" href="landing.html#" class="navy-link">Details »</a></p>
        </div>
    </div>
</section>
<section class="container features">
    <div class="row">
        <div class="col-lg-12 text-center">
            <div class="navy-line"></div>
            <h1>Over 40+ unique view<br> <span class="navy"> with many custom components</span></h1>

            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. </p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 text-center wow fadeInLeft animated"
             style="visibility: visible; animation-name: fadeInLeft;">
            <div>
                <i class="fa fa-mobile features-icon"></i>

                <h2>Full responsive</h2>

                <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
                    vehicula ut id elit. Morbi leo risus.</p>
            </div>
            <div class="m-t-lg">
                <i class="fa fa-bar-chart features-icon"></i>

                <h2>6 Charts Library</h2>

                <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
                    vehicula ut id elit. Morbi leo risus.</p>
            </div>
        </div>
        <div class="col-md-6 text-center  wow zoomIn animated" style="visibility: visible;">
            <img class="img-responsive" alt="dashboard"
                 src="<?php echo base_url() ?>assets/img/landing/perspective.png">
        </div>
        <div class="col-md-3 text-center wow fadeInRight animated"
             style="visibility: visible; animation-name: fadeInRight;">
            <div>
                <i class="fa fa-envelope features-icon"></i>

                <h2>Mail pages</h2>

                <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
                    vehicula ut id elit. Morbi leo risus.</p>
            </div>
            <div class="m-t-lg">
                <i class="fa fa-google features-icon"></i>

                <h2>AngularJS version</h2>

                <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies
                    vehicula ut id elit. Morbi leo risus.</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 text-center">
            <div class="navy-line"></div>
            <h1>Discover great feautres</h1>

            <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. </p>
        </div>
    </div>
    <div class="row features-block">
        <div class="col-lg-6 features-text wow fadeInLeft animated"
             style="visibility: visible; animation-name: fadeInLeft;">
            <small>INSPINIA</small>
            <h2>Perfectly designed </h2>

            <p>INSPINIA Admin Theme is a premium admin dashboard template with flat design concept. It is fully
                responsive admin dashboard template built with Bootstrap 3+ Framework, HTML5 and CSS3, Media query. It
                has a huge collection of reusable UI components and integrated with latest jQuery plugins.</p>
            <a class="btn btn-primary" href="landing.html">Learn more</a>
        </div>
        <div class="col-lg-6 text-right wow fadeInRight animated"
             style="visibility: visible; animation-name: fadeInRight;">
            <img class="img-responsive pull-right" alt="dashboard"
                 src="<?php echo base_url() ?>assets/img/landing/dashboard.png">
        </div>
    </div>
</section>