@extends('layouts.app')

@section('title')Scandia IT: Web & Mobile Software Development Outsourcing @endsection

@section('description')We offer both full product development and software outsourcing, which is managed from its own staff. @endsection

@section('content')

    <!-- Inspiro Slider -->
    <div id="slider" class="inspiro-slider slider-fullscreen arrows-large arrows-creative dots-creative" data-height-xs="360">
        <!-- Slide 1 -->
        <div class="slide background-overlay-dark" style="background-image:url('images/dss/home-1.jpg');">
            <div class="container">
                <div class="slide-captions text-center">
                    <!-- Captions -->
                    <h1 class="text-light">{{ __('Web & Mobile Software Development Outsourcing') }}</h1>
                    <h4 class="m-b-20 text-light">{{ __('Perfect combination of the price and quality') }}</h4>
                    <button type="button" class="btn btn-warning" onclick="javascript:location.href='cv-database'"><span class="btn-label">
                            <i class="fa fa-check"></i></span>{{ __('Explore our CV Database') }}
                    </button>
                    <!-- end: Captions -->
                </div>

            </div>
            <div id="scroll-down" class="scrolldown-animation scrolldown-bottom">
                <a href="#about" class="scroll-to"><img alt="" src="images/scrolldown.png">
                </a>
            </div>
        </div>
        <!-- end: Slide 1 -->
    </div>
    <!--end: Inspiro Slider -->


    <section class="p-b-0">
        <div class="container">
            <div class="heading heading-center m-b-40" data-animation="fadeInUp">
                <h2>{{__('High quality cost-effective resources near- and off-shore')}}</h2>
                <span class="lead">{{__('We offer both full product development and software outsourcing, which is managed from its own staff.')}}</span>
            </div>
            {{--<div class="row" data-animation="fadeInUp">--}}
                {{--<div class="col-lg-12">--}}
                    {{--<img class="img-fluid" src="images/dss/responsive-wireframe-1.jpg" alt="">--}}
                {{--</div>--}}
            {{--</div>--}}
        </div>
        <hr class="m-t-0">
    </section>

    <!-- SERVICES -->
    <section>
        <div class="container">
            <div class="col-lg-12 col-md-12 m-b-40 text-center">
                <h2 class="m-b-20">{{__('Services')}}</h2>
                <p class="lead">{{__('We cut clients costs without affecting the quality of the engineered outcome, as well as assist in communication between the client and the engineering team, emphasizing on mutual understanding.')}}</p>
            </div>
            <div class="row">
                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="0">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fas fa-cog"></i></a>
                        </div>
                        <h3>{{__('Software application development')}}</h3>
                        <p>{{__('Custom-designed software development and integration services using state of the art technologies.')}}</p>
                    </div>
                </div>
                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="200">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fa fa-desktop"></i></a>
                        </div>
                        <h3>{{__('Enterprise Web Development')}}</h3>
                        <p>{{__('Modern solutions for online commerce, online services and professional back-offices.')}}</p>
                    </div>
                </div>
                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="400">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fas fa-infinity"></i></a>
                        </div>
                        <h3>{{__('Technology consulting')}}</h3>
                        <p>{{__('System architecture, database design, documenting, testing and other consultancy.')}}</p>
                    </div>
                </div>

                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="600">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fas fa-mobile-alt"></i></a>
                        </div>
                        <h3>{{__('Mobile applications development')}}</h3>
                        <p>{{__('Dedicated and hybrid software and games for iOS and Android platforms.')}}</p>
                    </div>
                </div>
                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="800">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fa fa-database"></i></a>
                        </div>
                        <h3>{{__('Database and application migration')}}</h3>
                        <p>{{__('Database design and software modernisation solutions based on open source and commercial platforms.')}}</p>
                    </div>
                </div>
                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="1000">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fas fa-box-open"></i></a>
                        </div>
                        <h3>{{__('Open Source solutions integration')}}</h3>
                        <p>{{__('Open products installation, setup, third-party modules development, training and support.')}}</p>
                    </div>
                </div>

                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="1200">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fas fa-user-lock"></i></a>
                        </div>
                        <h3>{{__('Information Security')}}</h3>
                        <p>{{__('A full range of IT security services and solutions to help our clients define their strategy and ensure operational readiness.')}}</p>
                    </div>
                </div>
                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="1400">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fa fa-cloud"></i></a>
                        </div>
                        <h3>{{__('Cloud engineering')}}</h3>
                        <p>{{__('Offering tools and services for developing, operating and maintaining cloud computing systems and solutions.')}}</p>
                    </div>
                </div>
                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="1600">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fas fa-cogs"></i></a>
                        </div>
                        <h3>{{__('API solutions')}}</h3>
                        <p>{{__('Developing proprietary API solutions and integrating the third-party services.')}}</p>
                    </div>
                </div>

                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="1600">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fas fa-code-branch"></i></a>
{{--                            <a href="#"><img src="{{url('images/dss/blockchain_icon.png')}}" style="height: 16px;margin-top: 10px;"></a>                            --}}
                        </div>
                        <h3>{{__('BlockChain')}}</h3>
                        <p>{{__('Complex blockchain expertise, including blockchain application development, consulting and operation support for blockchain enabled solutions.')}}</p>
                    </div>
                </div>

                <div class="col-lg-4" data-animation="fadeInUp" data-animation-delay="1600">
                    <div class="icon-box effect medium border small">
                        <div class="icon">
                            <a href="#"><i class="fas fa-code"></i></a>
                        </div>
                        <h3>{{__('Machine learning and AI')}}</h3>
                        <p>{{__('The use of machine learning, artificial intelligence, neural networks in the development of self-learning business solutions.')}}</p>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!-- end: SERVICES -->

@endsection