EVOLUTION-MANAGER

Edit File: aereo.blade.php

@extends('pagina.master')

@section('style')

<style>

.body_via_aerea{
            margin: 0px 200px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
        }

.ba_card{
            width: max-content;
            padding: 20px;        
            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);
            font-family: system-ui;
        }
        .bd_inicio *{
            line-height: 1.3;
            margin: 0;
        }
        .bd_inicio h3{
            color: #0c73b4;
            margin-top: 10px;
        }
        .bd_info{
            margin: 10px 0px 0px 0px;
            padding: 10px 0px 0px 0px;
            border-top: 1px solid #1389d3;            
        }
        .bd_info *{
            margin: 0;
            line-height: 1;
        }

@media only screen and (min-width: 942px) and (max-width: 1200px){ /*GRANDE*/
            .body_via_aerea{ margin: 0px 200px;  }
        }
        @media only screen and (min-width: 768px) and (max-width: 941px){ /*MEDIANO*/
            .body_via_aerea{ margin: 0px 100px;  }
        }
        @media (max-width: 767px){ /*PEQUEÑO*/
            .body_via_aerea{ margin: 0px 50px;  }
        }
        @media (max-width: 667px){ /*PEQUEÑO 2*/
            .body_via_aerea{ margin: 0px 10px;  }
        }
        @media (max-width: 414px){ /*MOBILE*/
            .body_via_aerea{ margin: 0px 10px;  }
        }
</style>

@endsection

@section('content')

<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 loading="lazy" src="{{route_public("/pagina/img/iconos/inicio/comollegar.png")}}" alt="Icono">
            </div>
            <hr class="linea_horizontal">
        </div>

<h1 style="width: 100%; color: #0c73b4;"><i class="fa fa-caret-right"></i> V&iacute;a a&eacute;rea</h1>

<div class="ba_card">
                <div class="bd_inicio">
                    <center><img src="https://cuenca.com.ec/sites/default/files/corpac_150_0.jpg" alt=""></center>
                    <h3>Titulo del aeropuesto</h3>
                    <p>Direccion dav del aerocpuesto</p>
                    <p>Telefono del aeropuerto</p>
                </div>                
                <div class="bd_info">
                    <a href="">www.pagina.com</a>
                    <p>mas informacion</p>
                    <a href="">mas iformacion de no se que</a>
                </div>
            </div>

<div class="ba_card">
                <div class="bd_inicio">
                    <center><img src="https://cuenca.com.ec/sites/default/files/lan_150.jpg" alt=""></center>
                    <h3>Titulo del aeropuesto</h3>
                    <p>Direccion dav del aerocpuesto</p>
                    <p>Telefono del aeropuerto</p>
                </div>                
                <div class="bd_info">
                    <a href="">www.pagina.com</a>
                    <p>mas informacion</p>
                    <a href="">mas iformacion de no se que</a>
                </div>
            </div>

<div class="ba_card">
                <div class="bd_inicio">
                    <center><img src="https://cuenca.com.ec/sites/default/files/tame_150.jpg" alt=""></center>
                    <h3>Titulo del aeropuesto</h3>
                    <p>Direccion dav del aerocpuesto</p>
                    <p>Telefono del aeropuerto</p>
                </div>                
                <div class="bd_info">
                    <a href="">www.pagina.com</a>
                    <p>mas informacion</p>
                    <a href="">mas iformacion de no se que</a>
                </div>
            </div>

</div>

</section>

@endsection

@section('script')
@endsection