{HEADER}



<link href="assets2/css/nosotros.min.css" rel="stylesheet" />



<main>

    <div class="section-welcome-nosotros"></div>

    <div class="section-nosotros pt-5">

        <div class="row">

            <div class="col-12 col-md-6 offset-md-6 ps-md-5 ps-xxl-3">

                <p class="title-nosotros wow fadeInUp">{NOSOTROS_TITLE}</p>

            </div>

        </div>

        <div class="content-text-nosotros py-5">

            <div class="container position-relative">

                <div class="row mt-3 mt-md-0">

                    <div class="col-12 col-md-6 col-left d-md-none">

                        <div class="row">

                            <div class="col-6">

                                <img class="img-fluid w-100 wow fadeInUp" src="assets/images/nosotros/nosotros1.png" alt="Nosotros">

                            </div>

                            <div class="col-6">

                                <img class="img-fluid w-100 wow fadeInUp delay-200 translateY" src="assets/images/nosotros/nosotros2.png" alt="Nosotros">

                            </div>

                        </div>

                        <div class="row mt-3">

                            <div class="col-6">

                                <img class="img-fluid w-100 wow fadeInUp delay-400" src="assets/images/nosotros/nosotros3.png" alt="Nosotros">

                            </div>

                            <div class="col-6">

                                <img class="img-fluid w-100 wow fadeInUp delay-600 translateY" src="assets/images/nosotros/nosotros4.png" alt="Nosotros">

                            </div>

                        </div>

                    </div>

                    <div class="col-12 col-md-6 offset-md-6 col-right ps-md-5 ps-xxl-3 mt-3 mt-md-0">

                        <p class="wow fadeInUp">

                            {NOSOTROS_DESC}

                        </p>

                    </div>

                </div>

                <div class="row img-desktop d-none d-md-block">

                    <div class="col-12 col-md-4 offset-md-1 col-xxl-6 offset-xxl-0 col-left">

                        <div class="row">

                            <div class="col-6">

                                <img class="img-fluid w-100 wow fadeInUp" src="assets/images/nosotros/nosotros1.png" alt="Nosotros">

                            </div>

                            <div class="col-6">

                                <img class="img-fluid w-100 wow fadeInUp delay-200 translateY" src="assets/images/nosotros/nosotros2.png" alt="Nosotros">

                            </div>

                        </div>

                        <div class="row mt-3">

                            <div class="col-6">

                                <img class="img-fluid w-100 wow fadeInUp delay-400" src="assets/images/nosotros/nosotros3.png" alt="Nosotros">

                            </div>

                            <div class="col-6">

                                <img class="img-fluid w-100 wow fadeInUp delay-600 translateY" src="assets/images/nosotros/nosotros4.png" alt="Nosotros">

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="section-diferentes">

        <div class="container-fluid">

            <div class="row">

                <div class="col-md-4 text-end">

                    <img class="wow fadeInUp" src="assets/images/nosotros/title1.png" alt="Title" style="margin-top: -5rem">

                </div>

                <div class="col-12 col-md-4">

                    <h2 class="wow fadeInUp">Somos Diferentes</h2>

                </div>

                <div class="col-md-4 text-start">

                    <div style="margin-top: -3rem">

                        <img class="wow fadeInUp title2" src="assets/images/nosotros/title2.png" alt="Title">

                        <img class="wow fadeInUp title3" src="assets/images/nosotros/title3.png" alt="Title">

                    </div>

                </div>

            </div>

            <div class="row">

                <div class="col-12 col-md-4">

                    <div class="content-card px-4 h-100">

                        <div class="card h-100 wow fadeInUp">

                            <div class="text-center p-4">

                                <img src="assets/images/nosotros/img-card1.png" alt="Card">

                            </div>

                            <div class="text-card px-4">

                                <p class="mb-4">{BANNER_1}</p>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-12 col-md-4">

                    <div class="content-card px-4 h-100">

                        <div class="card h-100 wow fadeInUp">

                            <div class="text-center p-4">

                                <img src="assets/images/nosotros/img-card2.png" alt="Card">

                            </div>

                            <div class="text-card px-4">

                                <p class="mb-4">{BANNER_2}</p>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-12 col-md-4">

                    <div class="content-card px-4 h-100 zoom-in">

                        <a href="https://www.just-eat.es/restaurants-la-cocina-de-medialuna-palmas-de-gran-canaria-las" target="_blank" rel="noopener noreferrer" style="color:#4f4f4f;">

                            <div class="card h-100 wow fadeInUp">

                                <div class="text-center p-4">

                                    <img src="assets/images/nosotros/img-card3.png" alt="Card">

                                </div>

                                <div class="text-card px-4">

                                    <p class="mb-4">{BANNER_3}</p>

                                </div>

                            </div>

                        </a>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <div class="section-letter">

        <div class="container-fluid">

            <div class="row">

                <div class="col-12 col-md-6 p-5 bg-letter">

                    <div class="p-5">

                        <p class="mb-3 mt-5">

                            {BANNER_4}

                        </p>

                        <p class="text-end mb-3">El equipo Medialuna</p>

                    </div>

                </div>

                <div class="col-12 col-md-6 bg-img">&nbsp;</div>

            </div>

        </div>

    </div>

    <div class="section-form py-5" style="background-image: url(assets/images/nosotros/bg-form.png);">

        <img class="miselaneo-nosotros" src="assets/images/nosotros/miselaneo-form.png" alt="Miselaneo">

        <div id="divFormapartedelequipo" class="container">

            <h2 class="text-blue">¿Quieres formar parte de nuestro equipo?</h2>

            <form id="frmFormapartedelequipo" class="">

                <div class="row">

                    <div class="col-12 col-md-6 mt-3">

                        <input type="text" class="form-control" name="info[name]" id="name" placeholder="Nombre y Apellidos" required="">

                    </div>

                    <div class="col-12 col-md-6 mt-3">

                        <input type="email" class="form-control" name="info[email]" id="email" placeholder="Email" required="">

                    </div>

                    <div class="col-12 col-md-6 mt-3">

                        <input type="text" class="form-control" name="info[cate]" id="categoria" placeholder="Categoria" required="">

                    </div>

                    <div class="col-12 col-md-6 mt-3">

                        <input type="text" class="form-control" name="info[phone]" id="phone" placeholder="Teléfono de contacto" required="">

                    </div>

                    <div class="col-12 mt-3">

                        <textarea class="form-control" name="info[texto]" id="observaciones" placeholder="Observaciones" rows="5" required=""></textarea>

                    </div>

                    <div class="col-12 mt-2">

                        <p style="font-size: 10px; line-height: 12px;">

                            En cumplimiento de lo establecido en el RGPD y la LOPD-GDD, le informamos de que los datos personales recabados por La Cocina de Medialuna mediante este formulario quedarán incorporados y serán tratados en nuestro ficheros con el fin de poder realizar

                            nuestros servicios, así como informarle en el futuro sobre ellos.

                        </p>

                    </div>

                    <div class="col-12 mb-2" style="text-align: left;">

                        <div class="form-check">

                            <input class="form-check-input btn-outline-success checkmark" type="checkbox" name="info[acepto]" value="ok" id="i_acepto" style="float: none;">

                            <label class="form-check-label" for="i_acepto" style="color: #222222;">

                                      Acepto <a href="/politicadeprivacidad" target="_blank" rel="noopener noreferrer" style="color: #222222;"><u>política de privacidad</u></a> y <a href="/terminosycondiciones" target="_blank" rel="noopener noreferrer" style="color: #222222;"><u>términos y condiciones</u></a>

                            </label>

                        </div>

                    </div>

                    <div class="col-12 col-sm-6 offset-sm-6 col-md-4 offset-md-8 col-lg-3 offset-lg-9 mt-3">

                        <a href="#!" class="btn btn-custom btn-rounded btn-blue-white btn-center-out w-100 pe-5 ps-5" type="button" onclick="run('formapartedelequipo','Formapartedelequipo','Formapartedelequipo')">

                            <svg xmlns="http://www.w3.org/2000/svg" class="svg-inline--fa fa-user-alt fa-w-16" fill="none" viewBox="0 0 24 24" stroke="currentColor">

                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12" />

                              </svg> Enviar

                        </a>

                    </div>

                </div>

            </form>

        </div>

    </div>

    <style>

        .checkmark:hover {

            background-color: #88D4C9;

        }

        

        .checkmark:checked {

            background-color: #88D4C9;

            border-color: #88D4C9;

        }

    </style>



    {FOOTER} {SHOPPING}



</main>