EVOLUTION-MANAGER

Edit File: 2c64c42aa1b334d1ed423444cff11d963ac8c479.php

<?php $inicio = true; ?>

<?php $__env->startSection('style'); ?>

margin-top: 30px;
            margin-left: -30px;
        }
        .card_cll_titu h2{
            font-weight: 700;
        }
        .card_cll_bor img{
            width: 35%;
            margin: 20px 0px 0px 10px ;
        }
        .card_cll_bor p{
            line-height: 1;
            text-align: justify;
            font-size: 20px;
            padding: 10px 10px 20px 10px;
        }
        .card_cll_bor .a_btn{            
            margin-right: 30px;
            margin-top: -15px;
        }
        
        @media  only screen and (min-width: 942px) and (max-width: 1200px){ /*GRANDE*/
            .card_cll{  width: 40% }
        }
        @media  only screen and (min-width: 768px) and (max-width: 941px){ /*MEDIANO*/
            .card_cll{  width: 45% }
        }
        @media (max-width: 767px){ /*PEQUEÑO*/
            .card_cll{  width: 95% }
        }

</style>

@media  only screen and (min-width: 942px) and (max-width: 1200px){ /*GRANDE*/
            .body_servicios{ width: 80%; }
        }
        @media  only screen and (min-width: 768px) and (max-width: 941px){ /*MEDIANO*/
            .body_servicios{ width: 100%; }
            .ser_card img { height: 130px; }
        }
        @media (max-width: 767px){ /*PEQUEÑO*/
            .body_servicios{ width: 100%; }
            .ser_col{ width: 40%; margin: 20px 20px;}
            .ser_card img { height: 110px; }
            .ser_card p{ font-size: 19px; }
        }
        @media (max-width: 414px){ /*MOBILE*/
            .body_servicios{ width: 100%; }
            .ser_col{ width: 100%; margin: 15px 20px;}
        }

</style>

.body_inv_atrac{
            margin: 0 auto;
            justify-content: center !important;
            display: flex;
            flex-wrap: wrap;
        }

@media  only screen and (min-width: 942px) and (max-width: 1200px){ /*GRANDE*/
            
        }
        @media  only screen and (min-width: 768px) and (max-width: 941px){ /*MEDIANO*/
            
        }
        @media (max-width: 767px){ /*PEQUEÑO*/
            
        }
        @media (max-width: 414px){ /*MOBILE*/
            
        }

</style>

<style>

.body_rutas{
            margin: 0 auto;
            justify-content: center !important;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            margin: 100px 150px;
        }
        .card_rutas{
            display: flex;
            align-items: center;
            gap: 10px;
            flex: 1;
            flex-basis: calc(40% - 10px);
            /* background-color: #3be32c; */
        }
        .card_rutas .icon_ruta{
            width: 80px;
            height: 100%;
            margin-right: 10px;
            border: 3px solid #0c73b4;
            border-radius: 15px;
            padding: 8px;
            display: flex;
            align-items: center;
        }
        .card_rutas .icon_ruta img{
            width: 100%;
        }
        .card_rutas .text_ruta{
            color: #0c73b4 !important;
            font-size: 45px;
            line-height: 1;
            margin: 0px;
        }
        .card_rutas .a_ruta{
            height: max-content;
            margin-left: auto;
        }

@media  only screen and (min-width: 942px) and (max-width: 1200px){ /*GRANDE*/
            .card_rutas { flex-basis: auto; }
            .card_rutas .text_ruta { font-size: 30px; width: min-content; }
            .card_rutas .icon_ruta { width: 70px; }
        }
        @media  only screen and (min-width: 768px) and (max-width: 941px){ /*MEDIANO*/
            .card_rutas { flex-basis: auto; }
            .card_rutas .text_ruta { font-size: 25px; width: min-content; }
            .card_rutas .icon_ruta { width: 55px; }
            .body_rutas { margin: 100px 55px; }
        }
        @media (max-width: 767px){ /*PEQUEÑO*/
            .body_rutas { margin: 100px 30px; }
            .card_rutas { flex-basis: auto; }
            .card_rutas .text_ruta { font-size: 28px; }
            .card_rutas .icon_ruta { width: 60px; }
            .card_rutas .a_ruta { font-size: 15px; }
            .card_rutas .a_ruta i { font-size: 25px; }
        }
        @media (max-width: 414px){ /*MOBILE*/
            .body_rutas { margin: 100px 30px; }
            .card_rutas { flex-basis: auto; }
            .card_rutas { width: 100%; }
            .card_rutas .text_ruta { font-size: 24px; }
        }
    </style>

