A1 La Esquina Creativa

<section id="budget" class="container-fluid background_color">  <div class="spacer s4" id="trigger4"></div>  <div class="row"> <div class="col-lg-2 col-md-0"></div> <div class="col-lg-8 col-md-12 budget--form"> <div class="row"> <div class="col-lg-9 col-md-12 form--white"> <form class="row" id="main_form" data-send="0"> <div class="form--title col-lg-12">Presupuesto página web </div> <div class="form--description col-lg-12">Calcula tu precio web y evita sorpresas. Ahorra y paga sólo en función de las características que necesitas </div> <div class="hr col-lg-12"></div>  <div class="col-lg-4 form--input_name"> <div class="form--name_50"> Tipo de web </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="hover" data-content="<p><b>Página web</b></p><p>Página corporativa indicada para empresas y profesionales autónomos. Tiene como mínimo 3 apartados: Presentación, Servicios o Productos y formulario de Contacto. Incluye página para aviso legal, términos y condiciones y protección de datos.</p> </p><p><b>Tienda online </b></p><p>Tienda concebida para venta online. El formato básico tiene Presentación, 3 categorías de productos, 5 productos, formulario de pedidos y formulario de Contacto. Incluye página para aviso legal, términos y condiciones y protección de datos.</p><button>cerrar</button>">?</a> </div> </div> <div class="col-lg-8 form--input form--input_radio">  <input name="type" type="radio" id="web" value="web" checked> <label for="web">Página web</label>  <input name="type" type="radio" id="shop" value="shop"> <label for="shop">Tienda online</label>  </div> <div class="col-lg-3"></div> <div class="col-lg-9 form--input_notice"></div> <div class="hr col-lg-12"></div>  <div class="col-lg-4 form--input_name"> <div class="form--name_50"> Apartados </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="¿Cuantos apartados crees que necesitará para su página web? Este es el punto más importante para definir el presupuesto de una página web. Lo recomendable es que una página web disponga como mínimo de 4 apartados: inicio, presentación de la empresa, servicios o productos y una página de contacto. <button>cerrar</button>">?</a> </div> </div> <div class="col-lg-8 form--input form--input_r"> <div class="form--input_range" id="second_range"> <div class="form--indicators_block second"> <div class="active">3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> <div>10</div> </div> </div> <input type="hidden" name="count_parts" id="count_parts" value="3">  </div> <div class="hr col-lg-12"></div>   <div class="col-lg-9 for-shop"> <div class="form--input_range" id="products_range"> <div id="custom-handle_shop" class="ui-slider-handle"><span class="num"></span></div> <div class="form--indicators_block-shop form--indicators_block"> <span>0</span> <span>200</span> </div> <input type="hidden" name="count_products" id="count_products" value="0"> </div> </div> <div class="hr col-lg-12 for-shop"></div>-->  <div class="col-lg-4 form--input_name"> <div class="form--name_50"> Diseño </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="<p><b>Plantilla premium</b></p><p>Una plantilla es un conjunto de funcionalidades preestablecidas de diseño que permiten cambios básicos: logo, tipografía, colores de fondo, imágenes, etc. Se puede utilizar para ahorrar costes cuando su presupuesto es módico y/o la información necesaria sobre su negocio no requiere características especiales. </p><p><b>A medida </b></p><p>Si dispone de presupuesto y quiere que su web sea única, con distinción estética e interactiva, contratar o desarrollar una web a medida es la opción ideal.</p> <button>cerrar</button>">?</a> </div> </div> <div class="col-lg-8 form--input form--input_radio">  <input name="design" type="radio" id="design_premium" value="design_premium" checked> <label for="design_premium">Plantilla premium </label>  <input name="design" type="radio" id="uniq_design" value="uniq_design"> <label for="uniq_design">A medida </label>  </div> <div class="hr col-lg-12"></div>   <div class="col-lg-4 form--input_name"> <div class="form--name_50"> ¿Cuánto se tarda? </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Desde 5 días, depende del tipo de web que quiera. Ofrecemos tres definiciones de servicio: PERSONALIZADO – BARATO – RÁPIDO, a elegir dos. Si es personalizado y barato no será rápido. Si es barato y rápido no será personalizado. Si es personalizado y rápido no será barato. <button>cerrar </button>">?</a> </div> </div> <div class="col-lg-8 form--input form--input_r"> <div class="form--input_range" id="first_range"> <div class="form--indicators_block-days"> <div><span data-num="1" id="first_day">7</span> días </div> <div><span data-num="2" id="second_day">10</span> días </div> <div><span data-num="3" id="third_day">14</span> días </div>  </div> <input type="hidden" name="input_days" id="input_days" value="3">  </div>  </div> <div class="hr col-lg-12"></div>  <div class="accordion col-lg-12" id="accordionExample"> <div id="collapseOne" class="collapse row" aria-labelledby="headingOne" data-parent="#accordionExample">  <div class="col-lg-4 form--input_name for-web"> <div class="form--name_50"> Logo </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="<p>Es el elemento gráfico que identifica a una empresa, un proyecto, una institución, un producto. Un buen logo permite que su negocio y lo que ofrece se distinga de la competencia y sea recordado con facilidad. </p><p><b>Logo por 150 euros </b></p><p>En esta opción estará realizado por diseñador en base a parámetros básicos </p><p><b>Logo por 300 euros </b></p><p>En esta opción estará realizado por diseñador especialista en logos mediante un proceso profundo de investigación y análisis. </p> <button>cerrar </button>">?</a> </div> </div> <div class="col-lg-8 form--input_select form--input for-web" style="position: relative;">  <a href="#" class="form--select_main"><span>Ya tengo las imágenes </span><br><span>Seleccionar opción</span></a> <div class="select_popover"> <input name="logo" type="radio" id="not_logo" value="0" checked> <label for="not_logo">Sin logo </label>  <input name="logo" type="radio" id="logo-150" value="150"> <label for="logo-150">150 euros </label>  <input name="logo" type="radio" id="logo-300" value="300"> <label for="logo-300">300 euros </label> </div> </div> <div class="hr col-lg-12 for-web"></div>  <div class="col-lg-4 form--input_name for-web"> <div class="form--name_50"> Fotografías profesionales </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="<p>Las imágenes de calidad y optimizadas para toda clase de dispositivos son fundamentales para tener una imagen atractiva que ayude a generar volumen de negocio.</p><p><b>Stock 150 euros </b></p><p>Estas son fotos de calidad, genéricas, pertenecientes a catálogos disponibles para diseño. </p><p><b>Sesión fotográfica 400 euros </b></p><p>Estas son fotos profesionales personalizadas de sus productos, servicios o espacios de trabajo. </p> <button>cerrar </button>">?</a> </div> </div> <div class="col-lg-8 form--input_select form--input for-web" style="position: relative;">  <a href="#" class="form--select_main"><span>Ya tengo las imágenes </span><br><span>Seleccionar opción</span></a> <div class="select_popover"> <input name="photo_web" type="radio" id="photo_web_no" value="0" checked> <label for="photo_web_no">Ya tengo las imágenes </label>  <input name="photo_web" type="radio" id="photo_web_150" value="150"> <label for="photo_web_150">Stock 150 euros </label> <input name="photo_web" type="radio" id="photo_web_400" value="400"> <label for="photo_web_400">Sesión fotográfica 400 euros </label> </div> </div> <div class="hr col-lg-12 for-web"></div>  <div class="col-lg-3 form--input_name">Opciones </div> <div class="col-lg-9 form--input_options"> <div class="row"> <div class="col-lg-6 col-md-6 form--input"> <input type="checkbox" name="optimizado" value="0" id="optimizado" checked disabled> <label for="optimizado">Optimizado para móviles <span>+ 0€</span></label> <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Cada vez se accede más a Internet a través de dispositivos móviles. Optimice el diseño de tus sitios web para móviles para garantizar una buena experiencia al usuario. <button>cerrar </button>">?</a> </div> <div class="col-lg-6 col-md-6 form--input"> <input type="checkbox" name="textos" value="52" id="textos"> <label for="textos">Textos de calidad a medida <span>+ 52€/apartado </span></label> <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Para que una web sea una buena tarjeta de presentación, no sirve cualquier texto. Tienen que ser textos suficientemente extensos (entre 500 y 1.000 palabras por apartado como mínimo, dependiendo del sector), inéditos, relevantes (ofrecer lo que se busca) y útiles. <button>cerrar </button>">?</a> </div>  <input type="checkbox" name="photo_product" value="10" id="photo_product"> <label for="photo_product">Imágenes de producto profesionales<span>+ 10€/producto</span></label>  </div>--> <div class="col-lg-6 col-md-6 for-shop form--input">  <input class="opts" type="checkbox" name="equar" value="260" id="equar"> <label for="equar">Pasarela de pago con tarjeta <span>+ 260€</span></label> <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Es la aplicación con el que se autorizan pagos a negocios electrónicos. Cifran información sensible, como los números de tarjetas de crédito, para garantizar que la información pasa en forma segura entre el cliente y el vendedor. <button>cerrar </button>">?</a> </div> <div class="col-lg-6 col-md-6 for-shop form--input"> <input class="opts" type="checkbox" name="see_also" value="130" id="see_also"> <label for="see_also">Venta cruzada <span>+ 130€</span></label> <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Es la táctica mediante la cual un vendedor propone productos complementarios a los que consume o pretende consumir un cliente. Su objetivo es aumentar las posibilidades de negocio. <button>cerrar </button>">?</a> </div> <div class="col-lg-6 col-md-6 for-shop form--input"> <input class="opts" type="checkbox" name="registration" value="299" id="registration"> <label for="registration">Registro de usuarios <span>+ 299€</span></label> <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Si queremos que los usuarios de nuestra web reciban más información sobre nuestros servicios o productos mediante envío de boletines o dejarnos un comentario o evaluación, es importante habilitar el registro de usuario. También en una tienda online es aconsejable para facilitar procesos de compra de los clientes que vuelven. <button>cerrar </button>">?</a> </div> <div class="col-lg-6 col-md-6 form--input"> <input class="opts" type="checkbox" name="domain" value="13" id="domain" checked> <label for="domain">Dominio (.es, .com, .net, otros tipos) <span>+ 13€</span></label> <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="El dominio es la dirección en internet donde encontrarán tu página web, por ejemplo www.laempresa.com <button>cerrar</button>">?</a> </div> <div class="col-lg-6 col-md-6 form--input"> <input class="opts" type="checkbox" name="video" value="65" id="video"> <label for="video">Galerías y vídeos <span>+ 65€</span></label>  </div>  <div class="col-lg-6 col-md-6 form--input"> <input class="opts" type="checkbox" name="contact_form" value="39" id="contact_form" checked> <label for="contact_form">Formulario de Contacto <span>+ 39€</span></label>  <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Posibilita a sus clientes tener comunicación inmediata con su negocio. <button>cerrar </button>">?</a> </div> <div class="col-lg-6 col-md-6 form--input"> <input class="opts" type="checkbox" name="formularios" value="70" id="formularios"> <label for="formularios">Formularios (solicitar presupuestos, reservas, concertar una cita…) <span>+ 70€</span></label>  </div> <div class="col-lg-6 col-md-6 form--input"> <input class="opts" type="checkbox" name="blog" value="52" id="blog"> <label for="blog">Blog o apartado de noticias <span>+ 52€</span></label> <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Es una herramienta dinámica donde se publica información actualizada sobre los temas que interesan a sus clientes, los eventos de su empresa y otras novedades atractivas. El objetivo es crear información interesante para atraer nuevos clientes y fidelizar los que ya tiene. <button>cerrar </button>">?</a> </div> <div class="col-lg-6 col-md-6 form--input"> <input class="opts" type="checkbox" name="chat" value="39" id="chat"> <label for="chat">Chat en línea <span>+ 39€</span></label> <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Nos permite estar en contacto con los clientes durante un proceso de compra o consulta de información para atenderlos directamente en lo que puedan necesitar. <button>cerrar </button>">?</a>  </div> <div class="col-lg-6 col-md-6 form--input"> <input class="opts" type="checkbox" name="google_opt" value="599" id="google_opt"> <label for="google_opt">Posicionamiento en Google <span>+ 599€</span></label> <a tabindex="0" class="form--popover form--popover_checkbox" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Para que su web atraiga más clientes necesitará que los usuarios interesados en lo que ofrece la encuentren en Google. Para ello se implementan en cada página las palabras clave más adecuadas por volumen de búsquedas y nivel de competencia. <button>cerrar</button>">?</a> </div> </div> </div> <div class="hr col-lg-12"></div>    <div class="col-lg-4 form--input_name"> <div class="form--name_50"> Hosting </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Es el servidor en el que estarán alojados todos los contenidos de su página web, por ejemplo 1and1, Arsys o CDmon. <button>cerrar </button>">?</a> </div> </div> <div class="col-lg-8 form--input_select form--input mantenimiento" style="position: relative;">  <a href="#" class="form--select_main"><span>Ya lo tengo</span><br><span>Seleccionar opción</span></a> <div class="select_popover"> <input name="hosting" type="radio" id="hosting_not" value="0"> <label for="hosting_not">Ya lo tengo</label>  <input name="hosting" type="radio" id="hosting_10" value="10" checked> <label for="hosting_10">Básico por 10€/mes </label> <input name="hosting" type="radio" id="hosting_20" value="20"> <label for="hosting_20">Avanzado por 20€/mes </label> <input name="hosting" type="radio" id="hosting_30" value="30"> <label for="hosting_30">Ilimitado por 30€/mes</label> </div> </div> <div class="hr col-lg-12"></div>   <div class="col-lg-4 form--input_name"> <div class="form--name_50"> Mantenimiento </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Si su web o tienda virtual actualiza frecuentemente los contenidos y no dispone de personal para realizarlo, o si quiere tener promoción constante, se recomienda contratar el servicio de mantenimiento. </br> <a href='/mantenimiento_web.php' target='_blank' style='color:blue; text-decoration:underline;'>Más información</a> <button>cerrar </button>">?</a> </div> </div> <div class="col-lg-8 form--input_select form--input mantenimiento" style="position: relative;">  <a href="#" class="form--select_main"><span>Sin mantenimiento</br></span></br><span>Seleccionar opción</span></a> <div class="select_popover"> <input class="" name="service" type="radio" id="service_not" value="0" checked> <label for="service_not">Sin mantenimiento </label> <input name="service" type="radio" id="service_29" value="15"> <label for="service_29">Básico por 15 euros/mes </label> <input name="service" type="radio" id="service_49" value="25"> <label for="service_49">Medio por 25 euros/mes </label>  <input name="service" type="radio" id="service_79" value="49"> <label for="service_79">Avanzado 49 euros/mes </label> </div> </div> <div class="hr col-lg-12"></div>   <div class="col-lg-4 form--input_name form--input"> <div class="form--name_50"> Redes sociales </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Las redes sociales como Facebook, Twitter y/o Linkedin favorecen la interacción de los clientes con la empresa, y ayudan a su captación y fidelización.</br> La inclusión de botones y widgets de redes sociales.</br> La creación de perfiles profesionales y de empresa en redes sociales. <button>cerrar </button>">?</a> </div> </div> <div class="col-lg-8 form--input_options"> <div class="row"> <div class="col-lg-6 col-md-6"> <input type="checkbox" name="no_soc" value="0" id="no_soc" checked> <label for="no_soc">Sin redes sociales </label> </div> <div class="col-lg-6 col-md-6"> <input class="soc_vals" type="checkbox" name="facebook" value="20" id="facebook"> <label for="facebook">Facebook</label>  </div> <div class="col-lg-6 col-md-6">  <input class="soc_vals" type="checkbox" name="instagram" value="20" id="instagram"> <label for="instagram">Instagram</label>  </div> <div class="col-lg-6 col-md-6"> <input class="soc_vals" type="checkbox" name="linkedin" value="20" id="linkedin"> <label for="linkedin">Linkedin</label>  </div> <div class="col-lg-6 col-md-6"> <input class="soc_vals" type="checkbox" name="google" value="20" id="google"> <label for="google">Google +</label>  </div> <div class="col-lg-6 col-md-6"> <input class="soc_vals" type="checkbox" name="twitter" value="20" id="twitter"> <label for="twitter">Twitter</label>  </div> <div class="col-lg-6 col-md-6"> <input class="soc_vals" type="checkbox" name="pinteres" value="20" id="pinteres"> <label for="pinteres">Pinterest</label>  </div> </div> </div> <div class="hr col-lg-12"></div>  <div class="col-lg-4 form--input_name"> <div class="form--name_50"> Idiomas </div> <div class="form--popover_50"> <a tabindex="0" class="form--popover" role="button" data-toggle="popover" data-html="true" data-trigger="focus" data-content="Si se dirige a clientes de otros países, quizá le interese que su página web esté en varios idiomas. <button>cerrar </button>">?</a> </div> </div> <input type="hidden" name="langs" value="1" id="langs"> <div class="col-lg-8 form--input form--input_r"> <div class="form--input_range" id="third_range"> <div class="form--indicators_block third"> <div class="active">1</div> <div>2</div> <div>3</div> <div>4</div> </div> </div> </div> <div class="hr col-lg-12"></div>   </div> <div class="col-lg-12 text-center form--showall"><a data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne" href="#"><img src="/img/ic-filter-down.png"> más opciones </a></div>   </div> <input type="hidden" name="dias_tarif1" id="dias_tarif1"> <input type="hidden" name="dias_tarif2" id="dias_tarif2"> <input type="hidden" name="dias_tarif3" id="dias_tarif3"> <input type="hidden" name="tarif_price" id="tarif_price"> <input type="hidden" name="sum_lang" id="sum_lang"> <input type="hidden" name="calc_type" id="sum_lang" value="Presupuesto página web">  <input type="hidden" name="total_price" id="total_price"> </form> </div> <div class="col-lg-3 col-md-0 budget--total"> <div class="budget--total_container"> <div class="budget--total_title mb-3"> Costará </div> <div class="budget--detailed_price"></div> <div class="budget--total_price mb-3"> <span class="total_sum">200</span>€ / <span class="total_days">14</span> días </div> <div class="budget--total_description"> <a href="#not-includes" class="open-popap">¿Qué NO incluye el precio? </a> </div> <div class="budget--total_button"> <a href="#" class="ajax_main_form"><img class="mr-2" src="/img/icon.png"> ENVIAR SOLICITUD </a> </div> <div class="budget--total_notice mt-4"> Precios en la web mostrados sin IVA, IGIC </div> </div> </div> </div> </div> <div class="col-lg-2 col-md-0"></div> </div> </section>