@extends('layouts.base')

@section('icone-modulo',"fa fa-building")

@section('icone','fa fa-houzz')



@section('content')

            <section class="page-header page-header-modern page-header-background page-header-background-md overlay overlay-color-dark overlay-show overlay-op-7" style="background-image: url({{ asset('frontend/img/slides/slide-corporate-9-2.jpg') }});">
                <div class="container">
                    <div class="row mt-5">
                        <div class="col-md-12 align-self-center p-static order-2 text-center">
                            <h1 class="text-12 font-weight-semibold">3 Pilares do FAMELO</h1>
                        </div>
                        <div class="col-md-12 align-self-center order-1">
                            <ul class="breadcrumb breadcrumb-light d-block text-center">
                                <li><a href="#">Pagina principal</a></li>
                                <li class="active">O FAMELO</li>
                                <li class="active">Missão, Visão e Valores</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>




                    </div>
                </div>

            </div>




            <section class="section section-height-3 bg-color-grey m-0 border-0">
                <div class="container">
                    <div class="row align-items-center justify-content-center">
                        <div class="col-lg-6 pb-sm-4 pb-lg-0 pe-lg-5 mb-sm-5 mb-lg-0">
                            <h2 class="text-color-dark font-weight-normal text-6 mb-2">Conheça o <strong class="font-weight-extra-bold">Famelo</strong></h2>
                            <p class="lead text-color-dark" align="justify">A Famelo Investimento Lda, é um empresa comprometida, possui uma vasta gama de clientes nacionais e internacionais. </p>
                            <p class="lead text-color-dark" align="justify">Transportamos desde materiais petrolíferos, caminhões à mercadoria a granel...
                            </p>
                        </div>
                        <div class="col-sm-8 col-md-6 col-lg-4 offset-sm-4 offset-md-4 offset-lg-2 position-relative mt-sm-5"
                            style="top: 1.7rem;">
                            <img src="{{ asset('frontend/img/generic/generic-corporate-3-1.jpg') }}" class="img-fluid position-absolute d-none d-sm-block appear-animation" data-appear-animation="expandIn" data-appear-animation-delay="300" style="top: 10%; left: -50%;" alt="" />
                            <img src="{{ asset('frontend/img/generic/generic-corporate-3-2.jpg') }}" class="img-fluid position-absolute d-none d-sm-block appear-animation" data-appear-animation="expandIn" style="top: -33%; left: -29%;" alt="" />
                            <img src="{{ asset('frontend/img/generic/generic-corporate-3-3.jpg') }}" class="img-fluid position-relative appear-animation mb-2" data-appear-animation="expandIn" data-appear-animation-delay="600" alt="" />
                        </div>
                    </div>
                </div>
                <div class="container py-4 my-5">

                    <div class="row mt-3 mb-5">
                        <div class="col-md-4 appear-animation" data-appear-animation="fadeInLeftShorter"
                            data-appear-animation-delay="800">
                            <div class="text-center ">
                                <img src="frontend/img/missao.png" alt="">
                                <h3 class="font-weight-bold text-4 mb-2">Missão</h3>
                            </div>
                            <p class="text-color-dark" align="justify">Criamos rotas seguras.
                                Temos um tarifário compatível com o seu bolso.
                                Temos experiências na área e transportamos com comodidade a sua mercadoria.</p>
                        </div>
                        <div class="col-md-4 appear-animation" data-appear-animation="fadeIn"
                            data-appear-animation-delay="600">
                            <div class="text-center ">
                                <img src="frontend/img/visao.png" alt="" align="justify">
                                <h3 class="font-weight-bold text-4 mb-2">Visão</h3>
                            </div>
                            <p class="text-color-dark" align="justify">Criamos rotas seguras.
                                Temos um tarifário compatível com o seu bolso.
                                Temos experiências na área e transportamos com comodidade a sua mercadoria.</p>
                        </div>
                        <div class="col-md-4 appear-animation" data-appear-animation="fadeInRightShorter"
                            data-appear-animation-delay="800">
                            <div class="text-center ">
                                <img src="frontend/img/valores.png" alt="">
                                <h3 class="font-weight-bold text-4 mb-2">Valor</h3>
                            </div>
                            <p class="text-color-dark" align="justify"> Criamos rotas seguras.
                                Temos um tarifário compatível com o seu bolso.
                                Temos experiências na área e transportamos com comodidade a sua mercadoria.</p>
                        </div>
                    </div>

                </div>
            </section>





            <div class="container py-4">


            <div class="row">
                <div class="col">
                    <hr class="solid my-5">
                </div>
            </div>

        </div>








        </div>


@endsection


@section('javascript')

@endsection