.body_cultura{
            margin: 0 auto;
            justify-content: center !important;
            display: flex;
            flex-wrap: wrap;
        }

<style>

.containerx {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: max-content;
            margin: 0px auto;
        }
        .containerx img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 18%;
        }
        .containerx .ga_img {
            width: 370px;
            height: 370px;
            display: inline-block;
            border: 9px solid #2cabe3;
            border-radius: 20%;
        }
        .containerx .ga_img:nth-child(1){
            transform: translateX(30%);
        }
        .containerx .ga_img:nth-child(3){
            transform: translateX(-30%);
        }
        .center-image {
            width: 440px !important;
            height: 440px !important;
            z-index: 1;
        }
        .cultura_btn{
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 10px;
        }

@media  only screen and (min-width: 942px) and (max-width: 1200px){ /*GRANDE*/
            .containerx .ga_img {
                width: 300px;
                height: 300px;
            }
            .center-image {
                width: 320px !important;
                height: 320px !important;
            }
        }
        @media  only screen and (min-width: 768px) and (max-width: 941px){ /*MEDIANO*/
            .containerx .ga_img {
                width: 200px;
                height: 200px;
            }
            .center-image {
                width: 250px !important;
                height: 250px !important;
            }
            .containerx .ga_img {  border: 6px solid #2cabe3; }
        }
        @media (max-width: 767px){ /*PEQUEÑO*/
            .containerx .ga_img {
                width: 200px;
                height: 200px;
            }
            .center-image {
                width: 250px !important;
                height: 250px !important;
            }
            .containerx .ga_img {  border: 5px solid #2cabe3; }
        }
        @media (max-width: 667px){ /*PEQUEÑO 2*/
            .containerx .ga_img {
                width: 110px;
                height: 110px;
            }
            .center-image {
                width: 180px !important;
                height: 180px !important;
            }
            .containerx .ga_img {  border: 5px solid #2cabe3; }
        }
        @media (max-width: 414px){ /*MOBILE*/
            .containerx .ga_img {
                width: 110px;
                height: 110px;
            }
            .center-image {
                width: 180px !important;
                height: 180px !important;
            }
            .containerx .ga_img {  border: 5px solid #2cabe3; }
        }

</style>

overflow-y: hidden;            
            padding: 10px 10px 10px 40px;
            border-radius: 10px;
            margin-top: 20px;
        }
        .ul_boletin li i{
            color: #54ab15;
        }
        .ul_boletin li:hover{
            text-decoration: underline;
            color: #54ab15;
        }
        .card_boletin .card_cll_titu{
            left: -25px;
        }

.ul_btn_contenedor{
            display: flex;
            overflow: hidden;
            position: relative;
            user-select: none;
            cursor: pointer;
            height: 100%;

margin-left: 15px;
            padding-right: 10px;
            border-radius: 10px;
            -webkit-box-shadow: inset 0px 0px 33px -19px rgb(44 171 227);
            -moz-box-shadow: inset 0px 0px 33px -19px rgb(44 171 227);
            box-shadow: inset 0px 0px 33px -19px rgb(44 171 227);
        }
        .ul_btn_contenedor .b_buttons{
            width: min-content;
            display: grid;
            grid-auto-rows: min-content;
            align-content: center;
            padding-left: 10px; 
        }
        .ul_btn_contenedor .b_buttons button{
            font-size: 35px;
            border: none;
            color: #0c73b4;
            background-color: #ffffff00;
            outline: none;
        }
        .ul_btn_contenedor .b_buttons button:hover{
            color: #139bf0;
        }

@media  only screen and (min-width: 942px) and (max-width: 1200px){ /*GRANDE*/
            .content_boletin{ margin: 0px 100px; }
            .ul_boletin{ font-size: 25px; }
        }
        @media  only screen and (min-width: 768px) and (max-width: 941px){ /*MEDIANO*/
            .content_boletin{ margin: 0px 90px; }
            .ul_boletin{ font-size: 23px; }
        }
        @media (max-width: 767px){ /*PEQUEÑO*/
            .ul_boletin{ font-size: 23px; }
            .card_boletin{ display: none; }
        }
        @media (max-width: 667px){ /*PEQUEÑO 2*/
            .ul_boletin{ font-size: 23px; }
            .card_boletin{ display: none; }
        }
        @media (max-width: 414px){ /*MOBILE*/
            .ul_boletin{ font-size: 23px; }
            .card_boletin{ display: none; }
        }

</style>

.body_contactos label{
            color: #1798cf;
            font-size: 18px;
            font-weight: 600;
            font-family: sans-serif;
            margin: 10px 0px 0px 0px;
        }
        .body_contactos input, .body_contactos textarea{
            border: none;
            border-bottom: 1px solid #17a5dd;
            color: #333333;
            outline: none !important;
            padding: 22px 15px;
        }
        .body_contactos input:focus, .body_contactos textarea:focus{
            border-bottom: 2px solid #17a5dd;
            outline: none !important;
            border-color: none; /* Opcional: Cambia el color del borde al enfocarse */
            box-shadow: none;
            background-color: #f5f5f5;
        }
        .body_contactos button{
            font-size: 20px;
            display: block;
    
            background-color: #0c73b4;
            border: 3px solid #0c73b4;
            color: #ffff;
            text-decoration: none;
            padding: 2px 16px;
            font-size: 18px;
            font-weight: 700;
            border-radius: 5px;
            box-shadow: 0px 0px 9px 1px rgb(8 99 185 / 45%);
            -webkit-box-shadow: 0px 0px 3px 1px rgb(8 99 185 / 45%);
            -moz-box-shadow: 0px 0px 9px 1px rgb(8 99 185 / 45%);
        }
        .body_contactos button:hover{
            background-color: rgb(18, 144, 223);
            color: #ffff !important;
            text-decoration: none;
        }
        .body_contactos textarea, .body_contactos input{
            font-family: sans-serif;
            font-size: 16px;
        }
        .body_contactos .content_form{
            padding: 40px 25px;
            border-radius: 20px;
            background-color: #ffff;
            -webkit-box-shadow: 0px 0px 19px 0px rgba(210, 210, 210, 1);
            -moz-box-shadow: 0px 0px 19px 0px rgba(210, 210, 210, 1);
            box-shadow: 0px 0px 19px 0px rgba(210, 210, 210, 1);
            width: 50%;
        }

@media  only screen and (min-width: 942px) and (max-width: 1200px){ /*GRANDE*/
            /* .body_contactos{ padding: 0px 100px; } */
            .body_contactos .content_form{ width: 70%; }
        }
        @media  only screen and (min-width: 768px) and (max-width: 941px){ /*MEDIANO*/
            /* .body_contactos{ padding: 0px 100px; } */
            .body_contactos .content_form{ width: 60%; }
        }
        @media (max-width: 767px){ /*PEQUEÑO*/
            /* .body_contactos{ padding: 0px 100px; } */
            .body_contactos .content_form{ width: 80%; }
        }
        @media (max-width: 667px){ /*PEQUEÑO 2*/
            /* .body_contactos{ padding: 0px 25px; } */
            .body_contactos .content_form{ width: 90%; }
        }
        @media (max-width: 414px){ /*MOBILE*/
            /* .body_contactos{ padding: 0px 15px; } */
            .body_contactos .content_form{ width: 95%; }
        }

</style>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<section id="section_inicio">
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <?php $__currentLoopData = $carrousel; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $img): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php if($key==0): ?>
                        <li data-target="#carouselExampleIndicators" data-slide-to="<?php echo e($key); ?>" class="active"></li>
                    <?php else: ?>
                        <li data-target="#carouselExampleIndicators" data-slide-to="<?php echo e($key); ?>"></li>
                    <?php endif; ?>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                
            </ol>
            <div class="carousel-inner">
                <?php $__currentLoopData = $carrousel; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $img): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php if($key==0): ?>
                        <div class="carousel-item active">
                            <img src="<?php echo e(route_public($img->imagen)); ?>" class="d-block w-100" alt="...">
                        </div>
                    <?php else: ?>
                        <div class="carousel-item">
                            <img src="<?php echo e(route_public($img->imagen)); ?>" class="d-block w-100" alt="...">
                        </div>
                    <?php endif; ?>
                    
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                
            </div>
            <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </button>
        </div>
    </section>

<section id="section_comollegar">
        <div class="titulo_seccion">
            <hr class="linea_horizontal">
            <div class="contenido">
              <p>
                <span class="span_t1n">C&oacute;mo</span> <span class="span_t1">llegar</span>
                <span style="display: block">
                    <span class="span_t3">al <span class="span_t3n">Cant&oacute;n</span> Sucre</span>
                </span>
              </p>
              <img src="<?php echo e(route_public("/pagina/img/iconos/inicio/comollegar.png")); ?>" alt="Icono">
            </div>
            <hr class="linea_horizontal">
        </div>

<div class="body_comollegar">
            
            <div class="row_card_cll">
                <div class="card_cll">
                    <div class="card_cll_bor">
                        <div class="card_cll_titu">
                            <h2><b>V&iacute;a</b> a&eacute;rea</h2>
                        </div>
                        <center><img src="<?php echo e(route_public('/pagina/img/iconos/inicio/avion.png')); ?>" alt=""></center>
                        <p>Si necesitas direcciones y horarios de las l&iacute;neas a&eacute;reas que trabajan en Sucre, dale clic en esta opcion. Encontraras la informacion necesaria para viajes sin inconvenientes</p>
                        <a href="<?php echo e(asset('/como-llegar/via-aerea')); ?>" class="a_btn">Ver <i class="fa fa-plus"></i></a>
                    </div>
                </div>
                <div class="card_cll">
                    <div class="card_cll_bor">
                        <div class="card_cll_titu">
                            <h2><b>V&iacute;a</b> terrestre</h2>
                        </div>
                        <center><img src="<?php echo e(route_public('/pagina/img/iconos/inicio/bus.png')); ?>" alt=""></center>
                        <p>Conocer sobre el transporte terrestre de cualquier ciudad es fundamental, dale clic a esta opción y conoce sobre las Frecuencia de transporte Terrestre que son parte de Sucre.</p>
                        <a class="a_btn" href="<?php echo e(asset('/como-llegar/via-terrestre')); ?>">Ver <i class="fa fa-plus"></i></a>
                    </div>
                </div>
            </div>

</div>
    </section>

<section id="section_servicios">
        <div class="titulo_seccion" style="padding-top: 50px;">
            <hr class="linea_horizontal">
            <div class="contenido con_mv_10">
                <span class="span_t1n">Servicios</span>
                <img src="<?php echo e(route_public('/pagina/img/iconos/inicio/servicios.png')); ?>" alt="Icono">
            </div>
            <hr class="linea_horizontal">
        </div>

<div class="body_servicios">
            <?php $__currentLoopData = $lista_tipo_servicio; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $tipo_servicio): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    
                <div class="ser_col">
                    <div class="ser_card">
                        <div class="ser_card_content">
                            <a href="<?php echo e(asset('servicio/parroquia/'.$tipo_servicio->codigo_url)); ?>" class="text-decoration-none">
                                <img src="<?php echo e(route_public($tipo_servicio->icono)); ?>" alt="">
                                <p><?php echo e($tipo_servicio->nombre); ?></p>
                            </a>
                        </div>
                    </div>
                </div>

