@extends('layouts.app_old')

@section('title')
    Best Software Solutions Provider
@endsection
{{----}}
@section('content')
    <div class="body-background mob-body-background">
        <div class="mob-header-background">
            <header class="masthead text-center text-white d-flex">
                <div class="container my-auto">
                    <div class="row">
                        <div class="col-lg-10 mx-auto">
                            <h1 class="text-uppercase">
                                <strong>{ We speak in code }</strong>
                            </h1>
                        </div>
                        <div class="col-lg-8 mx-auto grid-display">
                        <span class="text-faded">We are a third party supplier working</span>
                            <span class="text-faded">with your developing company</span>
                        </div>
                    </div>
                </div>
            </header>

            {{--<div style="position: absolute; top: 105px; left: 50%; border-left: 1px solid #b9bbbb; height: 35%; z-index: 9999;"></div>--}}
            {{--<div class="mob-line-2" style="position: absolute; top: 90%; left: 50%; border-left: 1px solid #b9bbbb; height: 35%; z-index: 9999;"></div>--}}
            {{--<div class="mob-line-hide" style="position: absolute; top: 125%; left: 25%; border-top: 1px solid #b9bbbb; width: 25%; z-index: 9999;"></div>--}}
            {{--<div class="mob-line-hide" style="position: absolute; top: 125%; left: 25%; border-left: 1px solid #b9bbbb; height: 15%; z-index: 9999;"></div>--}}
            {{--<div class="mob-line-3" style="position: absolute; top: 180%; left: 20%; border-left: 1px solid #b9bbbb; height: 15%; z-index: 9999;"></div>--}}


            <section class="section-one">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 mob-connect-center grid-display">
                        <span class="mob-connecting-to-us connecting-span">
                            CONNECTING YOU TO
                        </span>
                            <span class="mob-connecting-to-us best-developer-span">
                            THE BEST DEVELOPERS
                        </span>

                        </div>
                        <div class="col-md-5 mob-connect-center mob-padding-lr-45 grid-display">
                        <span class="mob-connect-text-center comm-secOne-para-style ourContent-para-margin">
                            Our main office in Dubai holds up to 30 programmers,
                            developers and designers ready to take on your project
                        </span>
                            <span class="mob-connect-text-center comm-secOne-para-style">
                            We have a very high criteria when handpicking our staff
                            wich gives you some of the best developers you can find.
                        </span>
                        </div>
                    </div>
                </div>
            </section>

            <section style="padding: 10px;">
                <div class="container" style="margin-bottom: 927px;">
                    <div class="row">
                        <div class="col-md-4 text-center">
                            <span style="font-family: 'Merriweather Sans'; color: rgb(65,72,72); font-size: 28px; font-weight: bold;  letter-spacing: 2px;">SOLUTIONS</span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-5">
                            <span class="btn-solutions">CRM</span>
                            <span class="btn-solutions">Java</span>
                            <span class="btn-solutions">Joomla</span>
                            <span class="btn-solutions">AI</span>
                            <span class="btn-solutions">Drupal</span>
                            <span class="btn-solutions">Progress</span>
                            <span class="btn-solutions">App</span>
                            <span class="btn-solutions">Interface</span>
                            <span class="btn-solutions">C</span>
                            <span class="btn-solutions">.Net</span>
                            <span class="btn-solutions">Javascript</span>
                            <span class="btn-solutions">Phyton</span>
                            <span class="btn-solutions">C++</span>
                            <span class="btn-solutions">PHP</span>
                        </div>
                    </div>
                </div>
            </section>

        </div>
    </div>

    <!-- Bootstrap core JavaScript -->
    <script src="{{ asset('vendor/jquery/jquery.min.js') }}"></script>
    <script src="{{ asset('vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
    <!-- Plugin JavaScript -->
    <script src="{{ asset('vendor/jquery-easing/jquery.easing.min.js') }}"></script>
    <script src="{{ asset('vendor/scrollreveal/scrollreveal.min.js') }}"></script>
    <script src="{{ asset('vendor/magnific-popup/jquery.magnific-popup.min.js') }}"></script>
    <!-- Custom scripts for this template -->
    <!--<script src="assets/js/creative.min.js"></script>-->


@endsection