</ iframe > </noscript> <!-- End Google Tag Manager(noscript) --> <div id="menuArt" nf-menu-institucional="menuData"></div> <header id="welcome" nf-page-header="pageHeaderDataSlider"></header> <main id="content" class="bg-white text-center text-gray-darkest"> <section class="container margin-bottom-double"> <article class="row"> <div class="col-xs-12"> <a href='#' data-toggle='modal' data-target='#modalSolicitud'> <picture class="margin-top img-responsive" width="100%"> <source media="(max-width: 480px)" srcset="/Landing/Content/Art/Banners/bannermedio_S.png"> <source media="(max-width: 720px)" srcset="/Landing/Content/Art/Banners/bannermedio_M.png"> <source media="(max-width: 1140px)" srcset="/Landing/Content/Art/Banners/bannermedio_L.png"> <img nf-lazy-img nf-lazy-img-src="/Landing/Content/Art/Banners/bannermedio_L.png" alt="Banner Prevenet" width="100%" /> </picture> </a> </div> </article> <article class="row"> <div class="col-xs-12"> <a href="http://web.gruposancorseguros.com/ar/es/novedades/24_6_2020_covid19unasecciondeautogestionenprevenet" target="_blank"> <picture class="margin-top img-responsive" width="100%"> <source media="(max-width: 480px)" srcset="/Landing/Content/Art/Banners/banner_covid_S.png"> <source media="(max-width: 720px)" srcset="/Landing/Content/Art/Banners/banner_covid_M.png"> <source media="(max-width: 1140px)" srcset="/Landing/Content/Art/Banners/banner_covid_L.png"> <img nf-lazy-img nf-lazy-img-src="/Landing/Content/Art/Banners/banner_covid_L.png" alt="Banner COVID-19" width="100%" /> </picture> </a> </div> </article> </section> <section class="container margin-bottom-double"> <article class="row"> <div class="col-xs-12"> <h2><strong>¿Cómo puedo prevenir un accidente?</strong></h2> <h3 class="margin-none margin-bottom">Encontrá las herramientas para la capacitación y promoción de prevención más actualizadas para trabajadores y empresas.</h3> <div class="row nf-card-group"> <div class="col-md-4"> <div id="infoCardVertical1" nf-info-card="infoCardDataVertical1" class="card-image-tall color-primary boxed card-center"></div> </div> <div class="col-md-4"> <div id="infoCardVertical2" nf-info-card="infoCardDataVertical2" class="card-image-tall color-primary boxed card-center"></div> </div> <div class="col-md-4"> <div id="infoCardVertical3" nf-info-card="infoCardDataVertical3" class="card-image-tall color-primary boxed card-center"></div> </div> </div> </div> </article> </section> <div class="container-fluid bg-gray-lightest padding-none padding-top"> <section class="container padding-top"> <article class="row"> <div class="col-xs-12 margin-bottom"> <h2><strong>¿Qué hago en caso de accidente?</strong></h2> <h3 class="margin-none margin-bottom">Conocé los pasos a seguir en caso de accidente y la manera en la que te acompañamos durante este proceso.</h3> <div class="row margin-left"> <div class="col-md-3"> <div id="infoCardVertical1" nf-info-card="infoCardDataVertical4" class=" bg-gray-lightest card-image-tall color-primary boxed card-center"></div> </div> <div class="col-md-1 text-center"> <i class="hidden-xs hidden-sm margin-top-double padding-top-double fa fa-long-arrow-right text-brand-secondary fa-4x"></i> <i class="visible-xs-block visible-sm-block center-block fa fa-long-arrow-down text-brand-secondary fa-4x"></i> </div> <div class="col-md-3"> <div id="infoCardVertical2" nf-info-card="infoCardDataVertical5" class="bg-gray-lightest card-image-tall color-primary boxed card-center"></div> </div> <div class="col-md-1 text-center"> <i class="hidden-xs hidden-sm margin-top-double padding-top-double fa fa-long-arrow-right text-brand-secondary fa-4x"></i> <i class="visible-xs-block visible-sm-block center-block fa fa-long-arrow-down text-brand-secondary fa-4x"></i> </div> <div class="col-md-3"> <div id="infoCardVertical3" nf-info-card="infoCardDataVertical6" class=" bg-gray-lightest card-image-tall color-primary boxed card-center"></div> </div> </div> </div> <div class="col-xs-12 margin-bottom"> <div class="panel margin-none shadow-none bg-gray-lightest padding-lef"> <div class="panel-body row padding-none padding-half nf-card margin-none bg-gray-lighter"> <h4>Si sos empleador, cargá la denuncia en <a class="text-brand-secondary" href="https://login.gruposancorseguros.com/login?client=tyR7q5CuW8EhZFJ6TScaWTEKsx2IjzmR&type=login" target="_blank">PreveNET</a> para notificar a Prevención ART sobre el accidente de trabajo o enfermedad laboral.</h4> </div> </div> </div> <div class="col-xs-12"> <a class="text-brand-secondary" href="https://www.youtube.com/watch?v=ykv9dQZrAB8&list=PLgHTnNCWGP5Lat_PDU_Mxy-B4T6pj3ZaF&index=33" target="_blank"><h4 class="text-brand-secondary">Ver video ¿Qué hago en caso de accidente?</h4></a> </div> </article> </section> </div> <section class="container padding-top-double margin-top-double margin-bottom-double"> <article class="row margin-bottom margin-top"> <div class="col-xs-12"> <h2><strong>Prestaciones</strong></h2> <h3 class="margin-none margin-bottom">Informate sobre las prestaciones y servicios que tenemos disponibles para trabajadores y empresas.</h3> <div class="row nf-card-group"> <div class="col-md-6 padding-top"> <div id="infoCardDataVertical7" nf-info-card="infoCardDataVertical7" class="card-image-tall border box-shadow color-primary boxed card-center"></div> </div> <div class="col-md-6 padding-top"> <div id="infoCardDataVertical8" nf-info-card="infoCardDataVertical8" class="card-image-tall border box-shadow color-primary boxed card-center"></div> </div> </div> </div> </article> </section> <section class="container padding-top margin-bottom-double"> <article class="row"> <div class="col-xs-12"> <h2><strong>Personal de casas particulares</strong></h2> <h3 class="margin-none margin-bottom-double">Esta cobertura cuenta con todas las prestaciones previstas por la Ley de Riesgos del Trabajo.</h3> <div class="col-md-6 text-left"> <div class="row nf-card-group"> <div class="col-xs-12 border-top border-width border-color-info border-width-half "> <div class="panel margin-none shadow-none "> <div class="panel-body row nf-card margin-none"> <picture class="img-container"> <img nf-lazy-img="true" nf-lazy-img-src="/Landing/Content/Art/asistencia-medica.svg" class="img-responsive margin-right" width="70" alt="Asistencia médica y farmacéutica" align="left"> </picture> <h4 class="margin-top"><strong>Asistencia médica y farmacéutica</strong></h4> </div> </div> </div> <div class="col-xs-12 border-top border-width border-color-info border-width-half "> <div class="panel margin-none shadow-none"> <div class="panel-body row nf-card margin-none"> <picture class="img-container"> <img nf-lazy-img="true" nf-lazy-img-src="/Landing/Content/Art/protesis.svg" class="img-responsive margin-right" width="70" alt="Prótesis y ortopedia" align="left"> </picture> <h4 class="margin-top"><strong>Prótesis y ortopedia</strong></h4> </div> </div> </div> <div class="col-xs-12 border-top border-bottom border-width border-color-info border-width-half "> <div class="panel margin-none shadow-none"> <div class="panel-body row nf-card margin-none"> <picture class="img-container"> <img nf-lazy-img="true" nf-lazy-img-src="/Landing/Content/Art/rehabilitacion.svg" class="img-responsive margin-right" width="70" alt="Rehabilitación laboral" align="left"> </picture> <h4 class="margin-top"><strong>Rehabilitación laboral</strong></h4> </div> </div> </div> </div> <div class="col-xs-12 margin-bottom margin-top"> <a class="text-brand-primary" href="https://web.gruposancorseguros.com/ar/es/home-art/personal-casas-particulares" title="Personal de casas particulares" rel="nofollow" target="_blank"><h4 class="text-brand-primary"><strong>Conocé todas las prestaciones</strong><i class="margin-left-half fa fa-chevron-right"></i></h4></a> </div> </div> <div class="col-md-6"> <picture> <img nf-lazy-img="true" nf-lazy-img-src="/Landing/Content/Art/personal_limpieza.png" class="img-responsive center-block hidden-xs hidden-sm" alt="Casas particulares"> </picture> </div> </div> </article> </section> <section class="container margin-bottom-double"> <article class="row"> <div class="col-xs-12"> <div class="col-md-8 col-md-offset-2"> <div id="infoCardDataHorizontal3" nf-info-card-horizontal="infoCardDataHorizontal1" class="card-image-tall color-primary boxed card-center"></div> </div> </div> </article> </section> <div class="container-fluid border-top border-color-info border-width-half "> <section class="container padding-top-double"> <article class="row"> <div id="contact" class="col-xs-12"> <h2 class="margin-bottom-double padding-bottom-double"><strong>Números útiles</strong></h2> <div class="row nf-card-group"> <div class="col-md-4"> <div class="panel shadow-none"> <div class="panel-body row nf-card margin-none bg-brand-secondary-lightest padding-none padding-bottom-half"> <a class="text-brand-secondary-light" href="tel://08004444278"> <h2 class="text-brand-secondary-light">0800-4444-278</h2> </a> <h4>Emergencias médicas</h4> </div> </div> </div> <div class="col-md-4"> <div class="panel shadow-none"> <div class="panel-body row nf-card margin-none bg-brand-secondary-lightest padding-none padding-bottom-half"> <a class="text-brand-secondary-light" href="tel://08005555278"> <h2 class="text-brand-secondary-light">0800-5555-278</h2> </a> <h4>Consultas Generales</h4> </div> </div> </div> <div class="col-md-4"> <div class="panel shadow-none"> <div class="panel-body row nf-card margin-none bg-gray-lightest padding-none padding-bottom-half"> <a class="text-brand-primary" href="tel://08006666778"> <h2 class="text-brand-primary">0800-6666-778</h2> </a> <h4>Superintendencia de Riesgos del Trabajo</h4> </div> </div> </div> </div> </div> </article> </section> </div> <section id="modalSolicitud" class="modal text-left"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="container-fluid"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div id="request" n-visible="showCompleteForm"> <form id="quotationRequest" nf-validation nf-block-ui nf-validation-lang="es-AR"> <div class="row margin"> <div class="col-xs-12 text-center"> <h2 class="modal-title">Solicitud de cotización de ART</h2> <h4 class="margin-bottom">Exclusivo para empresas que no cuenten con cobertura vigente en Prevención ART.</h4> </div> <div class="col-md-12"> <div class="form-group"> <h5 for="name" class="text-gray-darker">Nombre y apellido de solicitante</h5> <input class="form-control" type="text" name="name" id="name" data-fv-notempty="true" n-model="formData.Name" data-fv-stringlength="true" data-fv-stringlength-max="150" data-fv-stringlength-message="Por favor ingresá como máximo 150 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[a-zA-Z0-9 ÑñáéíóúÁÉÍÓÚ.]+$" data-fv-regexp-message="El Nombre y apellido solamente puede contener caracteres alfanuméricos." /> </div> </div> <div class="col-md-7"> <div class="form-group"> <h5 for="businessName" class="text-gray-darker">Razón social de la empresa</h5> <input class="form-control" type="text" name="businessName" id="businessName" data-fv-notempty="true" n-model="formData.BusinessName" data-fv-stringlength="true" data-fv-stringlength-max="100" data-fv-stringlength-message="Por favor ingresá como máximo 100 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[a-zA-Z0-9 ÑñáéíóúÁÉÍÓÚ.]+$" data-fv-regexp-message="La Razón Social solamente puede contener caracteres alfanuméricos." /> </div> </div> <div class="col-md-5"> <div class="form-group"> <h5 for="cuit" class="text-gray-darker">CUIT</h5> <input class="form-control" type="text" name="cuit" id="cuit" data-fv-notempty="true" n-model="formData.Cuit" data-fv-stringlength="true" data-fv-stringlength-max="11" data-fv-stringlength-message="Por favor ingresá como máximo 11 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[0-9]+$" data-fv-regexp-message="El CUIT solamente puede contener números." /> </div> </div> <div class="col-md-5"> <div class="form-group"> <h5 for="salary" class="text-gray-darker">Masa salarial total</h5> <input class="form-control" type="text" name="salary" id="salary" data-fv-notempty="true" n-model="formData.Salary" data-fv-stringlength="true" data-fv-stringlength-max="100" data-fv-stringlength-message="Por favor ingresá como máximo 100 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[0-9]+$" data-fv-regexp-message="La Masa salarial total solamente puede contener números." /> </div> </div> <div class="col-md-5"> <div class="form-group"> <h5 for="numberEmployees" class="text-gray-darker">Cantidad de empleados</h5> <input class="form-control" type="text" name="numberEmployees" id="numberEmployees" data-fv-notempty="true" n-model="formData.NumberEmployees" data-fv-stringlength="true" data-fv-stringlength-max="100" data-fv-stringlength-message="Por favor ingresá como máximo 100 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[0-9]+$" data-fv-regexp-message="La Cantidad de empleados solamente puede contener números." /> </div> </div> <div class="col-md-5"> <div class="form-group"> <h5 for="typePhone" class="text-gray-darker">Tipo de teléfono</h5> <input id="mobilePhone" type="radio" name="typePhone" value="Celular" n-model="formData.TypePhone" data-fv-notempty="true" data-fv-choice="true" /> <label class="margin-right" for="mobilePhone">Celular</label> <input id="phone" type="radio" name="typePhone" value="Fijo" n-model="formData.TypePhone" /> <label for="phone">Fijo</label> </div> </div> <div class="col-md-5"> <div class="form-group"> <h5 for="numberPhone" class="text-gray-darker">Número de teléfono</h5> <input class="form-control" type="text" name="numberPhone" id="numberPhone" data-fv-notempty="true" n-model="formData.NumberPhone" data-fv-stringlength="true" data-fv-stringlength-max="100" data-fv-stringlength-message="Por favor ingresá como máximo 100 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[0-9]+$" data-fv-regexp-message="El Número de teléfono solamente puede contener números." /> </div> </div> <div class="col-md-10"> <div class="form-group"> <h5 for="emailContact" class="text-gray-darker">Correo electrónico</h5> <input class="form-control" type="email" name="emailContact" id="emailContact" data-fv-notempty="true" data-fv-emailaddress="true" n-model="formData.Email" data-fv-stringlength="true" data-fv-stringlength-max="150" data-fv-stringlength-message="Por favor ingresá como máximo 150 caracteres."> </div> </div> <div class="col-md-10 margin-bottom"> <div class="form-group"> <h5 for="emailContactConfirm" class="text-gray-darker">Confirmá el correo electrónico</h5> <input class="form-control" type="email" name="emailContactConfirm" id="emailContactConfirm" data-fv-notempty="true" data-fv-emailaddress="true" n-model="formData.ConfirmEmail" data-fv-stringlength="true" data-fv-stringlength-max="150" data-fv-stringlength-message="Por favor ingresá como máximo 150 caracteres." data-fv-identical="true" data-fv-identical-field="emailContact" /> </div> </div> <div class="col-sm-9"> <div class="form-group margin-none"> <h5 class="text-gray-darker">Tildá el siguiente campo antes de enviar</h5> <div id="formcaptcha" nf-recaptcha nf-recaptcha-lang="es-ar"></div> </div> </div> <div class="col-md-3"> <div class="form-group"> <button type="button" class="btn btn-default pull-right margin-none margin-left-half margin-top-half" n-on:click="submit">Enviar</button> </div> </div> </div> </form> </div> <div id="responseOk" n-visible="showResponseOkForm"> <div class="row margin"> <div class="col-xs-12"> <img class="img-responsive center-block" nf-lazy-img nf-lazy-img-src="/Landing/Content/form_check_success.svg" alt="Envio Correcto" > <h1 class="modal-title text-center margin-bottom"><strong>¡Solicitud enviada exitosamente!</strong></h1> <h2 class="modal-title text-center margin-bottom-double">A la brevedad nos pondremos en contacto con vos.</h2> <h4 class="margin-none margin-bottom border-bottom border-color-info"><strong>Detalle de solicitud</strong></h4> </div> <div class="col-xs-12 margin-bottom"> <h5 class="text-gray-darker margin-none">Nombre y apellido de solicitante</h5> <h4 class="margin-none"><strong>{{ formData.Name }}</strong></h4> </div> <div class="col-md-6 margin-bottom"> <h5 class="text-gray-darker margin-none">Razón social de la empresa</h5> <h4 class="margin-none"><strong>{{ formData.BusinessName }}</strong></h4> </div> <div class="col-md-6 margin-bottom"> <h5 class="text-gray-darker margin-none">CUIT</h5> <h4 class="margin-none"><strong>{{formData.Cuit}}</strong></h4> </div> <div class="col-md-6 margin-bottom"> <h5 class="text-gray-darker margin-none">Teléfono</h5> <h4 class="margin-none"><strong>{{ formData.NumberPhone }}</strong></h4> </div> <div class="col-md-6 margin-bottom"> <h5 class="text-gray-darker margin-none">Correo electrónico</h5> <h4 class="margin-none"><strong>{{ formData.Email }}</strong></h4> </div> <div class="col-xs-12"> <div class="form-group margin-none"> <button type="button" class="btn btn-default pull-right margin-none margin-left-half margin-top-half" data-dismiss="modal" n-on:click="finish">Finalizar</button> </div> </div> </div> </div> <div id="responseError" n-visible="showResponseErrorForm"> <div class="row margin"> <div class="col-xs-12"> <img class="img-responsive center-block" nf-lazy-img nf-lazy-img-src="/Landing/Content/form_check_error.svg" alt="Envio Incorrecto"> <h1 class="modal-title text-center"><strong>¡Error al enviar la Solicitud!</strong></h1> <h2 class="modal-title text-center margin-bottom-double"><strong>Por favor intente nuevamente más tarde.</strong></h2> </div> <div class="col-xs-12"> <div class="form-group margin-none"> <button type="button" class="btn btn-default pull-right margin-none margin-left-half margin-top-half" data-dismiss="modal" n-on:click="finish">Finalizar</button> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="modalContact" class="modal text-left"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="container-fluid"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div id="contactSection" n-visible="showCompleteForm"> <form id="contactRequest" nf-validation nf-block-ui nf-validation-lang="es-AR"> <div class="row margin"> <div class="col-xs-12 text-center"> <h2 class="modal-title">Escribinos</h2> </div> <div class="col-md-12"> <div class="form-group"> <h5 for="whoContacts" class="text-gray-darker">Soy un</h5> <label for="employee" class="radio-inline"> <input type="radio" name="whoContacts" value="Trabajador" id="employee" n-model="WhoContact" data-fv-notempty="true" data-fv-choice="true" /> Trabajador </label> <label for="employer" class="radio-inline"> <input type="radio" name="whoContacts" value="Empleador" id="employer" n-model="WhoContact"> Empleador </label> <label for="other" class="radio-inline"> <input type="radio" name="whoContacts" value="Otro" id="other" n-model="WhoContact"> Otro </label> </div> </div> <div class="col-md-12" n-visible="showEmployee"> <div class="form-group"> <h5 for="name" class="text-gray-darker">Nombre y Apellido</h5> <input class="form-control" type="text" name="name" id="contactName" placeholder="Ej: María Guadalupe Fernandez" data-fv-notempty="true" n-model="formData.Name" data-fv-stringlength="true" data-fv-stringlength-max="150" data-fv-stringlength-message="Por favor ingresá como máximo 150 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[a-zA-Z0-9 ÑñáéíóúÁÉÍÓÚ.]+$" data-fv-regexp-message="El Nombre y apellido solamente puede contener caracteres alfanuméricos." /> </div> </div> <div class="col-md-4" n-visible="showEmployee"> <div class="form-group"> <h5 for="contactTypeDocument" class="text-gray-darker">Tipo de documento</h5> <select class="form-control" name="contactTypeDocument" id="contactTypeDocument" nf-autocomplete="typeDocumentConfig" n-model="selectedTypeDocument" data-fv-notempty="true"></select> </div> </div> <div class="col-md-8" n-visible="showEmployee"> <div class="form-group"> <h5 for="contactDocument" class="text-gray-darker">Número de documento</h5> <input class="form-control" type="text" name="contactDocument" id="contactDocument" placeholder="99.999.999" data-fv-notempty="true" n-model="formData.Document" data-fv-stringlength="true" data-fv-stringlength-max="15" data-fv-stringlength-message="Por favor ingresá como máximo 15 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[0-9.-]+$" data-fv-regexp-message="El Nro Documento solamente puede contener números." /> </div> </div> <div class="col-md-7" n-visible="showEmployer"> <div class="form-group"> <h5 for="businessNameContact" class="text-gray-darker">Razón social de la empresa</h5> <input class="form-control" type="text" name="businessNameContact" id="businessNameContact" placeholder="Ej: San Gregorio S.A" n-model="formData.BusinessName" data-fv-notempty="true" data-fv-stringlength="true" data-fv-stringlength-max="100" data-fv-stringlength-message="Por favor ingresá como máximo 100 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[a-zA-Z0-9 ÑñáéíóúÁÉÍÓÚ.]+$" data-fv-regexp-message="La Razón Social solamente puede contener caracteres alfanuméricos." /> </div> </div> <div class="col-md-5" n-visible="showEmployer"> <div class="form-group"> <h5 for="cuitContact" class="text-gray-darker">CUIT</h5> <input class="form-control" type="text" name="cuitContact" id="cuitContact" placeholder="12-12345678-9" n-model="formData.Cuit" data-fv-notempty="true" data-fv-stringlength="true" data-fv-stringlength-max="11" data-fv-stringlength-message="Por favor ingresá como máximo 11 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[0-9]+$" data-fv-regexp-message="El CUIT solamente puede contener números." /> </div> </div> <div class="col-md-12" n-visible="showEmployerName"> <div class="form-group"> <h5 for="name" class="text-gray-darker">Nombre y Apellido</h5> <input class="form-control" type="text" name="name" id="contactNameEmployer" placeholder="Ej: María Guadalupe Fernandez" data-fv-notempty="true" n-model="formData.Name" data-fv-stringlength="true" data-fv-stringlength-max="150" data-fv-stringlength-message="Por favor ingresá como máximo 150 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[a-zA-Z0-9 ÑñáéíóúÁÉÍÓÚ.]+$" data-fv-regexp-message="El Nombre y apellido solamente puede contener caracteres alfanuméricos." /> </div> </div> <div class="col-md-12"> <div class="form-group"> <h5 for="emailContact" class="text-gray-darker">Correo electrónico</h5> <input class="form-control" type="email" name="emailContact" id="contactEmailContact" placeholder="Ej: mariafernandez@mail.com" data-fv-notempty="true" data-fv-emailaddress="true" n-model="formData.Email" data-fv-stringlength="true" data-fv-stringlength-max="150" data-fv-stringlength-message="Por favor ingresá como máximo 150 caracteres."> </div> </div> <div class="col-md-5"> <div class="form-group"> <h5 for="typePhoneContact" class="text-gray-darker">Tipo de teléfono</h5> <input id="mobilePhoneContact" type="radio" name="typePhoneContact" value="Celular" n-model="formData.TypePhone" data-fv-notempty="true" data-fv-choice="true" /> <label class="margin-right" for="mobilePhoneContact">Celular</label> <input id="phoneContact" type="radio" name="typePhoneContact" value="Fijo" n-model="formData.TypePhone" /> <label for="phone">Fijo</label> </div> </div> <div class="col-md-7"> <div class="form-group"> <h5 for="numberPhoneContact" class="text-gray-darker">Número de teléfono</h5> <input class="form-control" type="text" name="numberPhoneContact" id="numberPhoneContact" placeholder="Ej: 3493556677" data-fv-notempty="true" n-model="formData.NumberPhone" data-fv-stringlength="true" data-fv-stringlength-max="15" data-fv-stringlength-message="Por favor ingresá como máximo 15 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[0-9]+$" data-fv-regexp-message="El Número de teléfono solamente puede contener números." /> </div> </div> <div class="col-md-12"> <div class="form-group"> <h5 for="addressContact" class="text-gray-darker">Domicilio</h5> <input class="form-control" type="text" name="addressContact" id="addressContact" placeholder="Ej: San Martín 525, Rosario, Santa Fe" n-model="formData.Address" data-fv-stringlength="true" data-fv-stringlength-max="100" data-fv-stringlength-message="Por favor ingresá como máximo 100 caracteres." data-fv-regexp="true" data-fv-regexp-regexp="^[a-zA-Z0-9 ÑñáéíóúÁÉÍÓÚ,.]+$" data-fv-regexp-message="Domicilio solamente puede contener caracteres alfanuméricos." /> </div> </div> <div class="col-md-12"> <div class="form-group"> <h5 for="WantContact" class="text-gray-darker">Quiero hacer</h5> <label for="consultation" class="radio-inline"> <input type="radio" name="wantContact" value="Una Consulta" id="consultation" data-fv-notempty="true" n-model="formData.Want" data-fv-choice="true" /> Una Consulta </label> <label for="claim" class="radio-inline"> <input type="radio" name="wantContact" value="Un Reclamo" id="claim" n-model="formData.Want"> Un Reclamo </label> </div> </div> <div class="col-md-12"> <div class="form-group"> <h5 for="contactTypeContact" class="text-gray-darker">Motivo</h5> <select class="form-control" name="contactTypeContact" id="contactTypeContact" nf-autocomplete="typeContactConfig" n-model="selectedTypeContact" data-fv-notempty="true"></select> </div> </div> <div class="col-md-12"> <div class="form-group"> <h5 for="contactMessage" class="text-gray-darker">Mensaje</h5> <textarea class="form-control" rows="3" id="contactMessage" name="contactMessage" placeholder="Ingresá tu mensaje" data-fv-notempty="true" n-model="formData.Message" data-fv-stringlength="true" data-fv-stringlength-max="500" data-fv-stringlength-message="Por favor ingresá como máximo 500 caracteres."></textarea> </div> </div> <div class="col-sm-9"> <div class="form-group margin-none"> <h5 class="text-gray-darker">Tildá el siguiente campo antes de enviar</h5> <div id="contactFormcaptcha" nf-recaptcha nf-recaptcha-lang="es-ar"></div> </div> </div> <div class="col-md-3"> <div class="form-group"> <button type="button" class="btn btn-default pull-right margin-none margin-left-half margin-top-half" n-on:click="submit">Enviar</button> </div> </div> </div> </form> </div> <div id="ContactResponseOk" n-visible="showResponseOkForm"> <div class="row margin"> <div class="col-xs-12"> <img class="img-responsive center-block" nf-lazy-img nf-lazy-img-src="/Landing/Content/form_check_success.svg" alt="Envio Correcto"> <h1 class="modal-title text-center margin-bottom"><strong>¡Consulta enviada exitosamente!</strong></h1> <h2 class="modal-title text-center margin-bottom-double">A la brevedad te contactaremos.</h2> <h4 class="margin-none margin-bottom border-bottom border-color-info"><strong>Detalle de solicitud</strong></h4> </div> <div class="col-xs-12 margin-bottom"> <h5 class="text-gray-darker margin-none">Nombre y apellido de solicitante</h5> <h4 class="margin-none"><strong>{{ formData.Name }}</strong></h4> </div> <div class="col-xs-12 margin-bottom"> <h5 class="text-gray-darker margin-none">Correo electrónico</h5> <h4 class="margin-none"><strong>{{ formData.Email }}</strong></h4> </div> <div class="col-xs-12"> <div class="form-group margin-none"> <button type="button" class="btn btn-default pull-right margin-none margin-left-half margin-top-half" data-dismiss="modal" n-on:click="finish">Finalizar</button> </div> </div> </div> </div> <div id="ContactResponseError" n-visible="showResponseErrorForm"> <div class="row margin"> <div class="col-xs-12"> <img class="img-responsive center-block" nf-lazy-img nf-lazy-img-src="/Landing/Content/form_check_error.svg" alt="Envio Incorrecto"> <h1 class="modal-title text-center"><strong>¡Error al enviar la Consulta!</strong></h1> <h2 class="modal-title text-center margin-bottom-double"><strong>Por favor intente nuevamente más tarde.</strong></h2> </div> <div class="col-xs-12"> <div class="form-group margin-none"> <button type="button" class="btn btn-default pull-right margin-none margin-left-half margin-top-half" data-dismiss="modal" n-on:click="finish">Finalizar</button> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="modalVideo" class="modal text-left"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <div class="container-fluid"> <button id="btnClose" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <iframe id="iframeId" width="100%" height="315" src="https://www.youtube.com/embed/q2D-5CINDiI" frameborder="0" allowfullscreen="true" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" >
×