<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>
    </section>

<section id="section_inventario_atractivos">
        
        <div class="titulo_seccion" style="padding-top: 50px;">
            <hr class="linea_horizontal">
            <div class="contenido con_mv_10">
                <span class="span_t1n">Inventario</span>&nbsp;&nbsp;&nbsp;
                <span class="span_t1"> de </span> &nbsp;&nbsp;&nbsp; <span class="span_t1"> atractivos</span>
                <img class="mobil_none" src="<?php echo e(route_public('/pagina/img/iconos/inicio/inventario_atractivos.png')); ?>" alt="Icono">
            </div>
            <hr class="linea_horizontal">
        </div>

<div class="body_inv_atrac">
            <?php $__currentLoopData = $lista_parroquia; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $parroquia): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

<div class="content_inv_atrac">
                    <div class="card_inv_atrac">
                        <div class="card_ia_img">
                            <div class="card_cll_titu">
                                <h4><?php echo $parroquia->nombre; ?></h4>
                            </div>
                            <img src="<?php echo e(route_public($parroquia->foto)); ?>" alt="faro">
                            <a class="a_btn" href="<?php echo e(asset('atractivos/parroquia/listado/'.$parroquia->codigo_url)); ?>">Ver <i class="fa fa-plus"></i></a>
                        </div>
                    </div>
                </div>

