<!-- Services Section -->
            <section  data-background="http://demo.freshface.net/bigstream/wp-content/uploads/sites/9/2014/12/section-bg-1.jpg"  class="split-section bg-dark-alfa-50 bg-scroll"  id="services" >
                <div class="clearfix relative">

                    <!-- Section Headings -->
                    <div class="split-section-headings animate-init"  data-anim-type="fade-in-up" data-anim-delay="100">
                        <div class="ssh-table">
                            <div class="ssh-cell pt-140 pt-sm-70 pt-xs-50 pb-140 pb-sm-70 pb-xs-50">
                                <div class="section-title white">
                                    Services                                </div>
                                <h2 class="section-heading white">We provide the best digital solutions</h2>
                            </div>
                        </div>
                    </div>
                    <!-- End Section Headings -->

                    <!-- Section Content -->
                    <div class="split-section-content service-grid clearfix">
                                                <!-- Service Item -->
                        <div class="service-item">
                            <div class="si-cell">
                                <div class="si-inner">
                                    <div class="service-intro">
                                        <div class="service-icon">
                                            <span class="ff-font-simple-line-icons icon-ghost"></span>
                                        </div>
                                        <h3 class="service-title">Branding</h3>
                                    </div>
                                    <div class="service-descr">
                                        Cras vehicula mi eu est vestibulum posuere. Duis et purus at nunc laoreet euismod ut sit amet sem. Proin rhoncus imperdiet consequat lacus arcu vitae magna condimentum pellentesque.                                        <div class="service-button mt-40 mt-lg-20 local-scroll">
                                            <a href="#contacts" class="btn btn-mod btn-small btn-circle">Join Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Service Item -->
                                                <!-- Service Item -->
                        <div class="service-item">
                            <div class="si-cell">
                                <div class="si-inner">
                                    <div class="service-intro">
                                        <div class="service-icon">
                                            <span class="ff-font-simple-line-icons icon-screen-desktop"></span>
                                        </div>
                                        <h3 class="service-title">Web Design</h3>
                                    </div>
                                    <div class="service-descr">
                                        Cras vehicula mi eu est vestibulum posuere. Duis et purus at nunc laoreet euismod ut sit amet sem. Proin rhoncus imperdiet consequat lacus arcu vitae magna condimentum pellentesque.                                        <div class="service-button mt-40 mt-lg-20 local-scroll">
                                            <a href="#contacts" class="btn btn-mod btn-small btn-circle">Join Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Service Item -->
                                                <!-- Service Item -->
                        <div class="service-item">
                            <div class="si-cell">
                                <div class="si-inner">
                                    <div class="service-intro">
                                        <div class="service-icon">
                                            <span class="ff-font-simple-line-icons icon-puzzle"></span>
                                        </div>
                                        <h3 class="service-title">Graphic Design</h3>
                                    </div>
                                    <div class="service-descr">
                                        Cras vehicula mi eu est vestibulum posuere. Duis et purus at nunc laoreet euismod ut sit amet sem. Proin rhoncus imperdiet consequat lacus arcu vitae magna condimentum pellentesque.                                        <div class="service-button mt-40 mt-lg-20 local-scroll">
                                            <a href="#contacts" class="btn btn-mod btn-small btn-circle">Join Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Service Item -->
                                                <!-- Service Item -->
                        <div class="service-item">
                            <div class="si-cell">
                                <div class="si-inner">
                                    <div class="service-intro">
                                        <div class="service-icon">
                                            <span class="ff-font-simple-line-icons icon-paper-plane"></span>
                                        </div>
                                        <h3 class="service-title">Development</h3>
                                    </div>
                                    <div class="service-descr">
                                        Cras vehicula mi eu est vestibulum posuere. Duis et purus at nunc laoreet euismod ut sit amet sem. Proin rhoncus imperdiet consequat lacus arcu vitae magna condimentum pellentesque.                                        <div class="service-button mt-40 mt-lg-20 local-scroll">
                                            <a href="#contacts" class="btn btn-mod btn-small btn-circle">Join Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Service Item -->
                                                <!-- Service Item -->
                        <div class="service-item">
                            <div class="si-cell">
                                <div class="si-inner">
                                    <div class="service-intro">
                                        <div class="service-icon">
                                            <span class="ff-font-simple-line-icons icon-camera"></span>
                                        </div>
                                        <h3 class="service-title">Photography</h3>
                                    </div>
                                    <div class="service-descr">
                                        Cras vehicula mi eu est vestibulum posuere. Duis et purus at nunc laoreet euismod ut sit amet sem. Proin rhoncus imperdiet consequat lacus arcu vitae magna condimentum pellentesque.                                        <div class="service-button mt-40 mt-lg-20 local-scroll">
                                            <a href="#contacts" class="btn btn-mod btn-small btn-circle">Join Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Service Item -->
                                                <!-- Service Item -->
                        <div class="service-item">
                            <div class="si-cell">
                                <div class="si-inner">
                                    <div class="service-intro">
                                        <div class="service-icon">
                                            <span class="ff-font-simple-line-icons icon-handbag"></span>
                                        </div>
                                        <h3 class="service-title">Production</h3>
                                    </div>
                                    <div class="service-descr">
                                        Cras vehicula mi eu est vestibulum posuere. Duis et purus at nunc laoreet euismod ut sit amet sem. Proin rhoncus imperdiet consequat lacus arcu vitae magna condimentum pellentesque.                                        <div class="service-button mt-40 mt-lg-20 local-scroll">
                                            <a href="#contacts" class="btn btn-mod btn-small btn-circle">Join Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Service Item -->
                                            </div>
                    <!-- End Section Content -->

                </div>
            </section>
            <!-- End Services Section -->