@extends('layouts.main-layout')

{{-- Share meta tags START --}}
@section('page_title', 'Usluge knjgivodstvene agenicje marimar')
@section('meta_title', 'Usluge knjgivodstvene agenicje marimar')
@section('meta_description', 'Marimar - Knjigovodstvena agencija - Pružamo vrhunske usluge i vrhunski kvalitet.')
@section('meta_image', asset('/images/naslovna.jpg'))
@section('meta_url', Request::url())
{{-- Share meta tags END --}}

@section('main')

    <div class="container pb-1">

        <div class="row pt-4">
            <div class="col">
                <div class="overflow-hidden mb-3">
                    <h2 class="font-weight-bold text-8 mb-0 appear-animation" data-appear-animation="maskUp">
                        Usluge
                    </h2>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-10">
                <div class="overflow-hidden">
                    <p class="lead mb-0 appear-animation" data-appear-animation="maskUp"
                       data-appear-animation-delay="200">
                        Za detaljnije o našim uslugama <span class="alternative-font">kontaktirajte nas.</span>
                    </p>
                </div>
            </div>
            <div class="col-lg-2 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="500">
                <a href="/kontakt" class="btn btn-modern btn-dark mt-1">Kontakt</a>
            </div>
        </div>

        <div class="row">
            <div class="col py-3">
                <hr class="solid mt-5 mb-2">
            </div>
        </div>

        <div class="row">
            <div class="featured-boxes featured-boxes-style-2">
                <div class="row">
                    <div class="col-md-6 col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter"
                         data-appear-animation-delay="700">
                        <div class="featured-box featured-box-effect-4">
                            <div class="box-content">
                                <i class="icon-featured icon-screen-tablet icons text-color-primary bg-color-grey"></i>
                                <h4 class="font-weight-bold"><a href="/#registracija-preduzetnika">Registracija pravnih
                                        lica i preduzetnika</a></h4>
                                <p class="px-3">Brzo, lako i jeftino.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter"
                         data-appear-animation-delay="900">
                        <div class="featured-box featured-box-effect-4">
                            <div class="box-content">
                                <i class="icon-featured icon-layers icons text-color-light bg-color-primary"></i>
                                <h4 class="font-weight-bold"><a href="/#knjigovodstvene-usluge">Knjigovodstvene
                                        usluge</a></h4>
                                <p class="px-3">Kvalitetno i bez brige.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter"
                         data-appear-animation-delay="1100">
                        <div class="featured-box featured-box-effect-4">
                            <div class="box-content">
                                <i class="icon-featured icon-magnifier icons text-color-primary bg-color-grey"></i>
                                <h4 class="font-weight-bold"><a href="/#usluge-poreskog-savetovanja">Poresko
                                        savetovanje</a></h4>
                                <p class="px-3">Temeljno, sigurno</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4 appear-animation" data-appear-animation="fadeInLeftShorter"
                         data-appear-animation-delay="1500">
                        <div class="featured-box featured-box-effect-4">
                            <div class="box-content">
                                <i class="icon-featured icon-screen-desktop icons text-color-light bg-color-primary"></i>
                                <h4 class="font-weight-bold"><a href="/#transferne-cene">Izrada
                                        studija transfernih cena</a></h4>

                                <p class="px-3">Sveobuhvatno i precizno</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4 appear-animation" data-appear-animation="fadeInLeftShorter"
                         data-appear-animation-delay="1100">
                        <div class="featured-box featured-box-effect-4">
                            <div class="box-content">
                                <i class="icon-featured icon-menu icons text-color-light bg-color-primary"></i>
                                <h4 class="font-weight-bold"><a href="/#obracun-zarada">Obračun zarada - Pijave i odjave
                                        radnika</a></h4>
                                <p class="px-3">Tačno, precizno i uvek na vreme</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-4 appear-animation" data-appear-animation="fadeInLeftShorter"
                         data-appear-animation-delay="1300">
                        <div class="featured-box featured-box-effect-4">
                            <div class="box-content">
                                <i class="icon-featured icon-doc icons text-color-primary bg-color-grey"></i>
                                <h4 class="font-weight-bold"><a href="/#kalkulatori">Korisni
                                        kalkulatori</a></h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection