<!-- Breadcrumb Area Start -->
<div class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="breadcrumb-content">
                    <ul class="nav">
                        <li><a href="<?= SITE ?>"><i class="fa fa-home"></i></a></li>
                        <li><?= $page_title ?></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Breadcrumb Area End-->
<section class="about-area mtb-60px">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="about-left-image mb-md-30px mb-lm-30px text-right ">
                    <img src="<?= $page_cover ?>" alt="<?= $page_title ?>" class="img-fluid d-block w-100" />
                </div>
            </div>
            <div class="col-lg-6">
                <div class="about-content align-center">                 
                    <p class="mb-30px"><?= html_entity_decode($page_body) ?></p>                  
                </div>
            </div>
        </div>

    </div>
</section>
<section class="about-area mtb-60px">
    <div class="container">
        <div class="row">           
            <div class="col-lg-6">
                <form class="FORMCONTROL" data-callback="send" data-load="true" data-call-action="form-mail-curriculo" data-path="_cdn/ajax/">
                    <?= csrf_input()?>
                    <div class="row">    
                        <div class="col-sm-12 form-group">
                            <label>Seu Nome</label>
                            <input placeholder = "Seu Nome" id ="first_name" type="text" name="nome" required="required" maxlength="40" value="" class = "form-control" >
                        </div> 
                        <div class="col-sm-12 form-group">
                            <label>Seu Email</label>
                            <input placeholder = "Seu Email" id ="first_name" type="text" name="email" required="required" maxlength="40" value="" class = "form-control" >
                        </div> 
                        <div class="col-sm-12 form-group">
                            <label>Seu Telefone</label>
                            <input placeholder = "Seu Telefone" id ="first_name" type="text" name="telefone" required="required" maxlength="40" value="" class = "form-control  " >
                        </div>
                        <div class="col-sm-12 form-group">
                            <label>Mensagem</label>
                            <textarea placeholder = "Deixe aqui sua mensagem" required="required" id = "icon_prefix2" name="mensagem" cols="16" rows="5" class = "form-control"></textarea>                
                        </div>
                        <div class="col-sm-12 form-group">
                            <button class="btn btn-secondary btn-block" rel="form">Enviar</button>        
                            <input  type="hidden" name="area" value="trabalhe" > 
                        </div> 

                    </div>

                </form>
                <div class="row">
                    <div class="col-sm-12">
                        <h5>Anexe seu currículo</h5>
                        <form method="POST" class="file-Anexo" data-path="_cdn/ajax/"  data-callback="send" data-call-action="Anexo-mail" data-views=".Anexo-result">
                            <div class="form-group">
                                <div class="btn btn-default btn-file ">
                                    <i class="fa fa-paperclip"></i> Anexos
                                    <input type="file" accept="image/png,image/jpg,application/pdf" name="Anexo">
                                </div>
                                <p class="help-block">Max. 2MB</p> 
                            </div>
                            <div class="file-Anexos"></div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="text-center mb-md-30px mb-lm-30px ">
                    <img src="https://www.stylofarma.com.br/wp-content/uploads/2014/08/banner-trabalhe-conosco.png" alt="<?= $page_title ?>" class="img-fluid d-block w-100" />
                </div>
            </div>
        </div>
    </div>
</section>



