@extends('layouts.start')
@section('title')
    ANGULAR JS DEVELOPER HOME
@endsection
@section('css')
    {{-- Css Files here --}}
@endsection
@section('content')
    <!-- start page title section -->
    <section class="wow fadeIn bg-light-gray padding-35px-tb page-title-small top-space top-space">
        <div class="container">
            <div class="row equalize xs-equalize-auto">
                <div class="col-lg-8 col-md-6 col-sm-6 col-xs-12 display-table">
                    <div class="display-table-cell vertical-align-middle text-left xs-text-center">
                        <!-- start page title -->
                        <h1 class="alt-font text-extra-dark-gray font-weight-500 no-margin-bottom text-uppercase">ANGULAR JS DEVELOPER HOME</h1>
                        <!-- end page title -->
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 display-table text-right xs-text-left xs-margin-10px-top">
                    <div class="display-table-cell vertical-align-middle breadcrumb text-small alt-font">
                        <!-- start breadcrumb -->
                        <ul class="xs-text-center">
                            <li><a href="#" class="text-dark-gray">Pages</a></li>
                            <li class="text-dark-gray">Angular Developer</li>
                        </ul>
                        <!-- end breadcrumb -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end page title section -->
    <!-- start section -->
    <section class="no-padding wow fadeIn bg-extra-dark-gray" id="services">
        <div class="container-fluid no-padding">
            <div class="row equalize no-margin">
                <div class="col-md-6 col-sm-12 col-xs-12 position-relative sm-height-500px xs-height-350px cover-background wow fadeInLeft" style="background-image: url('http://placehold.it/960x850');">
                    <div class="opacity-extra-medium bg-extra-dark-gray"></div>
                    <div class="bg-deep-pink width-50 text-center text-white padding-ten-all absolute-middle-center z-index-5 md-width-70 xs-width-85 xs-padding-twelve-tb xs-padding-five-lr">
                        <span class="special-char-medium text-white absolute-middle-center top-0 position-absolute fa fa-quote-left"></span>
                        <h6 class="font-weight-300 no-margin-bottom">
                            No Hire fees, Hire developer in 24hrs, Save thousands of dollars, free for first week.
                        </h6>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12 col-xs-12 display-table wow fadeInRight last-paragraph-no-margin">
                    <div class="display-table-cell vertical-align-middle padding-fifteen-all md-padding-ten-all xs-text-center xs-no-padding-lr xs-padding-40px-tb">
                        <span class="text-medium margin-10px-bottom display-block alt-font">The best talent can fit into your budget</span>
                        <h4 class="alt-font text-light-gray">
                            Hiring our AngularJS Developer saves you $50,000+/year, $5,000+/month and $35/hour.
                        </h4>
                        <p class="text-extra-large width-85 md-width-100">
                            Welcome to a world of smart hiring which gives our clients a cost effective advantage
                        </p>
                        <p class="width-85 md-width-100">
                            <ul class="no-padding list-style-3">
                                <li>Skills - AngularJs 2 | 4, JavaScript, HTML, CSS, Sass, LESS, jQuery, Foundation,
                                    Bootstrap, AJAX, MEAN, NodeJs, RESTful APIs, Linux, Git, Bitbucket, GitHub, Jira, Atom,
                                    AWS, Vagrant, Docker</li>
                                <li>Top engineers in the world</li>
                                <li>Dedicated to only your project</li>
                                <li>Free service for the first week (to build trust in the business relationship) </li>
                                <li>24hr access to assigned onsite Western Regiment Project Managers</li>
                                <li>No hardware tools cost(work stations, laptops and other work tools)</li>
                                <li>Increase team size as needed without having to place ads for hire, or pay recruitment fees </li>
                                <li>Reduce team size without having lay off staff </li>
                            </ul>
                        </p>
                        <a href="{{ route('hire') }}" class="btn btn-small margin-35px-top btn-white">Hire A Top Developer</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end section -->
    <!-- start feature box section -->
    <section class="wow fadeIn">
        <div class="container">
            <div class="row">
                <!-- start feature box item -->
                <div class="col-md-4 col-sm-4 col-xs-12 xs-margin-five-bottom last-paragraph-no-margin wow fadeInUp">
                    <div class="feature-box">
                        <div class="content">
                            <i class="ti-user text-medium-gray icon-large margin-25px-bottom sm-margin-15px-bottom"></i>
                            <div class="text-medium alt-font text-capitalize text-extra-dark-gray margin-10px-bottom sm-margin-5px-bottom">Scale Your Team Quickly</div>
                            <p class="width-85 margin-lr-auto sm-width-100">Scaling teams is fast, simple and at no extra cost.</p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
                <!-- start feature box item -->
                <div class="col-md-4 col-sm-4 col-xs-12 xs-margin-five-bottom last-paragraph-no-margin wow fadeInUp" data-wow-delay="0.2s">
                    <div class="feature-box">
                        <div class="content">
                            <i class="icon-wallet text-medium-gray icon-large margin-25px-bottom sm-margin-15px-bottom"></i>
                            <div class="text-medium alt-font text-capitalize text-extra-dark-gray margin-10px-bottom sm-margin-5px-bottom">Custom Pricing Plan</div>
                            <p class="width-85 margin-lr-auto sm-width-100">
                                Decide how you pay with options like project duration, task performed, weekly or monthly.
                            </p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
                <!-- start feature box item -->
                <div class="col-md-4 col-sm-4 col-xs-12 xs-margin-five-bottom last-paragraph-no-margin wow fadeInUp" data-wow-delay="0.4s">
                    <div class="feature-box">
                        <div class="content">
                            <i class="icon-laptop text-medium-gray icon-large margin-25px-bottom sm-margin-15px-bottom"></i>
                            <div class="text-medium alt-font text-capitalize text-extra-dark-gray margin-10px-bottom sm-margin-5px-bottom">Top Talents Globally</div>
                            <p class="width-85 margin-lr-auto sm-width-100">
                                Explore the benefits of Hiring Affordable Top Software Engineers
                            </p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
            </div>
        </div>
    </section>
    <!-- end feature box section -->
@endsection

@section('js')
    {{-- Js Files here --}}
@endsection