<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </div>

</section>

<div class="titulo_seccion" style="padding-top: 100px;">
            <hr class="linea_horizontal">
            <div class="contenido con_mv_10">
                <span class="span_t1n">Rutas</span>&nbsp;&nbsp;&nbsp;
                <span class="span_t1"> tur&iacute;sticas</span>
                <img class="mobil_none" src="<?php echo e(route_public('/pagina/img/iconos/inicio/rutas_turisticas.png')); ?>" alt="Icono">
            </div>
            <hr class="linea_horizontal">
        </div>

<?php $__currentLoopData = $lista_tipo_ruta; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $tipo_ruta): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="card_rutas">
                    <div class="icon_ruta">
                        <img src="<?php echo e(route_public($tipo_ruta->icono)); ?>" alt="">
                    </div>
                    <p class="text_ruta"><?php echo $tipo_ruta->nombre; ?></p>
                    <a class="a_ruta a_btn" href="<?php echo e(asset('rutas-turisticas/parroquia/'.$tipo_ruta->codigo_url)); ?>"> Ver <i class="fa fa-plus"></i></a>
                </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

</div>

</section>

<div class="titulo_seccion" style="padding-top: 100px;">
            <hr class="linea_horizontal">
            <div class="contenido con_mv_10">
                <span class="span_t1n">Cultura</span>
                <img class="mobil_none" src="<?php echo e(route_public('/pagina/img/iconos/inicio/cultura.png')); ?>" alt="Icono">
            </div>
            <hr class="linea_horizontal">
        </div>

<div class="body_cultura">
            <div class="content_cultura">
                <div class="card_cultura">
                    <div class="card_c_img">
                        <div class="card_cll_titu">
                            <h4><b>Identidad</b></h4>
                        </div>
                        <img src="<?php echo e(route_public('/pagina/img/inicio/cultura1.png')); ?>" alt="faro">
                        <a class="a_btn" href="">Ver <i class="fa fa-plus"></i></a>
                    </div>
                </div>
            </div>
            <div class="content_cultura">
                <div class="card_cultura">
                    <div class="card_c_img">
                        <div class="card_cll_titu">
                            <h4><b>Historia</b></h4>
                        </div>
                        <img src="<?php echo e(route_public('/pagina/img/inicio/cultura2.png')); ?>" alt="faro">
                        <a class="a_btn" href="">Ver <i class="fa fa-plus"></i></a>
                    </div>
                </div>
            </div>
            <div class="content_cultura">
                <div class="card_cultura">
                    <div class="card_c_img">
                        <div class="card_cll_titu">
                            <h4><b>Costumbres</b></h4>
                        </div>
                        <img src="<?php echo e(route_public('/pagina/img/inicio/cultura3.png')); ?>" alt="faro">
                        <a class="a_btn" href="">Ver <i class="fa fa-plus"></i></a>
                    </div>
                </div>
            </div>
            <div class="content_cultura">
                <div class="card_cultura">
                    <div class="card_c_img">
                        <div class="card_cll_titu">
                            <h4><b>Religi&oacute;n</b></h4>
                        </div>
                        <img src="<?php echo e(route_public('/pagina/img/inicio/cultura4.png')); ?>" alt="faro">
                        <a class="a_btn" href="">Ver <i class="fa fa-plus"></i></a>
                    </div>
                </div>
            </div>
        </div>

</section>

<div class="titulo_seccion" style="padding-top: 100px;">
            <hr class="linea_horizontal">
            <div class="contenido con_mv_10">
                <span class="span_t1n">Galer&iacute;a</span>
                <img class="mobil_none" src="<?php echo e(route_public('/pagina/img/iconos/inicio/galeria.png')); ?>" alt="Galeria">
            </div>
            <hr class="linea_horizontal">
        </div>

<div class="body_galeria">
            <div class="containerx">
                <div class="ga_img"><img src="<?php echo e(route_public('/pagina/img/inicio/galeria1.png')); ?>" alt="Imagen 1"></div>
                <div class="ga_img center-image"><img src="<?php echo e(route_public('/pagina/img/inicio/galeria2.png')); ?>" alt="Imagen 2"></div>
                <div class="ga_img"><img src="<?php echo e(route_public('/pagina/img/inicio/galeria3.png')); ?>" alt="Imagen 3"></div>
            </div>
        </div>
        <div class="cultura_btn" style="display: grid;">
            <a class="a_btn" href="">Ver <i class="fa fa-plus"></i></a>
        </div>    
    </section>

