<!doctype html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

    <title>Costear</title>

    

    <link rel="stylesheet" href="<?php echo e(asset('css\app.css')); ?>">

    <!-- Estilos personalizados -->
    <link href="<?php echo e(asset('css\pantalla-principal.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('css\menu.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('css\custom.css')); ?>" rel="stylesheet">

    <!-- Fonts -->
    <link href="<?php echo e(asset('css\fonts.css')); ?>" rel="stylesheet">

    
    <link href="<?php echo e(asset('css/fontawesome-web/css/all.css')); ?>" rel="stylesheet">

    
    <link href="<?php echo e(asset('slick\slick.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('slick\slick-theme.css')); ?>" rel="stylesheet">
</head>
<body>

    <div class="main">

        
        <header <?php echo $__env->yieldContent('portada'); ?>>
            <div class="container py-2">
                <a href="<?php echo e(route('web.index')); ?>" class="loguito text-white ml-4" style="text-decoration-line: none;">
                    <img src="<?php echo e(asset('img/logo-costear.png')); ?>" alt="" width="150px">
                </a>
                <div class="btn-menu text-white float-right" id="btn-menu">
                    <span class="fa fa-bars"></span>
                </div>
            </div>
        </header>
    
        <?php echo $__env->yieldContent('contenido'); ?>
    
        <section class="espacios text-white" style="background: #222" hidden>
            <div class="container">
                <div class="row">
                    <div class="col text-center">
                        <h1 class="titulo">
                            <span class="texto">contacto</span>
                        </h1>
                    </div>
                </div>
                <div class="row mt-3 justify-content-center">
                    <div class="col-4">
                        <ul class="text-white" style="list-style:none;">
                            <li class="mb-2">
                                <i class="fas fa-envelope mr-2"></i>
                                <span>contacto@costear.com.ar</span>
                            </li>
                            <li class="mb-2">
                                <i class="fas fa-phone mr-2"></i>
                                <span>342 5123 456</span>
                            </li>
                        </ul>
                    </div>
                    <div class="col-4">
                        <form>
                            <div class="form-group">
                              <input type="text" class="form-control" aria-describedby="emailHelp" placeholder="Nombre y Apellido">
                            </div>
                            <div class="form-group">
                                <input type="email" class="form-control" aria-describedby="emailHelp" placeholder="Email">
                            </div>
                            <div class="form-group">
                              <textarea class="form-control" name="" id="" rows="3" placeholder="Comentarios"></textarea>
                            </div>
                            <button type="submit" class="btn btn-secondary">Enviar</button>
                          </form>
                    </div>
                </div>
            </div>
        </section>

        <footer>
            <div class="container-fluid" style="background: black;">
                <div class="row pt-3 pb-1">
                    <div class="col text-center">
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis dicta eius ut quisquam voluptatem dolore ea.</p>  
                    </div>
                </div>
            </div>
        </footer>

        <!-- MENU FULL SCREEN -->
        <div class="full-menu">
            <nav class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="row">
                            <div class="col">
                                <div class="redes">
                                    <i class="fab fa-instagram"></i>
                                    <i class="fab fa-youtube"></i>
                                </div>
                            </div>
                            <div class="col">
                                <img class="img-menu float-right" src="<?php echo e(asset('img/equipo-nivel-recortado.png')); ?>" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <ul class="menu-principal">
                            <li>
                                <a href="<?php echo e(route('web.quienes-somos')); ?>">
                                    <span class="numero">0.1</span>
                                    <span class="texto">quiénes somos</span>
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('web.quienes-somos')); ?>">
                                    <span class="numero">0.2</span>
                                    <span class="texto">presupuestos</span>
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('web.servicios')); ?>">
                                    <span class="numero">0.3</span>
                                    <span class="texto">servicios</span>
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('web.profesionales')); ?>">
                                    <span class="numero">0.4</span>
                                    <span class="texto">profesionales</span>
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('web.proveedores')); ?>">
                                    <span class="numero">0.5</span>
                                    <span class="texto">proveedores</span>
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('web.equipos')); ?>">
                                    <span class="numero">0.6</span>
                                    <span class="texto">equipos</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <span class="numero">0.7</span>
                                    <span class="texto">reglamentos</span>
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('web.novedades')); ?>">
                                    <span class="numero">0.8</span>
                                    <span class="texto">comunidad</span>
                                </a>
                            </li>
                            <li>
                                <a href="<?php echo e(route('web.novedades')); ?>">
                                    <span class="numero">0.9</span>
                                    <span class="texto">novedades</span>
                                </a>
                            </li>
                        </ul>
                    </div>

                    <div class="col text-white" hidden>
                        <ul class="menu-principal mt-5">
                            <li><a href="#">presupuestos</a></li>
                            <ul class="ml-3">
                                <li>ARQUITECTURA</li>
                                <li>reformas / remodelación</li>
                                <li>ampliación</li>
                                <li>interior</li>
                                <li>exterior</li>
                                <li>cubiertas</li>
                                <li>urbanismo</li>
                            </ul>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>

    <!-- Scripts -->
    <script src="<?php echo e(asset('js/jquery-3.5.1.js')); ?>"></script>
    
    <script src="<?php echo e(asset('js/bootstrap.js')); ?>"></script>
    <script src="<?php echo e(asset('js/moment.js')); ?>"></script>
    <script src="<?php echo e(asset('slick/slick.js')); ?>"></script>

    <script src="<?php echo e(asset('js/web/app.js')); ?>" type="module"></script>
    <script src="<?php echo e(asset('js/web/menu.js')); ?>"></script>

    <script src="<?php echo e(asset('js/vue.js')); ?>"></script>
    <script src="<?php echo e(asset('js/axios.js')); ?>"></script>

    <script src="<?php echo e(asset('js/admin/app.js')); ?>" type="module"></script>

    <?php echo $__env->yieldContent('scripts'); ?>
</body>
</html>
<?php /**PATH C:\xampp\htdocs\costear\resources\views/layouts/web.blade.php ENDPATH**/ ?>