    <!DOCTYPE html>
    <html>

            <head>

            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <title>Almardà Sense Fils</title>
            <meta name="description" content="Almardà Sense Fils, tu Asociación binaria">
            <meta name="keywords" content="internet, almarda, sagunto, wifi, web, desarrollo web, crear web" />
            <meta name="author" content="pere y pau">

            <!-- Mobile Metas -->
            <meta name="viewport" content="width=device-width, initial-scale=1">

            <!-- Google Fonts  -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,500' rel='stylesheet' type='text/css'> <!-- Body font -->
<link href='https://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'> <!-- Navbar font -->

<!-- Libs and Plugins CSS -->
<link rel="stylesheet" href="/bundles/landing/inc/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/bundles/landing/inc/animations/css/animate.min.css">
<link rel="stylesheet" href="/bundles/landing/inc/font-awesome/css/font-awesome.min.css"> <!-- Font Icons -->
<link rel="stylesheet" href="/bundles/landing/inc/owl-carousel/css/owl.carousel.css">
<link rel="stylesheet" href="/bundles/landing/inc/owl-carousel/css/owl.theme.css">

<!-- Theme CSS -->
<link rel="stylesheet" href="/bundles/landing/css/reset.css">
<link rel="stylesheet" href="/bundles/landing/css/style.css">
<link rel="stylesheet" href="/bundles/landing/css/mobile.css">
<link rel="stylesheet" href="/bundles/landing/css/styles.css">

<!-- Skin CSS -->
<link rel="stylesheet" href="/bundles/landing/css/skin/yellow.css">
<!-- <link rel="stylesheet" href="/bundles/landing/css/skin/cool-gray.css"> -->
<!-- <link rel="stylesheet" href="/bundles/landing/css/skin/ice-blue.css"> -->
<!-- <link rel="stylesheet" href="/bundles/landing/css/skin/summer-orange.css"> -->
<!-- <link rel="stylesheet" href="/bundles/landing/css/skin/fresh-lime.css"> -->
<!-- <link rel="stylesheet" href="/bundles/landing/css/skin/night-purple.css"> -->

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->



            
        </head>
                <div class="page-loader"></div>  <!-- Display loading image while page loads -->
        <div class="body">
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-37251835-6', 'auto');
            ga('send', 'pageview');

        </script>
                

        <!--========== BEGIN HEADER ==========-->
        <header id="header" class="header-main">

            <!-- Begin Navbar -->
            <nav id="main-navbar" class="navbar navbar-default navbar-fixed-top" role="navigation"> <!-- Classes: navbar-default, navbar-inverse, navbar-fixed-top, navbar-fixed-bottom, navbar-transparent. Note: If you use non-transparent navbar, set "height: 98px;" to #header -->

                <div class="container">

                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header" style="width: 20px;">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand page-scroll" href="/">ASF</a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a class="page-scroll" href="body">Inicio</a></li>
                            <li><a class="page-scroll" href="#association">La Asociación</a></li>
                            <li><a class="page-scroll" href="#services-partners">Servicios Socios</a></li>
                            <li><a class="page-scroll" href="#information">Información</a></li>
                            <li><a class="page-scroll" href="#activities">Actividades</a></li>
                            <li><a class="page-scroll" href="#other-services">Otros servicios</a></li>
                            <li><a href="/faq">FAQ</a></li>
                            <li><a class="page-scroll" href="#contact-section">Contacto</a></li>
                                                            <li><a class="page-scroll" href="/user">Login</a></li>
                                                    </ul>
                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container -->
            </nav>
            <!-- End Navbar -->

        </header>
        <!-- ========= END HEADER =========-->




        <!-- Begin text carousel intro section -->
        <section id="text-carousel-intro-section" class="parallax" data-stellar-background-ratio="0.5" style="background-image: url(/bundles/landing/imagenes/background.jpg);">

            <div class="container">
                <div class="caption text-center text-white" data-stellar-ratio="0.7">

                    <div id="owl-intro-text" class="owl-carousel">
                        <div class="item">
                            <h1>Almardà Sense  Fils</h1>
                            <p>¿Quieres internet en tu casa de Almardà? Hazte socio y disfruta de la red de la asociación</p>
                            <div class="extra-space-l"></div>
                            <a class="btn btn-blank page-scroll" href="#information" target="_blank" role="button">¡Ver Más!</a>
                        </div>
                        <div class="item">
                            <h1>Servicios a los Socios</h1>
                            <p>¿De que servicios pueden disfrutar los socios?</p>
                            <div class="extra-space-l"></div>
                            <a class="btn btn-blank page-scroll" href="#services-partners" target="_blank" role="button">¡Ver Más!</a>
                        </div>
                        <div class="item">
                            <h1>Actividades para tod@s</h1>
                            <p>La Asociación realizará diversas actividades para todas las edades.</p>
                            <div class="extra-space-l"></div>
                            <a class="btn btn-blank page-scroll" href="#activities" target="_blank" role="button">¡Ver Más!</a>
                        </div>
                        <div class="item">
                            <h1>Servicios a no socios</h1>
                            <p>Además de todo lo anterior, prestamos servicios a no socios.</p>
                            <div class="extra-space-l"></div>
                            <a class="btn btn-blank page-scroll" href="#other-services" target="_blank" role="button">¡Ver Más!</a>
                        </div>
                        <div class="item">
                            <h1>Redes sociales</h1>
                            <p>Podeis encontrarnos en diversas Redes Sociales.</p>
                            <div class="extra-space-l"></div>
                            <a href="https://www.facebook.com/almardasf" target="_blank" data-toggle="tooltip" data-placement="top" title="Facebook" data-rel="tooltip" class="icon_fb" ><i class="fa fa-facebook-square fa-5x"></i></a>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="https://twitter.com/almardasf" target="_blank" data-toggle="tooltip" data-placement="top" title="Twitter" data-rel="tooltip" class="icon_twitter" ><i class="fa fa-twitter-square fa-5x"></i></a>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="https://www.instagram.com/almardasensefils" target="_blank" data-toggle="tooltip" data-placement="top" title="Twitter" data-rel="tooltip" class="icon_instagram" ><i class="fa fa-instagram fa-5x"></i></a>
                        </div>
                    </div>

                </div> <!-- /.caption -->
            </div> <!-- /.container -->

        </section>
        <!-- End text carousel intro section -->




        <!-- Begin about section -->
        <section id="association" class="page bg-style1">
            <!-- Begin page header-->
            <div class="page-header-wrapper">
                <div class="container">
                    <div class="page-header text-center wow fadeInUp" data-wow-delay="0.3s">
                        <h2>La Asociación</h2>
                        <div class="devider"></div>
                        <p class="subtitle">conócenos</p>
                    </div>
                </div>
            </div>
            <!-- End page header-->

            <!-- Begin rotate box-1 -->
            <div class="rotate-box-1-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <a class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0">
                                <span class="rotate-box-icon"><i class="fa fa-users"></i></span>
                                <div class="rotate-box-info">
                                    <h4>¿Quiénes somos?</h4>
                                    <p>Almardà Sense Fils nace con la finalidad de poder compartir entre todos nuestros conocimientos informáticos y del mundo que lo engloba.</p>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <a class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.2s">
                                <span class="rotate-box-icon"><i class="fa fa-unlock-alt"></i></span>
                                <div class="rotate-box-info">
                                    <h4>¿Con que finalidad?</h4>
                                    <p>Pretendemos promover, en primer lugar la Fundación Guifi.net, así como las redes e infraestructuras abiertas de información y comunicación. Sin olvidarnos del uso de software libre y las nuevas tecnologías.</p>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <a class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.4s">
                                <span class="rotate-box-icon"><i class="fa fa-globe"></i></span>
                                <div class="rotate-box-info">
                                    <h4>¿Por qué lo hacemos?</h4>
                                    <p>Porque pretendemos fomentar el derecho universal a la comunicación y la información, contribuyendo a la reducción de la brecha digital.</p>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <a class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.6s">
                                <span class="rotate-box-icon"><i class="fa fa-university"></i></span>
                                <div class="rotate-box-info">
                                    <h4>¿Eso es todo?</h4>
                                    <p>Por supuesto que no, nuestra aspiración es poder universalizar todos nuestros conocimientos entre todos los socios e interesados.</p>
                                </div>
                            </a>
                        </div>

                    </div> <!-- /.row -->
                </div> <!-- /.container -->
            </div>
            <!-- End rotate box-1 -->



            <div class="extra-space-l"></div>

        </section>
        <!-- End about section -->



        <!-- Begin Services -->
        <section id="services-partners" class="page text-center">
            <div id="testimonial-trigger" class="testimonial text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(/bundles/landing/img/testimonial-bg.jpg">
                <div class="cover"></div>
            <!-- Begin page header-->
            <div class="page-header-wrapper">
                <div class="container">
                    <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                        <h2>Servicios de los Socios</h2>
                        <div class="devider"></div>
                        <p class="subtitle">lo que realmente puedes aprender con nosotros y nuestros talleres, charlas y cursos</p>
                    </div>
                </div>
            </div>
            <!-- End page header-->

            <!-- Begin roatet box-2 -->
            <div class="rotate-box-2-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <a class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0">
                                <span class="rotate-box-icon"><i class="fa fa-wifi"></i></span>
                                <div class="rotate-box-info text-white">
                                    <h4>Redes</h4>
                                    <p>Nuestro fin más trascendental: dar a conocer la red abierta, libre y neutral de Guifi.net, además de todo lo relacionado con redes domésticas.</p>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <a class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0.2s">
                                <span class="rotate-box-icon"><i class="fa fa-code"></i></span>
                                <div class="rotate-box-info text-white">
                                    <h4>Programación</h4>
                                    <p>Si quieres aprender a utilizar Linux, Raspberry Pi, Arduino, programación web, no busques más, esta es tu Asociación.</p>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <a  class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0.4s">
                                <span class="rotate-box-icon"><i class="fa fa-camera"></i></span>
                                <div class="rotate-box-info text-white">
                                    <h4>Imagen y Sonido</h4>
                                    <p>¿No sabes por dónde empezar en Photoshop, Lightroom y retoque fotográfico? Con nosotros podrás empezar manejarlos sin problemas. Y si te gusta la música incluso puedes grabar en nuestro pequeño estudio de grabación.</p>
                                </div>
                            </a>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <a class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0.6s">
                                <span class="rotate-box-icon"><i class="fa fa-share-alt"></i></span>
                                <div class="rotate-box-info text-white">
                                    <h4>No solo unos y ceros</h4>
                                    <p>Y como no todo va a ser informática, desde la Asociación queremos promocionar Almardà de forma activa en las Redes Sociales, así como promover festivales de teatro y artes en sus calles y conciertos musicales.</p>
                                </div>
                            </a>
                        </div>

                    </div> <!-- /.row -->
                </div> <!-- /.container -->


            </div>
            <!-- End rotate-box-2 -->
        </div>
        </section>
        <!-- End Services -->


    <!-- Begin prices section -->
    <section id="information" class="page">

        <!-- Begin page header-->
        <div class="page-header-wrapper">
            <div class="container">
                <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                    <h2>información</h2>
                    <div class="devider"></div>
                    <p class="subtitle">listado de cuotas de los socios</p>
                </div>
            </div>
        </div>
        <!-- End page header-->

        <div class="extra-space-l"></div>

        <!-- Begin prices -->
        <div class="prices">
            <div class="container">
                <div class="row">


                    <div class="price-box align-center wow flipInY col-md-4" data-wow-delay="0.3s">
                        <div class="panel panel-default">
                            <div class="panel-heading text-center">
                                <i class="fa fa-connectdevelop fa-4x"></i>
                                </br>
                                </br>
                                <h3>Socio Usuario Trimestral</h3>
                            </div>
                            <div class="panel-body text-center">
                                <p class="lead"><strong>30€</strong></p>
                            </div>
                            <ul class="list-group text-center">
                                <li class="list-group-item">Acceso a Internet a través de la red de la Asociación </li>
                                <li class="list-group-item">Control y mantenimiento del acceso a internet, gestión del nodo en Guifi.net</li>
                                <li class="list-group-item">Preferencia en la inscripción de los cursos, talleres y jornadas que realice la Asociación</li>
                                <li class="list-group-item"><a href="/faq#install">¿Cómo conectarse a nuestra red?</a></li>

                            </ul>
                            <div class="panel-footer text-center">
                                <a class="btn btn-default" class="page-scroll" href="#contact-section">¡Asociarme ahora!</a>
                            </div>
                        </div>

                    </div> <!-- /.row -->
                    <div class="price-box align-center wow flipInY col-md-8" data-wow-delay="0.3s">
                        <div class="panel panel-default">
                            <div class="panel-heading text-center">
                                <i class="fa fa-map-marker fa-4x"></i>
                                </br>
                                </br>
                                <h3>Cobertura</h3>
                            </div>

                            <ul class="list-group text-center">
                                <img src="/bundles/landing/imagenes/maps/Cobertura_ASF.jpg" alt="title"/>

                            </ul>

                        </div>

                    </div> <!-- /.row -->
                </div> <!-- /.container -->
            </div>
        </div>
        <!-- End prices -->
        </br>
        </br>
        </br>
        </br>
        <!-- Button f&q -->

        <div class="text-center">
            <a class="btn btn-default btn-lg-xl" href="/faq">PREGUNTAS Y RESPUESTAS</a>
        </div>

        <div class="extra-space-l"></div>
    </section>
    <!-- End prices section -->



        <!-- Begin Portfolio -->
        <section id="activities" class="page bg-style1">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portfolio">
                            <!-- Begin page header-->
                            <div class="page-header-wrapper">
                                <div class="container">
                                    <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                                        <h2>Actividades</h2>
                                        <div class="devider"></div>
                                        <p class="subtitle">que hacemos para llevar a cabo nuestros ideales</p>
                                    </div>
                                </div>
                            </div>
                            <!-- End page header-->
                            <div class="portfoloi_content_area" >
                                <div class="portfolio_menu" id="filters">
                                    <ul>
                                        <li class="active_prot_menu"><a href="#porfolio_menu" data-filter="*">todo</a></li>
                                        <li><a href="#porfolio_menu" data-filter=".guifinet">guifi.net</a></li>
                                        <li><a href="#porfolio_menu" data-filter=".programming">programación</a></li>
                                        <li><a href="#porfolio_menu" data-filter=".image">imagen y sonido</a></li>
                                        <li><a href="#porfolio_menu" data-filter=".almarda">almardà</a></li>
                                    </ul>
                                </div>
                                <div class="portfolio_content">
                                    <div class="row"  id="portfolio">
                                        <div class="col-xs-12 col-sm-4 guifinet">
                                            <div class="portfolio_single_content">
                                                <img src="/bundles/landing/imagenes/guifinet/photo_2016-11-27_21-23-03.jpg" alt="title"/>
                                                <div>
                                                    <a>Nodo Guifi.net</a>
                                                    <span>Uno de los nodos usados por ASF</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-4 guifinet">
                                            <div class="portfolio_single_content">
                                                <img src="/bundles/landing/imagenes/guifinet/photo_2016-11-27_21-23-29.jpg" alt="title"/>
                                                <div>
                                                    <a>Instalando Nodo</a>
                                                    <span>Mejorando la conexión entre dos nodos</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-4 guifinet">
                                            <div class="portfolio_single_content">
                                                <img src="/bundles/landing/imagenes/guifinet/photo_2016-11-27_21-23-32.jpg" alt="title"/>
                                                <div>
                                                    <a>Configurando Nodo</a>
                                                    <span>Poniendo a punto un Nodo</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-4 programming">
                                            <div class="portfolio_single_content">
                                                <img src="/bundles/landing/imagenes/programming/raspberry-pi-3.jpg" alt="title"/>
                                                <div>
                                                    <a>Raspberry Pi</a>
                                                    <span>Aprende a usar la Raspberry Pi</span>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End portfolio -->



        <!-- Begin team-->
        <section id="other-services" class="page">
            <div id="counter-up-trigger" class="counter-up text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(/bundles/landing/img/counter-bg.jpg">
                <div class="cover"></div>
            <!-- Begin page header-->
            <div class="page-header-wrapper">
                <div class="container">
                    <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                        <h2>Otros servicios</h2>
                        <div class="devider"></div>
                        <p class="subtitle">si lo que necesitas es que lo hagamos por ti te ofrecemos estos servicios,</p>
                        <p class="subtitle"> contácta con nosotros y resolveremos todas tus dudas</p>
                    </div>
                </div>
            </div>
            <!-- End page header-->
                <!-- Begin roatet box-2 -->
                <div class="rotate-box-2-wrapper">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3 col-sm-6">
                                <a class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0">
                                    <span class="rotate-box-icon"><i class="fa fa-signal"></i></span>
                                    <div class="rotate-box-info text-white">
                                        <h4>Redes</h4>
                                        <p>Si deseas unirte a Guifi.net podemos realizarte la instalación completa. O si necesitas instalar una red doméstica donde lo necesites, tanto por cable como de forma inalámbrica, también te lo efectuaremos.</p>
                                        <p>Por otro lado, igualmente podemos unir dos o más ubicaciones de forma inalámbrica, aunque se encuentren a pocos kilómetros de distancia. Así podrás desde compartir la conexión de internet de una red con la otra, como acceder a tus equipos de tu puesto de trabajo de forma segura.</p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-md-3 col-sm-6">
                                <a class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0.2s">
                                    <span class="rotate-box-icon"><i class="fa fa-html5"></i></span>
                                    <div class="rotate-box-info text-white">
                                        <h4>Programación</h4>
                                        <p>Necesitas una web, crearte una VPN y poder acceder a la red de tu casa o trabajo desde cualquier parte del mundo con tu movil u ordenador, o mejor domotizarla. Pues eso y muchas cosas más están a tu alcance.</p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-md-3 col-sm-6">
                                <a  class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0.4s">
                                    <span class="rotate-box-icon"><i class="fa fa-camera-retro"></i></span>
                                    <div class="rotate-box-info text-white">
                                        <h4>Imagen y Sonido</h4>
                                        <p>Tienes un negocio y quieres un reportaje fotográfico, un video para mostrar tus instalaciones, hasta con Dron e incluso un video en 360 al más puro estilo de Google Street View de tus instalaciones, deja de buscar porque estás en el sitio perfecto.</p>
                                        <p>Sin olvidarnos del sonido, porque también puedes grabar lo que necesites en nuestro modesto estudio de música. O si prefieres podemos sonorizarte cualquier evento.</p>
                                    </div>
                                </a>
                            </div>

                            <div class="col-md-3 col-sm-6">
                                <a class="rotate-box-2 square-icon text-center wow zoomIn" data-wow-delay="0.6s">
                                    <span class="rotate-box-icon"><i class="fa fa-info"></i></span>
                                    <div class="rotate-box-info text-white">
                                        <h4>¿Eso es todo?</h4>
                                        <p>Dicen que el saber no ocupa lugar, pero en este caso no podemos enumerar todos nuestros servicios, por lo que te animamos a que contactes con nosotros y resolveremos todas tu dudas. Nos gusta superarnos y que nos lo pongáis díficil.</p>
                                    </div>
                                </a>
                            </div>

                        </div> <!-- /.row -->
                    </div> <!-- /.container -->


                </div>
                <!-- End rotate-box-2 -->
        </div>
        </section>
        <!-- End team-->



        <!-- Begin social section -->
        <section id="social-section">
    <!-- Begin page header-->
    <div class="page-header-wrapper">
        <div class="container">
            <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                <h2>Síguenos</h2>
                <div class="devider"></div>
                <p class="subtitle">Síguenos en las redes sociales</p>
            </div>
        </div>
    </div>
    <!-- End page header-->

    <div class="container">
        <ul class="social-list">
            <li> <a href="https://www.facebook.com/almardasf" target="_blank" class="rotate-box-1 square-icon text-center wow zoomIn " data-wow-delay="0.3s"><span class="rotate-box-icon"><i class="fa fa-facebook fa-5x"></i></span></a></li>
            <li> <a href="https://twitter.com/almardasf" target="_blank" class="rotate-box-1 square-icon text-center wow zoomIn" data-wow-delay="0.4s"><span class="rotate-box-icon"><i class="fa fa-twitter fa-5x"></i></span></a></li>
            <li> <a href="https://www.instagram.com/almardasensefils" target="_blank" class="rotate-box-1 square-icon text-center wow zoomIn" data-wow-delay="0.5s"><span class="rotate-box-icon"><i class="fa fa-instagram fa-5x"></i></span></a></li>
        </ul>
    </div>
</section>        <!-- End social section -->




        <!-- Begin contact section -->
        <section id="contact-section" class="page text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(/bundles/landing/img/map-bg.jpg);">
            <div class="cover"></div>

            <!-- Begin page header-->
            <div class="page-header-wrapper">
                <div class="container">
                    <div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
                        <h2>Contacto</h2>
                        <div class="devider"></div>
                        <p class="subtitle">como contactarnos</p>
                    </div>
                </div>
            </div>
            <!-- End page header-->

            <div class="contact wow bounceInRight" data-wow-delay="0.4s">
                <div class="container">
                    <div class="row">

                        <div class="col-sm-6">
                            <div class="contact-info">
                                <h4>Our Address</h4>
                                <ul class="contact-address">
                                    <i class="fa fa-map-marker"></i> Almardà Sense Fils <br> <br> Almardà, Sagunto <br> <br> Valencia, España
                                    <br> <br>
                                    <li><i class="fa fa-phone aria-hidden="true""></i>668 834 596</li>
                                    <br> <br>
                                    <li><i class="fa fa-envelope"></i>info@almardasensefils.org</li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="contact-form">
                                <h4>Escríbenos</h4>
                                <div id="contact_form">
                                    <div class="form-group">
                                        <input type="text" id="name" class="form-control input-lg" placeholder="Tu nombre" required>
                                    </div>
                                    <div class="form-group">
                                        <input type="email" id="email" class="form-control input-lg" placeholder="E-mail" required>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" id="asunto" class="form-control input-lg" placeholder="Asunto" required>
                                    </div>
                                    <div class="form-group">
                                        <textarea id="message" class="form-control input-lg" rows="5" placeholder="Mensaje" required></textarea>
                                    </div>
                                    <button onclick="sendContact()" class="btn wow bounceInRight" data-wow-delay="0.8s">Enviar</button>
                                </div>
                                <div id="contact_message">

                                </div>
                            </div>
                        </div>

                    </div> <!-- /.row -->
                </div> <!-- /.container -->
            </div>
        </section>
        <!-- End contact section -->

        <!-- Begin footer -->
        <footer class="text-off-white">