<div class="titulo_seccion" style="padding-top: 40px;">
            <hr class="linea_horizontal">
            <div class="contenido con_mv_10">
                <span class="span_t1n">Bolet&iacute;n Tur&iacute;stico</span>
                <img class="mobil_none" src="<?php echo e(route_public('/pagina/img/iconos/inicio/boletin_turistico.png')); ?>" alt="Galeria">
            </div>
            <hr class="linea_horizontal">
        </div>
        
        <div class="body_boletin">

<div class="content_boletin">
                <div id="card_boletin_img" class="card_boletin">
                    <div class="card_c_img">
                        <div class="card_cll_titu">
                            <h4><b>Licencia LUAF</b></h4>
                        </div>
                        <img src="<?php echo e(route_public('/pagina/img/inicio/boletin_1.png')); ?>" alt="faro">
                        <a class="a_btn" href="">Ver <i class="fa fa-plus"></i></a>
                    </div>
                </div>
                <div id="card_boletin_list" class="card_lista_boletin">
                    <div class="ul_btn_contenedor">                    
                        <ul id="ul_btn" class="ul_boletin">
                            <li><i class="fa fa-caret-right"></i> <b>Mesa T&eacute;nica</b> del cacao</li>
                            <li><i class="fa fa-caret-right"></i> <b>Socializacion</b> Ordenanza  Tur&iacute;stica</li>
                            <li><i class="fa fa-caret-right"></i> <b>Proyecto</b> Triciclo seguro</li>
                            <li><i class="fa fa-caret-right"></i> <b>Capacitaciones</b> prestadores de servicios tur&iacute;sticos</li>
                            <li><i class="fa fa-caret-right"></i> <b>Fincas</b> Productivas</li>
                            <li><i class="fa fa-caret-right"></i> <b>Palacio</b> Municipal</li>
                            <li><i class="fa fa-caret-right"></i> <b>Parque del</b> Obelisco</li>
                        </ul>
                        <div id="b_buttons" class="b_buttons">
                            <button id="scrollUp"><i class="fa fa-arrow-up"></i></button>
                            <button id="scrollDown"><i class="fa fa-arrow-down"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</section>

<div class="titulo_seccion" style="padding-top: 100px;">
            <hr class="linea_horizontal">
            <div class="contenido con_mv_10">
                <span class="span_t1n">Cont&aacute;ctos</span>
                <img class="mobil_none" src="<?php echo e(route_public('/pagina/img/iconos/inicio/contactos.png')); ?>" alt="Galeria">
            </div>
            <hr class="linea_horizontal">
        </div>

<div class="body_contactos">
            <div class="content_form">
                <form>
                    <div class="form-group">
                    <label for=""><i class="fa fa-address-book"></i> Nombres</label>
                    <input type="text" class="form-control" placeholder="Ingrese el su nombre completo">                  
                    </div>
                    <div class="form-group">
                    <label for=""><i class="fa fa-edit"></i> Asunto</label>
                    <input type="text" class="form-control" placeholder="Ingrese un asunto">
                    </div>
                    <div class="form-group">
                        <label for=""><i class="fa fa-at"></i> Correo</label>
                        <input type="email" class="form-control" placeholder="ejemplo@dominio.ec">
                    </div>
                    <div class="form-group">
                        <label for=""><i class="fa fa-comments-o"></i> Mensaje</label>
                        <textarea type="text" rows="5" class="form-control" placeholder="Escriba su mensaje aqu&iacute;"></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Enviar</button>
                </form>
                </div>
        </div>

</section>

</div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('script'); ?>

//si es necesario hacer scroll
            const div_botones = document.getElementById('b_buttons');
            if(ul_btn.scrollHeight > ul_btn.clientHeight){                
                div_botones.style.visibility = 'visible'
            }else{
                div_botones.style.visibility = 'hidden'
            }
        });
    </script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('pagina.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/sucre/public_html/turismo.sucre.gob.ec/resources/views/pagina/inicio.blade.php ENDPATH**/ ?>