@extends('layouts.landinglayaout')

@section('title', '| Nosotros')

@section('content')
    <div class="container-fluid">

        <!-- <div class="row my-3">
            <div class="col">
                <h1>Informacion de Las Canastillas</h1>
            </div>
        </div> -->

        <div class="row align-items-center">
            <div class="col-md-6 col-lg-6 col-xl-6 mb-4">
                <img src="{{ asset('NosotrosMedia/about.png') }}" alt="Descripción de la imagen" style="height: auto; display: block; width: 70%; margin: 0 auto;">
            </div>
            <div class="col-md-6 col-lg-6 col-xl-6 mb-4">
                <img src="{{ asset('NosotrosMedia/Jueves.png') }}" alt="Descripción de la imagen" style="height: auto; display: block; width: 70%; margin: 0 auto;">
            </div>
        </div>

        <div class="row align-items-center">
            <div class="col-md-4 col-lg-4 col-xl-4 mb-4">
                <img src="{{ asset('NosotrosMedia/Mariachis1.png') }}" alt="Descripción de la imagen"
                    class="ms-auto d-block" style="width: 80%; height: auto;">
            </div>
            <div class="col-md-4 col-lg-4 col-xl-4 mb-4">
                <h4 class="elementor-heading-title elementor-size-default" style="font-family: Sans-serif; color: #003B71; font-size: 1.375rem;">Los jueves son para soltar lo que duele con una buena comida, una bebida en la mano y los mariachis tocando directo al corazón.<br><br>
                    💔💃 Es noche de Despecho...
                    y aqui se canta con el alma. y los viernes nos sacudimos la semana con música en vivo y karaoke, porque si algo sabemos hacer es disfrutar aunque estemos lejos. 🎤💃</h4>
            </div>
            <div class="col-md-4 col-lg-4 col-xl-4 mb-4">
                <img src="{{ asset('NosotrosMedia/Mariachis2.png') }}" alt="Descripción de la imagen"
                    class="me-auto d-block" style="width: 80%; height: auto;">
            </div>
        </div>
        <img src="{{ asset('NosotrosMedia/Comida.png') }}" alt="Descripción de la imagen" style="height: auto; display: block; width: 60%; margin: 0 auto;">
        <br>

        <!-- <img src="{{ asset('NosotrosMedia/Fachada.png') }}" alt="Descripción de la imagen" style="height: auto; display: block; width: 100%;">
        <img src="{{ asset('NosotrosMedia/Comida.png') }}" alt="Descripción de la imagen" style="height: auto; display: block; width: 60%; margin: 0 auto;">
        <img src="{{ asset('NosotrosMedia/Letrero.png') }}" alt="Descripción de la imagen" style="height: auto; display: block; width: 60%; margin: 0 auto;">
        <div class="row align-items-center">
            <div class="col-md-4 col-lg-4 col-xl-4 mb-4">
                <img src="{{ asset('NosotrosMedia/Mariachis1.png') }}" alt="Descripción de la imagen"
                    class="ms-auto d-block" style="width: 80%; height: auto;">
            </div>
            <div class="col-md-4 col-lg-4 col-xl-4 mb-4">
                <h4 class="elementor-heading-title elementor-size-default" style="font-family: Barlow, Sans-serif; color: #003B71; font-size: 1.375rem; font-weight: 600;">Los jueves son para soltar lo que duele con una buena comida, una bebida en la mano y los mariachis tocando directo al corazón.<br><br>
                    💔💃 Es noche de Despecho...
                    y aqui se canta con el alma. y los viernes nos sacudimos la semana con música en vivo y karaoke, porque si algo sabemos hacer es disfrutar aunque estemos lejos. 🎤💃</h4>
            </div>
            <div class="col-md-4 col-lg-4 col-xl-4 mb-4">
                <img src="{{ asset('NosotrosMedia/Mariachis2.png') }}" alt="Descripción de la imagen"
                    class="me-auto d-block" style="width: 80%; height: auto;">
            </div>
        </div>
        <img src="{{ asset('NosotrosMedia/Jueves.png') }}" alt="Descripción de la imagen" style="height: auto; display: block; width: 60%; margin: 0 auto;">
        <img src="{{ asset('NosotrosMedia/Fin.png') }}" alt="Descripción de la imagen" style="height: auto; display: block; width: 60%; margin: 0 auto;     margin-bottom: 5%;"> -->
    </div>
@endsection