<div class="footer">
    <div class="container text-center wow fadeIn">
        <p class="copyright">Copyright &copy; 2016 - Diseñado por Almardà Sense Fils</p> <p><li><a href="/notice">Aviso Legal</a></li>  <li><a href="/privacy">Política de Privacidad</a></li></p>
    </div>
</div>

</footer>        <!-- End footer -->

        <a href="#" class="scrolltotop"><i class="fa fa-arrow-up"></i></a> <!-- Scroll to top button -->

    <script>

        function sendContact(){
            var name = $('#name').val();
            var email = $('#email').val();
            var asunto = $('#asunto').val();
            var message = $('#message').val();

            var form ={
                'name': name,
                'email': email,
                'asunto': asunto,
                'message': message
            }
            $.ajax({
                type: "POST",
                url: "https://almardasensefils.org/ajax/contact",
                data: form,
                dataType: 'json',
                success: function(data)
                {
                    if(data.hasOwnProperty("response") && data.response === "success")
                    {
                        console.log(data);
                        $('#contact_form').html('<p>Tu email se ha enviado con exito</p>');
                    }
                },
                error: function(jqXHR, exception)
                {
                    if(jqXHR.status === 405)
                    {
                        console.error("METHOD NOT ALLOWED!");
                    }
                    $('#contact_form').html('Lo sentimos, tu email no se ha podido enviar. Intentalo de nuevo mas tarde');
                }
            });
        }
    </script>



            <!-- /#page-wrapper -->

        </div>
        <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<!-- Plugins JS -->
<script src="/bundles/landing/inc/jquery/jquery-1.11.1.min.js"></script>
<script src="/bundles/landing/inc/bootstrap/js/bootstrap.min.js"></script>
<script src="/bundles/landing/inc/owl-carousel/js/owl.carousel.min.js"></script>
<script src="/bundles/landing/inc/stellar/js/jquery.stellar.min.js"></script>
<script src="/bundles/landing/inc/animations/js/wow.min.js"></script>
<script src="/bundles/landing/inc/waypoints.min.js"></script>
<script src="/bundles/landing/inc/isotope.pkgd.min.js"></script>
<script src="/bundles/landing/inc/classie.js"></script>
<script src="/bundles/landing/inc/jquery.easing.min.js"></script>
<script src="/bundles/landing/inc/jquery.counterup.min.js"></script>
<script src="/bundles/landing/inc/smoothscroll.js"></script>

<!-- Theme JS -->
<script src="/bundles/landing/js/theme.js"></script>        </html>
