<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content">

    <div class="content-wrap">
        <div class="container">

            <div class="row col-mb-30 mt-4">
                <div class="heading-block mb-6">
                    <h5 class="font-body text-uppercase ls2 color-2">Nossos Serviços</h5>
                    <h3 class="color nott ls0">Conheça nossas áreas de atuação</h3>
                </div>
                <div class="col-md-12">
                    <p class="mb-4 font-weight-normal mt-0 font-medium text-justify">A Monte Verde, tendo como um dos seus pilares a Engenharia Multidisciplinar, oferece diversos serviços e soluções para os mais variados públicos e clientes, seja Industrial, Comercial ou Residencial. </p>
                    <p class="mb-4 font-weight-normal mt-0 font-medium text-justify">Nossos projetos multidisciplinares são elaborados utilizando os mais avançados softwares de engenharia do mercado e com uso da metodologia BIM, realizando desde projetos e análises preliminares até projetos executivos, que podem contemplar listas de materiais, estimativas de custos, planilhas orçamentarias, estudos de viabilidade, cronogramas, relatórios e as mais diversas informações análises.</p>



                </div>
                <div class="container rounded-xxxl bg-color-2 dark mb-5"
                     style="background: url('<?= theme('assets/images/pattern.svg') ?>')">
                    <div class="row align-items-center justify-content-between p-5 p-md-6">
                        <div class="col mb-5 mb-lg-0">
                            <h5 class="font-body h3 mb-3 center">Nosso objetivo é levar até você soluções exclusivas e sob medida. Cada projeto é único, e por isso estamos sempre empenhados em usar toda a nossa expertise para entender e atender as necessidades de nossos clientes.</h5>

                        </div>

                    </div>
                </div>

                <!--                <div class="col-lg-6 center-col">-->
                <!--                    <blockquote class="quote"><p class="color-2 font-medium3 title"-->
                <!--                                                 style="z-index: 9999!important; font-style: italic">O MUNDO NÃO PODE-->
                <!--                            ESPERAR: PRECISAMOS PENSAR EM SOLUÇÕES AGORA!</p></blockquote>-->
                <!---->
                <!--                </div>-->

            </div>
        </div>

        <div class="section bg-light-gray" style="padding: 100px 0;">

            <div class="container">
                <div class="heading-block mw-xs mx-auto text-center mb-6">
                    <h5 class="font-body text-uppercase ls2 color-2">Monte Verde</h5>
                    <h3 class=" nott ls0">Áreas de atuação</h3>
                </div>
                <div class="row col-mb-50 justify-content-center">
                    <div class="col-lg-4 col-md-5 text-center">
                        <img src="<?= theme("assets/images/civil-g-l.svg") ?>" alt="Globe Icon" class="mb-5" height="100">
                        <h3 class="font-body h2 mb-4">Engenharia Civil</h3>

                        <a href="<?= url("/servicos/em/engenharia-civil") ?>"
                           class="btn btn-small px-3 py-2 btn-dark bg-color-2 rounded-pill mt-3">Saiba mais <i
                                    class="icon-chevron-right color mr-2 position-relative"
                                    style="top: 1px; left: 5px"></i></a>

                    </div>
                    <div class="col-md-1 text-center d-md-flex justify-content-center align-self-stretch">
                        <div class="border-right border-default d-none d-md-block"></div>
                        <div class="border-top border-default d-block d-md-none"></div>
                    </div>

                    <div class="col-lg-5 col-md-5 text-center">
                        <img src="<?= theme("assets/images/mec-g-l.svg") ?>" alt="Globe Icon" class="mb-5" height="100">
                        <h3 class="font-body h2 mb-4">Engenharia Mecânica</h3>

                        <a href="<?= url("/servicos/em/engenharia-mecanica") ?>"
                           class="btn btn-small px-3 py-2 btn-dark bg-color-2 rounded-pill mt-3">Saiba mais <i
                                    class="icon-chevron-right color mr-2 position-relative"
                                    style="top: 1px; left: 5px"></i></a>

                    </div>
                </div>

            </div>
        </div>
        <?php $v->insert("views/newsletter-widget"); ?>
    </div>


</section><!-- #content end -->