It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://serviverd.es

  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.  <head>
  5.    <meta charset="utf-8">
  6.    <meta content="ie=edge" http-equiv="x-ua-compatible">
  7.    <meta content="width=device-width, initial-scale=1" name="viewport">
  8.    <title>Serviverd</title>
  9.    <meta name="description" content="Diseños y soluciones innovadoras para la creación de hábitats verdes en entornos urbanos y rurales."/>
  10.    <base href="/">
  11.    <link rel="icon" href="https://serviverd.es/files/sv-file-204">
  12.    
  13.   <meta property="og:title" content="Inicio | Serviverd">
  14.    <meta property="og:site_name" content="serviverd.es">
  15.    <meta property="og:locale" content="es_ES">
  16.    <meta property="og:image" content="https://serviverd.es/files/https://serviverd.es/files/sv-file-205">
  17.    <meta property="og:image:secure_url" content="https://serviverd.es/files/https://serviverd.es/files/sv-file-205">
  18.    
  19.    <meta name="twitter:title" content="Inicio | Serviverd">
  20.    <meta name="twitter:site" content="serviverd.es">
  21.    <meta name="twitter:image" content="https://serviverd.es/files/https://serviverd.es/files/sv-file-205">
  22.  
  23.    <title>Inicio | Serviverd</title>
  24.    <meta name="description" content="Diseños y soluciones innovadoras para la creación de hábitats verdes en entornos urbanos y rurales."/>
  25.    
  26.    <!--GOBOLD FONT-->
  27.    <link rel="preload" href="https://serviverd.es/files/sv-file-745" as="font" type="font/woff2" crossorigin>
  28.    <link href="https://serviverd.es/files/sv-file-746" rel="stylesheet">
  29.  
  30.    <!--STYLE-->
  31.    <link href="https://serviverd.es/files/sv-file-226" rel="stylesheet">
  32.     <!--BOOTSTRAP GRID-->
  33.    <link href="https://serviverd.es/core/files/w-file-241" rel="stylesheet">
  34.    <!--BOOTSTRAP UTILITIES-->
  35.    <link href="https://serviverd.es/core/files/w-file-242" rel="stylesheet">
  36. <!--SWIPER-->
  37. <link href="https://serviverd.es/core/files/w-file-184" rel="stylesheet">
  38. <!--BOX ICONS-->
  39.    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
  40.    <!--LOGO SLIDER-->
  41.    <link href="https://serviverd.es/files/sv-file-227" rel="stylesheet">
  42.    <!--BUEFY-->
  43.    <link href="https://serviverd.es/core/files/w-file-186" rel="stylesheet">
  44.  
  45.  
  46.    <!--VUE DEV-->
  47.    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
  48.    <!--VUE PROD
  49. <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>-->
  50. <!--BUEFY-->
  51. <script src="https://serviverd.es/core/files//w-file-249"></script>
  52. <!--VUE RESOURCE-->
  53. <script src="https://serviverd.es/core/files/w-file-167"></script>
  54. <!--AWESOME SWIPER-->
  55. <script src="https://serviverd.es/core/files/w-file-178"></script>
  56. <script src="https://serviverd.es/core/files/w-file-165"></script>
  57. <script>
  58.     const JSONtoURLEncoded = function(element, key, list){
  59. var list = list || [];
  60. if (typeof(element) == 'object'){
  61.    for (var idx in element)
  62.     JSONtoURLEncoded(element[idx],key?key+'['+idx+']':idx,list);
  63.   } else {
  64.     list.push(key+'='+encodeURIComponent(element));
  65.   }
  66.   return list.join('&');
  67. };
  68.    </script>
  69.    
  70.    <!--FIT TEXT-->
  71.    <script src="https://serviverd.es/files/sv-file-743"></script>
  72.  
  73.    
  74.    <!-- SCHEMA - JSON-LD Generated by: https://hallanalysis.com/json-ld-generator/ -->
  75. <script type='application/ld+json'>
  76. {
  77.  "@context": "http://www.schema.org",
  78.  "@type": "GardenStore",
  79.  "name": "Serviverd",
  80.  "url": "https://www.serviverd.es",
  81.  "logo": "https://serviverd.es/files/sv-file-206",
  82.  "description": "Diseños y soluciones innovadoras para la creación de hábitats verdes en entornos urbanos y rurales.",
  83.  "address": {
  84.    "@type": "PostalAddress",
  85.    "streetAddress": "Calle Molinas, 3",
  86.    "addressLocality": "Benicassim",
  87.    "addressRegion": "Castellón",
  88.    "postalCode": "12560",
  89.    "addressCountry": "España"
  90.  }
  91. }
  92. </script>
  94. <style>
  95. .main-title h1{
  96. font-family: 'Gobold Extra1';
  97.    font-weight: bold;
  98.    font-style: normal;
  99. }
  100. .gobold{
  101. font-family: 'Gobold Extra1';
  102.    font-weight: bold;
  103.    font-style: normal;
  104. }
  105. </style>
  106.  
  107.  </head>
  108.  
  109.    <body class="">
  110.    
  111.     <div id="headerApp">
  112.    
  113.        <div class="menu-main-mobile" id="menu-main-mobile">
  114.            
  115.            <div class="menu-main-mobile-center">
  116.                <ul class="menu">
  117.                    <li class="menu-item ">
  118.                        <a alt="Inicio" :class="{'active' : page == 'home'}" href="/">Inicio</a>
  119.                    </li>
  120.                    <li class="menu-item">
  121.                        <a alt="Proyectos"  :class="{'active' : page == 'proyectos'}" href="/#proyectos">Proyectos</a>
  122.                    </li>
  123.                    <li class="menu-item">
  124.                        <a alt="Garden"  :class="{'active' : page == 'garden'}" href="/garden">Garden</a>
  125.                    </li>
  126.                    <li class="menu-item">
  127.                        <a alt="Contacto" :class="{'active' : page == 'contact'}"  href="/#contact">Contacto</a>
  128.                    </li>
  129.                </ul>
  130.            </div>
  131.          
  132.        </div>
  133.  
  134.        <div id="header" class="serviverd-header " :class="navClass">
  135.            <div class="container-fluid content">
  136.                <div class="logos">
  137.                     <!--<a alt="Inicio" href="/"><img src="https://serviverd.es/files/sv-file-206" alt="Logo Serviverd" title="Serviverd"></a>-->
  138.                </div>
  139.                <div class="menu-main">
  140.                    <ul>
  141.                        <li><a :class="{'active' : page == 'home'}" alt="Inicio" href="/">Inicio</a></li>
  142.                        <li><a :class="{'active' : page == 'proyectos'}" alt="Proyectos" href="/#proyectos">Proyectos</a></li>
  143.                        <li><a :class="{'active' : page == 'garden'}" alt="Garden" href="/garden">Garden</a></li>
  144.                        <li><a :class="{'active' : page == 'contact'}" alt="Contacto"  href="/#contact">Contacto</a></li>
  145.                    </ul>
  146.                </div>
  148.                <div class="hamburger-trigger" id="toggle-menu-main-mobile">
  149.                    <button class="hamburger">Menu</button>
  150.                </div>
  151.            </div>
  152.        </div>
  153.        
  154.        <!--CUADRO COOKIES-->
  155.    <div v-cloak class="cookies-banner text-center" v-if="!cookiesAccepted">
  156. <img alt="Imagen cookies" src="https://serviverd.es/files/sv-file-415" style="width: 40px">
  157. <p class="fs14 mt-1">
  158. Utilizamos cookies propias y de terceros para presonalizar tu experiencia. Para más información consulta nuestra
  159. <a alt="Cookies" style="color: white; text-decoration: underline" href="https://serviverd.es/politica-cookies">Política de cookies</a>.
  160. </p>
  161. <button type="button" class="btn btn-white btn-outline mt-3" v-on:click="acceptCookies()">Aceptar</button>
  162. </div>
  164. <!--MOSCA CONTACTO-->
  165. <a alt="Contactar" href="https://serviverd.es/#contact">
  166. <div class="contact-banner">
  167. <div class="text dark">Contactar</div>
  168. <div class="icon"><i class='bx bx-chat'></i></div>
  169. </div>
  170.         </a>
  171.        </div><div id="app">
  172.  
  173. <section id="about-us" class="section-hero" alt="Sección inicio" title="Sección inicio" style="background-position: 47% -143px; background-image: url('https://serviverd.es/files/sv-file-748');">
  174.    <div class="container-fluid">
  175.     <div class="">
  176.     <div class="hero-logo-container mt-2">
  177.                 <img src="https://serviverd.es/files/sv-file-742" alt="Logo Serviverd" title="Logo Serviverd"  class="hero-logo" style="opacity: 0.8">
  178.            </div>
  179.     <div  class="main-title" style="padding-top: 50px; width:100%; height: 200px">
  180.     <h1>SERVICIOS INTEGRALES PARA ESPACIOS VERDES</h1>
  181.     </div>
  182.     </div>
  183.  
  184.    </div>
  185.   <div id="scroll-container" style="padding-top: 80px; padding-bottom: 10px">
  186.  <div id="scroll-text">
  187.   <span class="tone bold">Estructura</span>&nbsp;&nbsp;
  188.   <span class="tone-dark bold">Arquitectura</span>&nbsp;&nbsp;
  189.   <span class="tone bold">Mantenimiento</span>&nbsp;&nbsp;
  190.   <span class="tone-dark bold">Césped deportivo</span>&nbsp;&nbsp;
  191.   <span class="tone bold">Jardinería</span>&nbsp;&nbsp;
  192.   <span class="tone-dark bold">Paisajismo</span>&nbsp;&nbsp;
  193.   <span class="tone bold">Diseño</span>&nbsp;&nbsp;
  194.   <span class="tone-dark bold">Regadío</span>&nbsp;&nbsp;
  195.   <span class="tone bold">Estructura</span>&nbsp;&nbsp;
  196.   <span class="tone-dark bold">Arquitectura</span>&nbsp;&nbsp;
  197.   <span class="tone bold">Mantenimiento</span>&nbsp;&nbsp;
  198.   <span class="tone-dark bold">Césped deportivo</span>&nbsp;&nbsp;
  199.   <span class="tone bold">Jardinería</span>&nbsp;&nbsp;
  200.   <span class="tone-dark bold">Paisajismo</span>&nbsp;&nbsp;
  201.   <span class="tone bold">Diseño</span>&nbsp;&nbsp;
  202.   <span class="tone-dark bold">Regadío</span>&nbsp;&nbsp;
  203.   <span class="tone bold">Estructura</span>&nbsp;&nbsp;
  204.   <span class="tone-dark bold">Arquitectura</span>&nbsp;&nbsp;
  205.   <span class="tone bold">Mantenimiento</span>&nbsp;&nbsp;
  206.   <span class="tone-dark bold">Césped deportivo</span>&nbsp;&nbsp;
  207.   <span class="tone bold">Jardinería</span>&nbsp;&nbsp;
  208.   <span class="tone-dark bold">Paisajismo</span>&nbsp;&nbsp;
  209.   <span class="tone bold">Diseño</span>&nbsp;&nbsp;
  210.   <span class="tone-dark bold">Regadío</span>&nbsp;&nbsp;
  211.   <span class="tone bold">Estructura</span>&nbsp;&nbsp;
  212.   <span class="tone-dark bold">Arquitectura</span>&nbsp;&nbsp;
  213.   <span class="tone bold">Mantenimiento</span>&nbsp;&nbsp;
  214.   <span class="tone-dark bold">Césped deportivo</span>&nbsp;&nbsp;
  215.   <span class="tone bold">Jardinería</span>&nbsp;&nbsp;
  216.   <span class="tone-dark bold">Paisajismo</span>&nbsp;&nbsp;
  217.   <span class="tone bold">Diseño</span>&nbsp;&nbsp;
  218.   <span class="tone-dark bold">Regadío</span>&nbsp;&nbsp;
  219.  </div>
  220. </div>
  221.    
  222. </section>
  224.  
  226. <div class="slider">
  227.    <div class="slide-track-1">
  228.        <div class="slide" v-for="image in images"><img :src="'https://serviverd.es/files/' + image.wid" :alt="image.name"></div>
  229.    </div>
  230. </div>
  232. <section id="servicios-integrales" class="mt-5">
  233.    <img src="https://serviverd.es/files/sv-file-411" alt="Imagen cabecera servicios integrales" style="width: 100%; height: 400px; object-fit: cover; object-position: bottom;">
  234.    <div class="container" style="padding: 80px 0 100px 0">
  235.        <div class="tone bold text-center" style="padding-bottom: 50px;">
  236.            <h1 class="fs44 gobold">ESPECIALISTAS EN PAISAJISMO</h1>
  237.        </div>
  238.        <div class="row mt-5">
  239.            <div class="col-lg-4 text-center">
  240.                <img src="https://serviverd.es/files/sv-file-209" alt="Semilla" style="height: 80px;">
  241.                <div class="tone bold">IDEA</div>
  242.                <div class="tone-dark bold fs20">
  243.                    Una idea es<br> como una semilla…
  244.                </div>
  245.                <p>Te acompañamos en el proceso de creación de tu jardín o exterior. Desde la propuesta, el análisis del terreno, las referencias visuales o la vegetación a utilizar.</p>
  246.            </div>
  247.            <div class="col-lg-4 text-center">
  248.                <img src="https://serviverd.es/files/sv-file-211" alt="Semilla creciendo" style="height: 80px;">
  249.                <div class="tone bold">PROYECTO EJECUTABLE</div>
  250.                <div class="tone-dark bold fs20">
  251.                    ...que con cariño<br> y esfuerzo...
  252.                </div>
  253.                <p class="">Nos especializamos en el apartado técnico que necesita tu proyecto. Desde planos especializados o indicaciones para construir tu jardín a los renders 3D.</p>
  254.            </div>
  255.            <div class="col-lg-4 text-center">
  256.                <img src="https://serviverd.es/files/sv-file-210" alt="Arbol" style="height: 80px;">
  257.                <div class="tone bold">EJECUCIÓN DE PROYECTO</div>
  258.                <div class="tone-dark bold fs20">..se convierte en la flor más bonita de jardín.</div>
  259.                <p>Si necesitas un servicio llave en mano, podemos llevar la dirección de la obra y su construcción.
  260.                    Construimos tu espacio o jardín como si fuera nuestro.
  261.                </p>
  262.            </div>
  263.        </div>
  264.    </div>
  265. </section>
  267. <section id="servicios" class="page-section">
  268.    <div style="background-image: url('https://serviverd.es/files/sv-file-252'); background-position:top; width: 100%; height: 550px; object-fit: cover; background-position: bottom" class="section-bg" alt="Sección servicios" title="Sección servicios">
  269.  
  270.    </div>
  271.    <div style="padding: 0px 0 80px 0; margin-top: -450px">
  272.    <div class="container">
  273.     <h2 class="white bold fs28">Servicios</h2>
  274.     <div class="white bold mt-5" style="padding-bottom: 50px;">
  275.            <h3 class="fs36 gobold">DISEÑOS Y SOLUCIONES INNOVADORAS PARA LA CREACIÓN DE HABITATS VERDES EN ENTORNOS URBANOS Y RURALES</h3>
  276.        </div>
  277.        <div class="row mt-5">
  278.            <div class="col-lg-3 ">
  279.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  280.                    <img src="https://serviverd.es/files/sv-file-218" alt="Mantenimiento de jardines" style="height: 60px;">
  281.                    <div class="tone-dark bold fs18">
  282.                        Mantenimiento de jardines
  283.                    </div>
  284.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  285.                </div>
  286.            </div>
  287.            <div class="col-lg-3 ">
  288.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  289.                    <img src="https://serviverd.es/files/sv-file-221" alt="Diseño de jardines" style="height: 60px;">
  290.                    <div class="tone-dark bold fs18">
  291.                       Diseño de jardines
  292.                    </div>
  293.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  294.                </div>
  295.            </div>
  296.            <div class="col-lg-3 ">
  297.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  298.                    <img src="https://serviverd.es/files/sv-file-216" alt="Aplicación de productos fitosanitarios" style="height: 60px;">
  299.                    <div class="tone-dark bold fs18">
  300.                        Aplicación de productos fitosanitarios
  301.                    </div>
  302.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  303.                </div>
  304.            </div>
  305.            <div class="col-lg-3 ">
  306.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  307.                    <img src="https://serviverd.es/files/sv-file-222" alt="Trabajos verticales" style="height: 60px;">
  308.                    <div class="tone-dark bold fs18">
  309.                        Trabajos verticales
  310.                    </div>
  311.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  312.                </div>
  313.            </div>
  314.            <div class="col-lg-3 ">
  315.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  316.                    <img src="https://serviverd.es/files/sv-file-223" alt="Montaje y mantenimento de riegos" style="height: 60px;">
  317.                    <div class="tone-dark bold fs18">
  318.                        Montaje y mantenimento de riegos
  319.                    </div>
  320.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  321.                </div>
  322.            </div>
  323.            <div class="col-lg-3 ">
  324.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  325.                    <img src="https://serviverd.es/files/sv-file-219" alt="Montaje de césped artificial" style="height: 60px;">
  326.                    <div class="tone-dark bold fs18">
  327.                        Montaje de césped artificial
  328.                    </div>
  329.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  330.                </div>
  331.            </div>
  332.            <div class="col-lg-3 ">
  333.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  334.                    <img src="https://serviverd.es/files/sv-file-217" alt="Césped deportivo" style="height: 60px;">
  335.                    <div class="tone-dark bold fs18">
  336.                        Césped deportivo
  337.                    </div>
  338.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  339.                </div>
  340.            </div>
  341.            <div class="col-lg-3 ">
  342.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  343.                    <img src="https://serviverd.es/files/sv-file-225" alt="Destoconado" style="height: 60px;">
  344.                    <div class="tone-dark bold fs18">
  345.                        Destoconado
  346.                    </div>
  347.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  348.                </div>
  349.            </div>
  350.            <div class="col-lg-3 ">
  351.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  352.                    <img src="https://serviverd.es/files/sv-file-224" alt="Instalación de pavimento urbano" style="height: 60px;">
  353.                    <div class="tone-dark bold fs18">
  354.                        Instalación de pavimento urbano
  355.                    </div>
  356.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  357.                </div>
  358.            </div>
  359.            <div class="col-lg-3 ">
  360.                <div class="serviverd-card p-3 mb-4" style="min-height: 150px">
  361.                    <img src="https://serviverd.es/files/sv-file-220" alt="Instalación de mobiliario urbano" style="height: 60px;">
  362.                    <div class="tone-dark bold fs18">
  363.                        Instalación de mobiliario urbano
  364.                    </div>
  365.                    <!--<p class="fs14 mt-1">Lorem ipsum dolor sit amet consectetur. Eu mattis arcu sagittis enim tempor eu posuere magna.</p>-->
  366.                </div>
  367.            </div>
  368.        </div>
  369.    </div>
  370.    </div>
  371. </section>
  373. <section id="proyectos" class="page-section mt-5" style="background-color: #d8e8ac; padding: 120px 0 150px 0">
  374.    <div alt="Sección proyectos" title="Sección proyectos">
  375.        <div class="container">
  376.            <h1 class="tone-dark bold fs28 ">Proyectos</h1>
  377.            <div class="row mt-5">
  378.            <div class="col-lg-4 mb-4">
  379.             <a :href="'https://serviverd.es/proyectos/' + 'pequenyos'" alt="Ir a proyectos pequeños">
  380.                <div class="project-card" title="Proyectos pequeños">
  381.                    <img src="https://serviverd.es/files/sv-file-256" alt="Proyectos pequeños">
  382.                    
  383.                     <div class="project-name fs18">
  384.                        <div class="bold">Proyectos pequeños</div>
  385.                        <img src="https://serviverd.es/files/sv-file-207" style="height: 20px; width: 30px">
  386.                    </div>
  387.                
  388.                </div>
  389.                </a>
  390.            </div>
  391.            <div class="col-lg-4 mb-4">
  392.             <a :href="'https://serviverd.es/proyectos/' + 'medianos'" alt="Ir a proyectos medianos">
  393.                <div class="project-card" title="Proyectos medianos">
  394.                 <img src="https://serviverd.es/files/sv-file-254" alt="Proyectos medianos">
  395.                    <div class="project-name fs18">
  396.                        <div class="bold">Proyectos medianos</div>
  397.                        <img src="https://serviverd.es/files/sv-file-207" style="height: 20px; width: 30px">
  398.                    </div>
  399.                </div>
  400.             </a>
  401.            </div>
  402.            <div class="col-lg-4 mb-4">
  403.             <a :href="'https://serviverd.es/proyectos/' + 'grandes'" alt="Ir a proyectos grandes">
  404.                <div class="project-card" title="Proyectos grandes">
  405.                 <img src="https://serviverd.es/files/sv-file-255" alt="Proyectos grandes">
  406.                    <div class="project-name fs18">
  407.                        <div class="bold">Proyectos grandes</div>
  408.                        <img src="https://serviverd.es/files/sv-file-207" style="height: 20px; width: 30px">
  409.                    </div>
  410.                </div>
  411.                </a>
  412.            </div>
  413.        </div>
  414.        </div>
  415.    </div>
  416.    
  417. </section>
  419. <section id="garden" class="section-hero" style="background-image: url('https://serviverd.es/files/sv-file-409'); width: 100%; height: 550px" alt="Imagen cabecera garden">
  420.    <div class="container" style="width: 100%">
  421.            <h1 class="white fs36 bold">Garden</h1>
  422. <p class="white fs20 bold">Explora todos los productos disponibles<br> en Serviverd.</p>
  423.            <a href="/garden" target="_blank" alt="Ir a Garden" title="Ir a Garden" class="mt-4">
  424.             <button class="btn btn-tone btn-lg mt-4">Ver tienda</button>
  425.            </a>
  426.            <div class="text-center" style="margin-top: 80px">
  427.             <h3 class="gobold fs36 white">Tu centro de jardinería de confianza</h3>
  428.            </div>
  429.        </div>
  430. </section>
  432.    <!--<div class="garden-grid">
  433.        <div class="div1" alt="Garden" title="Garden" style="background-image: url('https://serviverd.es/files/sv-file-257');">
  434.            <div class="full-section-padding" style="height: 100%;">
  435.                <div class="d-flex flex-column justify-content-between py-5" style="height: 100%;">
  436.                    <h1 class="white fs26">Garden</h1>
  437.                    <a href="/garden" target="_blank" alt="Ir a Garden" title="Ir a Garden">
  438.                     <div><button style="width: 100%;" class="btn btn-tone btn-sm">Ver tienda</button></div>
  439.                    </a>
  440.                </div>
  441.            </div>
  442.        </div>
  443.        <div class="div2" style="background-image: url('https://serviverd.es/files/sv-file-259');">
  444.            <div class="full-section-padding" style="height: 100%;">
  445.                <div class="d-flex flex-column justify-content-between py-5" style="height: 100%;">
  446.                    <div></div>
  447.                    <div style="width: 100%;" class="project-name">
  448.                        Palmeras
  449.                        <img src="https://serviverd.es/files/sv-file-207" alt="Flecha ir">
  450.                    </div>
  451.                </div>
  452.            </div>
  453.        </div>
  454.        <div class="div3" style="background-image: url('https://serviverd.es/files/sv-file-258');">
  455.            <div class="full-section-padding" style="height: 100%;">
  456.                <div class="d-flex flex-column justify-content-between py-5" style="height: 100%;">
  457.                    <div></div>
  458.                    <div style="width: 100%;" class="project-name">Sustrato <img src="https://serviverd.es/files/sv-file-207"  alt="Flecha ir"></div>
  459.                </div>
  460.            </div>
  461.        </div>
  462.    </div>-->
  464. <!--<section id="nosotros" class="page-section my-5">
  465.    <div class="container">
  466.        <h1 class="tone-dark fs26 ">Nosotros</h1>
  467.        <div class="row">
  468.            <div class="col-lg-3 text-center">
  469.                <img src="img/team-member.png" style="height: 300px; max-width: 100%;">
  470.            </div>
  471.            <div class="col-lg-3 text-center">
  472.                <img src="img/team-member.png" style="height: 300px; max-width: 100%;">
  473.            </div>
  474.            <div class="col-lg-3 text-center">
  475.                <img src="img/team-member.png" style="height: 300px; max-width: 100%;">
  476.            </div>
  477.            <div class="col-lg-3 text-center">
  478.                <img src="img/team-member.png" style="height: 300px; max-width: 100%;">
  479.            </div>
  480.        </div>
  481.    </div>
  482. </section>-->
  484. <section  id="contact" class="" alt="Sección contacto" title="Sección contacto" style="background-image: url('https://serviverd.es/files/sv-file-260'); padding: 100px 0 100px 0; position: relative;">
  485.    <div class="contact-overlay">
  487.    </div>
  488.    <div class="container white" style="position: relative;">
  489.        <div class="row">
  490.            <div class="col-lg-6">
  491.                <h1 class="white bold fs26 ">Contacto</h1>
  492.                <p>Estamos encantados de ayudarte a crear tu espacio.</p>
  493.                <div class="mt-2">
  494.                    <form class="row">
  495.                        <div class="col-lg-6 form-group">
  496.                            <input type="text" placeholder="Nombre" class="form-control" v-model="contactForm.name"></input>
  497.                        </div>
  498.                        <div class="col-lg-6 form-group">
  499.                            <input type="text" placeholder="Email" class="form-control" v-model="contactForm.email"></input>
  500.                        </div>
  501.                        <div class="col-lg-12 form-group">
  502.                            <input type="text" placeholder="Asunto" class="form-control" v-model="contactForm.subject"></input>
  503.                        </div>
  504.                        <div class="col-lg-12 form-group">
  505.                            <textarea placeholder="Mensaje" rows="4" class="form-control" v-model="contactForm.message"></textarea>
  506.                        </div>
  507.                        <div class="col-lg-12 d-flex justify-content-end">
  508.                            <button type="button" class="btn btn-tone" @click="sendContactEmail" alt="Enviar email">Enviar</button>
  509.                        </div>
  510.                    </form>
  511.                </div>
  512.            </div>
  513.            <div class="col-lg-6"></div>
  514.        </div>
  515.        
  516.    </div>
  517. </section>
  518.  
  519. </div>
  520.  
  521.  
  522. <script>
  523.    var app = new Vue({
  524. el: '#app',
  525. data: {
  526.     images: JSON.parse('[{\"wid\":\"sv-file-232\",\"name\":\"primera_imagen\"},{\"wid\":\"sv-file-233\",\"name\":\"segunda_imagen\"},{\"wid\":\"sv-file-234\",\"name\":\"tercer_imagen\"},{\"wid\":\"sv-file-235\",\"name\":\"cuarta_imagen\"},{\"wid\":\"sv-file-236\",\"name\":\"quinta_imagen\"},{\"wid\":\"sv-file-237\",\"name\":\"sexta_imagen\"},{\"wid\":\"sv-file-238\",\"name\":\"septima_imagen\"},{\"wid\":\"sv-file-239\",\"name\":\"octava_imagen\"},{\"wid\":\"sv-file-240\",\"name\":\"novena_imagen\"},{\"wid\":\"sv-file-241\",\"name\":\"decima_imagen\"},{\"wid\":\"sv-file-242\",\"name\":\"onceava_imagen\"},{\"wid\":\"sv-file-243\",\"name\":\"doceava_imagen\"},{\"wid\":\"sv-file-244\",\"name\":\"treceava_imagen\"},{\"wid\":\"sv-file-245\",\"name\":\"catorceava_imagen\"},{\"wid\":\"sv-file-246\",\"name\":\"quinceava_imagen\"},{\"wid\":\"sv-file-247\",\"name\":\"dieciseisava_imagen\"}]'),
  527.     captchaConfig: JSON.parse('{\"type\":\"form-token\",\"token\":\"b2b163cda8d101701b872d6ee4cf6d2f\"}'),
  528.     formToken: null,
  529. contactForm: {},
  530. },
  532. mounted: function(){
  533. textFit(document.getElementsByClassName('main-title'), {multiLine: false})
  534.  
  535. },
  537. methods: {
  538. sendContactEmail: function(){
  539. if(this.contactForm.name != null && this.contactForm.name != ""
  540. && this.contactForm.email != null && this.contactForm.email != ""
  541. && this.contactForm.subject != null && this.contactForm.subject != ""
  542. && this.contactForm.message != null && this.contactForm.message != "" ){
  544. if(this.captchaConfig.type == 'recaptcha-google'){
  545. grecaptcha.ready(()=> {
  546. grecaptcha.execute('', {action: 'submit'}).then((token)=> {
  547. this.doSendContactEmail(token);
  548. });
  549. });
  550. }else{
  551. this.doSendContactEmail(this.captchaConfig.token);
  552. }
  553. }else{
  554. this.showSnackbar("Rellena todos los campos requeridos", "is-danger")
  556. }
  557. },
  559. doSendContactEmail: function(token){
  560.  
  561. let data = {token: token, name: this.contactForm.name, email: this.contactForm.email, subject: this.contactForm.subject, message: this.contactForm.message};
  562. var url = 'https://serviverd.es/api/contact';
  564. fetch(url, {
  565. method: 'POST',
  566. body: JSON.stringify(data),
  567. headers: {
  568. 'Content-Type': 'application/json'
  569. }
  570. })
  571. .then(response => {
  572. return response.json();
  573. })
  574. .then(data => {
  575. if(data.success){
  576. this.showSnackbar("Mensaje enviado correctamente. Pronto nos pondremos en contacto contigo", "is-success")
  577. this.contactForm = {};
  578. }else{
  579. var message = "Error al enviar el mensaje. Vuelve a intentarlo pasados unos minutos."
  580. if(data.errorMessage != null && data.errorMessage != ''){
  581. message = data.errorMessage;
  582. }
  583. this.showSnackbar(message, "is-danger");
  584. }
  585. })
  587. },
  589. showSnackbar: function(message, type){
  590. this.$buefy.snackbar.open({
  591. message: message,
  592. type: type,
  593. position: 'is-top',
  594. })
  595. },
  596. }
  597. });
  598. </script><footer class="serviverd-footer center-mobile">
  599.    <div class="container">
  600.        <div class="row">
  601.            <div class="col-lg-5 mb-3">
  602.                <div style="width: 300px; max-width: 100%;">
  603.                    <div><img class="mb-0" src="https://serviverd.es/files/sv-file-208" alt="Logo Serviverd" style="width: 200px"></div>
  604.                    <div>
  605.                        <p>Diseños y soluciones innovadoras para la creación de hábitats verdes en entornos urbanos y rurales.</p>
  606.                    </div>
  607.                    <div class="d-flex" style="gap: 8px;">
  608.                        <a href="https://www.facebook.com/serviverd/" title="Ir a facebook" alt="facebook" target="_blank"><i class='bx bxl-facebook-circle tone fs26'></i></a>
  609.                        <a href="https://www.instagram.com/serviverd/" title="Ir a instagram" alt="instagram" target="_blank"><i class='bx bxl-instagram-alt tone fs26'></i></a>
  610.                    </div>
  611.                </div>
  612.            </div>
  613.            <div class="col-lg-4 mb-3 mt-5">
  614.                <div class="footer-title">
  615.                    <div>Información legal</div>
  616.                </div>
  617.                <div class="mt-4">
  618.                    <div class="footer-link"><a alt="Politica privacidad" href="/politica-privacidad">Política de privacidad</a></div>
  619.                    <div class="footer-link"><a alt="Politica cookies" href="/politica-cookies">Política de cookies</a></div>
  620.                    <div class="footer-link"><a alt="Accesibilidad" href="/accesibilidad">Accesibilidad</a></div>
  621.                </div>
  622.            </div>
  623.            <div class="col-lg-3 mb-3 mt-5">
  624.                <div class="footer-title">
  625.                    <div>Enlaces de interés</div>
  626.                </div>
  627.                <div class="mt-4">
  628.                    <div class="footer-link"><a alt"Inicio" href="/">Inicio</a></div>
  629.                    <div class="footer-link"><a alt="Proyectos" href="/#proyectos">Proyectos</a></div>
  630.                    <div class="footer-link"><a alt="Garden" href="/garden">Garden</a></div>
  631.                    <div class="footer-link"><a alt="Contacto" href="/#contact">Contacto</a></div>
  632.                </div>
  633.            </div>
  634.            <div class="col-lg-3 mt-5">
  635.                <div>
  636.                    <img src="https://serviverd.es/files/sv-file-214" alt="Financiado por la Unión Europea" style="width: 100%;">
  637.                </div>
  638.            </div>
  639.            <div class="col-lg-3 mt-5">
  640.                <div>
  641.                    <img src="https://serviverd.es/files/sv-file-215" alt="Logo PRTR" style="width: 100%;">
  642.                </div>
  643.            </div>
  644.            <div class="col-lg-6 mt-5">
  645.                <div class="footer-link">Serviverd All rights reserved 2023 | Powered by <a href="https://wisclic.com" alt="Ir a Wisclic" title="Wisclic">Wisclic Tech</a>.</div>
  646.            </div>
  647.        </div>
  648.    </div>
  649. </footer>
  650. <!--HAMBURGUER-->
  651. <script type="text/javascript" src="https://serviverd.es/files/sv-file-231"></script>
  652.  
  653.  
  654. <script>
  655.    const headerApp = new Vue({
  656.        el: '#headerApp',
  657.  
  658.     data: {
  659. cookiesAccepted: false,
  660. page: 'home',
  661. navClass: 'transparent',
  662.        },
  663.        
  664.        beforeMount: function(){
  665. var cookiesAccepted =  localStorage.getItem('cookiesAccepted');
  666. if(cookiesAccepted != null && cookiesAccepted){
  667.             this.cookiesAccepted = true;
  668.            }
  669.        },
  670.        
  671.        mounted: function(){
  672.         menuControl();
  673.         if(this.page == 'home'){
  674.             window.onscroll = ()=>{this.navAnimation()};
  675.         }else{
  676.         this.navClass = '';
  677.         }
  678.        },
  679.    
  680.        methods: {
  681.         acceptCookies(){
  682.         localStorage.setItem('cookiesAccepted', true);
  683.         this.cookiesAccepted = true;
  684.         },
  685.        
  686.         navAnimation: function(){
  687.                if (window.scrollY > 300) {
  688.                    this.navClass = '';
  689.                }else{
  690.                    this.navClass = "transparent";
  691.                }
  692.            },
  693.        }
  694.    });
  695. </script>
  696.  
  697.  
  698. </body>
  699. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda