@extends('theme')
@section('title', 'Contato - Portal do Servidor - Prefeitura de Angra dos Reis')
@section('content')

    @include("components._headLine", ["headLine" => "Fale Conosco"])

    <div class="container" style="padding-top: 50px;">
        <div class="row internas gx-5">

            <div class="col-12 blog-post">
                <section id="contact" class="contact">
                    <div class="container">
                        <div class="row">
                            <div class="col-12 ml-4">
                                <h2 style="text-transform: none" class="mb-5">Secretaria Executiva de Recursos Humanos
                                </h2>
                                <ul class="dadoscontato">
                                    <li><i class="fa fa-home"></i>Rua Cônegos Bittencourt, 108. Centro</li>
                                    <li><i class="fa fa-globe"></i><a href="http://angra.rj.gov.br/administracao"
                                            target="_blank">angra.rj.gov.br/administracao</a></li>
                                    <li><i class="fa fa-envelope"></i><a
                                            href="mailto:sad.serh@angra.rj.gov.br">sad.serh@angra.rj.gov.br</a></li>
                                    <li> <i class="fa fa-phone"> </i><a href="tel:02433778310">+55 24 3377-8310</a></li>
                                </ul>
                            </div>
                        </div>
                        <br>

                        <div class="row mt-5">
                            <div class="col-md-4 mt-5">
                                <h4 style="text-transform: none" class="mb-3">Diretoria de Gestão e Tecnologia</h4>
                                <ul class="dadoscontato">
                                    <li><i class="fa fa-envelope"></i><a
                                            href="mailto:sad.scb@angra.rj.gov.br">sad.scb@angra.rj.gov.br</a></li>
                                    <li><i class="fa fa-phone"></i><a href="tel:02433773514">+55 24 3377-3514</a></li>
                                </ul>
                            </div>

                            <div class="col-md-4 mt-5">
                                <h4 style="text-transform: none" class="mb-3">Diretoria da Escola de Gestão Publica</h4>
                                <ul class="dadoscontato">
                                    <li><i class="fa fa-envelope"></i><a
                                            href="mailto:egp.pmar@angra.rj.gov.br">egp.pmar@angra.rj.gov.br</a></li>
                                    <li><i class="fa fa-phone"></i><a href="tel:02433655391">+55 24 3365-4651</a></li>
                                </ul>
                            </div>

                            <div class="col-md-4 mt-5">
                                <h4 style="text-transform: none" class="mb-3">Diretoria de Administração de Pessoal</h4>
                                <ul class="dadoscontato">
                                    <li><i class="fa fa-envelope"></i><a
                                            href="mailto:adpe@angra.rj.gov.br">adpe@angra.rj.gov.br</a>
                                    </li>
                                    <li><i class="fa fa-phone"></i><a href="tel:02433655391">+55 24 3365-5391</a></li>
                                </ul>
                            </div>

                            <div class="col-md-4 mt-5">
                                <h4 style="text-transform: none" class="mb-3">Diretoria de Recursos Humanos</h4>
                                <ul class="dadoscontato">
                                    <li><i class="fa fa-envelope"></i><a
                                            href="mailto:sad.scsd@angra.rj.gov.br">sad.scsd@angra.rj.gov.br</a></li>
                                    <li><i class="fa fa-phone"></i><a href="tel:02433657766">+55 24 3365-7766</a></li>
                                </ul>
                            </div>

                            <div class="col-md-4 mt-5">
                                <h4 style="text-transform: none" class="mb-3">Unidade de Estagio Curricular e Programa
                                    Social</h4>
                                <ul class="dadoscontato">
                                    <li><i class="fa fa-envelope"></i><a
                                            href="mailto:rh.estagiosocial@angra.rj.gov.br">rh.estagiosocial@angra.rj.gov.br</a>
                                    </li>
                                    <li><i class="fa fa-phone"></i><a href="tel:02433775869">+55 24 3377-5869</a></li>
                                </ul>
                            </div>

                            <div class="col-md-4 mt-5">
                                <h4 style="text-transform: none" class="mb-3">Diretoria de Folha de Pagamento</h4>
                                <ul class="dadoscontato">
                                    <li><i class="fa fa-envelope"></i><a
                                            href="mailto:asfp@angra.rj.gov.br">asfp@angra.rj.gov.br</a>
                                    </li>
                                    <li><i class="fa fa-phone"></i><a href="tel:02433655156">+55 24 3365-5156</a></li>
                                </ul>
                            </div>

                            <div class="col-md-4 mt-5">
                                <h4 style="text-transform: none" class="mb-3">Coordenação de Controle de Frequência</h4>
                                <ul class="dadoscontato">
                                    <li><i class="fa fa-envelope"></i><a
                                            href="mailto:rhfrequencia@angra.rj.gov.br">rhfrequencia@angra.rj.gov.br</a>
                                    </li>
                                    <li><i class="fa fa-phone"></i><a href="tel:02433655156">+55 24 3365-5156</a></li>
                                </ul>
                            </div>

                            <div class="col-md-4 mt-5">
                                <h4 style="text-transform: none" class="mb-3">Diretoria de Saúde Ocupacional</h4>
                                <ul class="dadoscontato">
                                    <li><i class="fa fa-envelope"></i><a
                                            href="mailto:sad.cmo@angra.rj.gov.br">sad.cmo@angra.rj.gov.br</a></li>
                                    <li><i class="fa fa-phone"></i><a href="tel:02433654360">+55 24 3365-4360</a></li>
                                </ul>
                            </div>



                            <!-- <div class="col-md-4 mt-5" >
                                        <h4 style="text-transform: none" class="mb-3">Diretoria de Administração e Desenvolvimento de Pessoas</h4>
                                        <ul class="dadoscontato">
                                            <li><i class="fa fa-envelope"></i><a href="mailto:sad.scb@angra.rj.gov.br">sad.scb@angra.rj.gov.br</a></li>
                                            <li><i class="fa fa-phone"></i><a href="tel:02433657766">+55 24 3365-7766</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 mt-5">
                                        <h4 style="text-transform: none" class="mb-3">Coordenação de Seleção de Pessoal, Benefícios e Auditorias Internas</h4>
                                        <ul class="dadoscontato">
                                            <li><i class="fa fa-envelope"></i><a href="mailto:sad.scsd@angra.rj.gov.br">sad.scsd@angra.rj.gov.br</a></li>
                                            <li><i class="fa fa-phone"></i><a href="tel:02433657766">+55 24 3365-7766</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 mt-5">
                                        <h4 style="text-transform: none" class="mb-3">Coordenação de Registro e Controle de Pessoal</h4>
                                        <ul class="dadoscontato">
                                            <li><i class="fa fa-envelope"></i><a href="mailto:adpe@angra.rj.gov.br">adpe@angra.rj.gov.br</a></li>
                                            <li><i class="fa fa-phone"></i><a href="tel:02433655391">+55 24 3365-5391</a></li>
                                        </ul>
                                    </div>
                                    <div class="clearfix"> </div>
                                    <div class="col-md-4 mt-5">
                                        <h4 style="text-transform: none" class="mb-3">Coordenação de Folha de Pessoal</h4>
                                        <ul class="dadoscontato">
                                            <li><i class="fa fa-envelope"></i><a href="mailto:asfp@angra.rj.gov.br">asfp@angra.rj.gov.br</a></li>
                                            <li><i class="fa fa-phone"></i><a href="tel:02433655156">+55 24 3365-5156</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 mt-5">
                                        <h4 style="text-transform: none" class="mb-3">Departamento de Saúde Ocupacional</h4>
                                        <ul class="dadoscontato">
                                            <li><i class="fa fa-envelope"></i><a href="mailto:sad.cmo@angra.rj.gov.br">sad.cmo@angra.rj.gov.br</a></li>
                                            <li><i class="fa fa-phone"></i><a href="tel:02433654360">+55 24 3365-4360</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 mt-5">
                                        <h4 style="text-transform: none" class="mb-3">Setor de Frequência</h4>
                                        <ul class="dadoscontato">
                                            <li><i class="fa fa-envelope"></i><a href="mailto:rhfrequencia@angra.rj.gov.br">rhfrequencia@angra.rj.gov.br</a></li>
                                            <li><i class="fa fa-phone"></i><a href="tel:02433775869">+55 24 3377-5869</a></li>
                                        </ul>
                                    </div> -->
                        </div>
                        <br>
                        <br>

                        <div class="  row mt-5">
                            <div class="col-lg-12">
                                <div class="section-title text-center">
                                    <h2>Envie-nos uma mensagem</h2>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <form name="FormContato" id="FormContato" novalidate method="post" action="contato.asp"
                                    onSubmit="return ValidarCampos(this)">
                                    <div class="row">
                                        <div class="col-md-6 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="600ms">
                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Nome *" id="fNome"
                                                    name="fNome" required
                                                    data-validation-required-message="Informe seu nome">
                                                <p class="help-block text-danger"></p>
                                            </div>
                                            <div class="form-group">
                                                <input type="email" class="form-control" placeholder="E-mail *" id="fEmail"
                                                    name="fEmail" required
                                                    data-validation-required-message="Informe seu e-mail">
                                                <p class="help-block text-danger"></p>
                                            </div>
                                            <div class="form-group">
                                                <input type="tel" class="form-control" placeholder="Telefone *"
                                                    id="fTelefone" name="fTelefone" required
                                                    data-validation-required-message="Informe seu telefone">
                                                <p class="help-block text-danger"></p>
                                            </div>
                                        </div>
                                        <div class="col-md-6 wow fadeInRight" data-wow-duration="2s" data-wow-delay="600ms">
                                            <div class="form-group">
                                                <textarea class="form-control" placeholder="Sua Mensagem *" id="fMensagem"
                                                    name="fMensagem" required
                                                    data-validation-required-message="Escreva uma mensagem"></textarea>
                                                <p class="help-block text-danger"></p>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                        <div class="col-lg-12 text-center wow zoomIn" data-wow-duration="1s"
                                            data-wow-delay="600ms">
                                            <div id="success"></div>
                                            <!-- Site key -->
                                            <div class="g-recaptcha" data-callback="recaptchaCallback"
                                                data-sitekey="6Lf75TkUAAAAAEHgXPyCVl20Eh1qfSabxJh8exoX"></div>
                                            <!-- js recaptcha -->
                                            <script src="https://www.google.com/recaptcha/api.js?hl=pt-BR" async
                                                defer></script>
                                            <button type="submit" class="btn btn-primary" id="btnEnviar" disabled>Enviar
                                                mensagem</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                </section>
            </div>
        </div>
    </div>

@endsection