%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/vacivi36/vacivitta_bakcup/app/Views/page/
Upload File :
Create Path :
Current File : /home/vacivi36/vacivitta_bakcup/app/Views/page/unidade.php

<?php
?>

<div class="container mt-5 py-1">
    <div class="row mt-5 align-items-center">
        <div class="col-sm-6 order-sm-2 py-5 ">
            <img class="img-fluid rounded" src="<?php echo base_url()?>/assets/img/Doctors-pana.svg"
                alt="pexels-agung-pandit-wiguna1" width="640px" height="426px">
        </div>
        <div class="col-sm-6 order-sm-1 pb-5">
            <h1>Vacivitta <?= $nome ?><br>
                clínica de vacinação
            </h1>
            <p>
                Veja nossos Horário de atendimento
                <br> Saiba como se proteger.
            </p>
            <a href="<?php echo base_url() ?>/unidade/<?php echo $pagina; ?>#horario" class="btn bg-my-color-1"
                style="color:#fff">Ver Horário</a>
            <a href="#contato" class="btn bg-my-color-1" style="color:#fff">Agendar
                agora</a>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row py-5">
        <div class="col-sm-2 text-center mx-auto">
            <p class="">Saiba como se proteger</p>

            <img class="arrowdown" src="<?php echo base_url(); ?>/assets/img/icones/arrow-down.svg"
                alt="pexels-agung-pandit-wiguna1" width="40px" height="40px">
        </div>
    </div>
</div>

<section class="container-fluid">
    <div class="container">
        <div class="row text-center">
            <div class="col-sm-4 py-5">
                <div class="card h-100 card-shadow">
                    <div id="horario" class="card-body">
                        <img src="<?php echo base_url(); ?>/assets/img/Worktime-bro.svg" alt="Work illustrations by Storyset"
                            width="200px">
                        <div class="px-4 py-4 text-center"
                            style="background-color:#fff; border-radius:18px;  height: 80px;">
                            <p class="texto-titulo">Horário de atendimento
                            </p>
                            <p>
                                <?= $horario_atendimento ?>
                            </p>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-xl-12 pt-4">
                                <img class="arrowdown"
                                    src="<?php echo base_url(); ?>/assets/img/icones/chevron-right-white.svg"
                                    alt="pexels-agung-pandit-wiguna1" width="40px" height="40px" style="color:#fff;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-4 py-5" id="contato">
                <div class="card h-100 card-shadow">
                    <div class="card-body">
                        <img src="<?php echo base_url(); ?>/assets/img/Mobileinbox-bro.svg"
                            alt="Work illustrations by Storyset" width="200px">
                        <div class="px-4 py-4 text-center"
                            style="background-color:#fff; border-radius:18px; height: 80px;">
                            <p class="texto-titulo">Contatos</p>
                            <p>
                                WhatsApp: <?= $whatsapp ?><br>
                                Telefone: <?= $telefone ?>
                            </p>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="px-4 py-4 text-center" style="background-color:#fff; border-radius:18px;">
                            <div class="row">
                                <div class="col">
                                    </a>
                                    <a href="https://api.whatsapp.com/send/?phone=55<?= $whatsapp ?>&text=Digite sua mensagem aqui&app_absent=0"
                                        class="btn bg-my-color-1 btn-xl" role="button" aria-disabled="true"
                                        style="color:#fff;">whatsapp Web</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-4 py-5">
                <div class="card h-100 card-shadow">
                    <div class="card-body">
                        <img src="<?php echo base_url(); ?>/assets/img/Papermap-bro.svg" alt="Work illustrations by Storyset"
                            width="200px">
                        <div class="px-4 py-4 text-center"
                            style="background-color:#fff; border-radius:18px;  height: 80px;">
                            <p class="texto-titulo">Endereço</p>
                            <p><?= $endereco ?></p>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="px-4 py-4 text-center" style="background-color:#fff; border-radius:18px;">
                            <div class="row">
                                <div class="col">
                                    <button type="button" class="btn bg-my-color-1" style="color:#fff"
                                        data-bs-toggle="modal" data-bs-target="#exampleModal">Ver no Mapa
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Endereço  -->
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Endereço</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <iframe src="<?= $url_maps ?>" width="438" height="350" style="border:0;" allowfullscreen=""
                    loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>

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

Zerion Mini Shell 1.0