Linux vmi284606.contaboserver.net 4.15.0-213-generic #224-Ubuntu SMP Mon Jun 19 13:30:12 UTC 2023 x86_64
Apache/2.4.57 (Ubuntu)
: 167.86.127.34 | : 216.73.217.51
Cant Read [ /etc/named.conf ]
7.2.24-0ubuntu0.18.04.17
root
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
README
+ Create Folder
+ Create File
/
var /
www /
html /
cotizadorinsepet /
prearmado /
[ HOME SHELL ]
Name
Size
Permission
Action
.sass-cache
[ DIR ]
drwxr-xr-x
css
[ DIR ]
drwxr-xr-x
fonts
[ DIR ]
drwxr-xr-x
images
[ DIR ]
drwxr-xr-x
js
[ DIR ]
drwxr-xr-x
scss
[ DIR ]
drwxr-xr-x
vendor
[ DIR ]
drwxr-xr-x
apple-touch-icon.png
16.53
KB
-rw-r--r--
enviar.php
3.45
KB
-rw-r--r--
favicon-16x16.png
2.47
KB
-rw-r--r--
favicon-32x32.png
3.52
KB
-rw-r--r--
index.html
52.3
KB
-rw-r--r--
readme.txt
130
B
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : index.html
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="author" content="insepet.com"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Equipos Prearmados - Grupo Empresarial Insepet</title> <!-- Font Icon --> <link rel="stylesheet" href="fonts/material-icon/css/material-design-iconic-font.min.css"> <link rel="stylesheet" href="vendor/nouislider/nouislider.min.css"> <!-- Main css --> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/responsive.css"> <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> <script type='text/javascript' src='js/armado.js'></script> <script type='text/javascript' src='js/texto.js'></script> </head> <body> <div class="main"> <div class="container"> <div class="logos"><img src="images/logo-insepet.png" /> <img src="images/logo-gilbarco.png" /></div> <form action="enviar.php" enctype="multipart/form-data" method="post" id="signup-form" class="signup-form"> <div> <h3>Tipo de Entrega</h3> <fieldset id="field-auto"> <div class="titulo"> <h2>Selecciona el tipo de entrega</h2> <p class="desc">(Debes seleccionar una opción para continuar) </p> </div> <div class="fieldset-content cuadros-superiores"> <div class="col-sm-6"> <div class="form-radio-flex card-movil"> <div class="form-radio-item"> <input id="moto" type="radio" name="movil" value="moto" onclick="MovilElecto(this.value);" required/> <label class="movil-cc moto" id="moto-label" for="moto"><img src="images/moto.png" alt=""><span id="etiqueta">BAJA<br />4 GPM<br />(MOTO)</span></label></input> </div> <div class="form-radio-item"> <input id="auto" type="radio" name="movil" value="auto" onclick="MovilElecto(this.value);"/> <label class="movil-cc auto" id="auto-label" for="auto"><img src="images/auto.png" alt=""><span id="etiqueta">ESTANDAR<br />10 GPM<br />(AUTO)</span></label> </div> <div class="form-radio-item"> <input id="camion" type="radio" name="movil" value="camion" onclick="MovilElecto(this.value);"/> <label class="movil-cc camion" id="camion-label" for="camion"><img src="images/camion.png" alt=""><span id="etiqueta">ALTA ENTREGA<br />+20 GPM<br />(PESADO)</span></label> </div> </div> </div> <div class="col-sm-6"> <div class="image-holder" id="image-holder"> <img id="imagencita-movil" src="images/form-wizard-1.jpg" alt=""> </div> </div> </div> <div class="fieldset-content cuadros-inferiores"> <div class="col-sm-6"> </div> <div class="col-sm-6"> </div> </div> </fieldset> <h3>País de Fabricación</h3> <fieldset id="field-pais"> <div class="titulo"> <h2>Selecciona el país de fabricación</h2> <p class="desc">(Debes seleccionar una opción para continuar)</p> </div> <div class="fieldset-content cuadros-superiores"> <div class="col-sm-6"> <div class="form-radio-flex card-pais"> <div class="form-radio-item" id="card-usa"> <input id="usa" type="radio" name="pais" value="usa" onclick="PaisElecto(this.value);" required/> <label class="pais-cc usa" id="usa-label" for="usa"><img src="images/usa.jpg" alt="" style="width:100%; height:auto"><span id="etiqueta">USA</span></label> </div> <div class="form-radio-item" id="card-brasil"> <input id="brasil" type="radio" name="pais" value="brasil" onclick="PaisElecto(this.value);"/> <label class="pais-cc brasil" id="brasil-label" for="brasil"><img src="images/brasil.jpg" alt="" style="width:100%; height:auto"><span id="etiqueta">BRASIL</span></label> </div> </div> </div> <div class="col-sm-6"> <div class="image-holder" id="image-holder"> <img id="imagencita-pais" src="images/form-wizard-1.jpg" alt=""> </div> </div> </div> <div class="fieldset-content cuadros-inferiores"> <div class="col-sm-6"> <div id="cuadrito-texto"> <div id="texto-usa-auto"> <p>Los equipos Encore son ideales para el tanqueo de automoviles, por varias razones:</p> <ul> <li>La entrega es completamente uniforme sin presentar golpes de ariete lo que asegura que siempre se entrega el combustible de manera suave y sin movimientos en el rango del medidor, esto puede parecer inocuo, pero esto minimiza las variaciones de la estacion de servicio al entregar el combustible de manera exacta y uniforme.</li> <li>Para la EDS el Encore sin necesida de hacer adecuaciones adicionales en horas pico cunado la bomba sumergible esta operando con 4 o 6 mangueras la velocidad deentrega es de al menos un 15% mas esto se traduce en que en su eds durante esas dos horas pico en 6 mangueras podria entregar hasta 800 Galones adicionales respecto a cualquier equipo Estandar.</li> <li>Tranquilidad el Encore es el mismo equipo que se utiliza en mas del 50% de las estaciones en Estados Unidos pasando las mas exigente pruebas de duracion t precisión.</li> <li>La puerta plastica del Encore hace que a su equipo no le pasen los años manteniendo su presentacion moderna y atemporal.</li> <li>Interiores totalmente Galvanizados lo que asegura longevidad del equipo, tal cual como ha sido reconocido como el equipo que no le pasan los años.</li> <li>Luz de identificacion de producto lo que da tranquilidad al cliente del producto que se va a despachar.</li> </ul> </div> <div id="texto-usa-pesado"> <ul> <li>Si el Encore para uso en trabajo Liviano es reconocido como el mejor de la industria, en trabajo pesado simplemente no hay competencia, el uso de la Unidad de Medida Liquid Controls, nos solo asegura una duracion practicamente ilimitada.</li> <li>En Colombia hay dispensadores Gilbarco con Liquid Controls desde el año 2002 y no se ha cambiado la primera unidad de medida por desgaste.</li> <li>Entrega de hasta 33 GPM cuando se trabaja master y satelite simultaneamente, esto se traduce que con un solo equipo NP3 con sus satélites este equipo podria entregar hasta 66 Galones por Minuto.</li> <li>Si lo anterior fuera poco la Estacion queda uniforme por la utilizacion del mismo ancho del equipo.</li> </ul> </div> <div id="texto-brasil-moto"> <p>El PRIME es un equipo diseñado para poder trabajar con hasta con 4 mangueras al tiempo lo que lo hace ideal para tanquear 4 motos al mismo tiempo, el PRIME viene con de un ancho extra para facilitar la ubicación de las motos y que puedan ver los displays sin problema, y por si esto fuera poco la entrega del equipo se va calibrada a 4,5 GPM lo que evita derrames y control del flujo sin salpicar la moto.</p> </div> <div id="texto-brasil-auto"> <ul> <li>A pesar de ser un equipo Económico tiene el mismo corazón la unidad de medida de Gilbarco que ha sido copiada pero nunca igualada, asegurando precision a cualquier velocidad.</li> <li>EL PRIME es un equipo diseñado en América Latina para America Latina, es implica el uso de fuentes de alimentación con transformador de aislamiento para proteger el equipo frente a problemas eléctricos.</li> <li>Tarjeta de comunicación independiente en caso de haber un problema de comunicación un rayo que son tan frecuentes en nuestro pais solo se remplaza ésta tarjeta a un costo muy bajo comparado con la tarjeta completa como sucede en los demas surtidores.</li> <li>Estructura y columnas en Aluminio para dar la tradicional duracion de los equipos Gilbarco.</li> </ul> </div> <div id="texto-brasil-pesado"> <ul> <li>PRIME la version económica de Gilbarco utilza para trabajo pesado y alta entrega las reconocidas unidades Gilbarco C+ Colocando dos en paralelo para cada manguera lo que le permite tener entregas de 22 GPM atendiendo asi camiones a un despacho de mas del doble de un equipo de automovil, asi pues los PRIME se pueden utilizar a cualquie necesidad con la calidad de Gilbarco a un precio económico.</li> <li>El equipo PRIME de alta entrega puede Venir en Surtidor o Dispensador.</li> </ul> </div> </div> </div> <div class="col-sm-6"> </div> </div> </fieldset> <h3>Tipo de Equipo</h3> <fieldset id="field-equipo"> <div class="titulo"> <h2>Seleccione el equipo que desea</h2> <p class="desc">(Debes seleccionar una opción para continuar)</p> </div> <div class="fieldset-content cuadros-superiores"> <div class="col-sm-6"> <div class="form-radio-flex card-equipo"> <div class="form-radio-item" id="card-na1"> <input id="na1" type="radio" name="equipo-final" value="na1" onclick="EquipoFinalElecto(this.value);" required/> <label class="equipo-escogido-cc na1" id="na1-label" for="na1"><img src="images/na1.png" alt=""><span id="etiqueta">NA1</span></label> </div> <div class="form-radio-item" id="card-na2"> <input id="na2" type="radio" name="equipo-final" value="na2" onclick="EquipoFinalElecto(this.value);" required/> <label class="equipo-escogido-cc na2" id="na2-label" for="na2"><img src="images/na2.png" alt=""><span id="etiqueta">NA2</span></label> </div> <div class="form-radio-item" id="card-np3"> <input id="np3" type="radio" name="equipo-final" value="np3" onclick="EquipoFinalElecto(this.value);" required/> <label class="equipo-escogido-cc np3" id="np3-label" for="np3"><img src="images/np3.png" alt=""><span id="etiqueta">NP3</span></label> </div> <div class="form-radio-item" id="card-pmd-2422d"> <input id="pmd-2422d" type="radio" name="equipo-final" value="pmd-2422d" onclick="EquipoFinalElecto(this.value);" required/> <label class="equipo-escogido-cc pmd-2422d" id="pmd-2422d-label" for="pmd-2422d"><img src="images/pmd-2422d.png" alt=""><span id="etiqueta">PMD-2422D</span></label> </div> <div class="form-radio-item" id="card-pmd-3622d"> <input id="pmd-3622d" type="radio" name="equipo-final" value="pmd-3622d" onclick="EquipoFinalElecto(this.value);" required/> <label class="equipo-escogido-cc pmd-3622d" id="pmd-3622d-label" for="pmd-3622d"><img src="images/pmd-3622d.png" alt=""><span id="etiqueta">PMD-3622D</span></label> </div> <div class="form-radio-item" id="card-pmd-4822d"> <input id="pmd-4822d" type="radio" name="equipo-final" value="pmd-4822d" onclick="EquipoFinalElecto(this.value);" required/> <label class="equipo-escogido-cc pmd-4822d" id="pmd-4822d-label" for="pmd-4822d"><img src="images/pmd-4822d.png" alt=""><span id="etiqueta">PMD-4822D</span></label> </div> <div class="form-radio-item" id="card-phr-1221-av"> <input id="phr-1221-av" type="radio" name="equipo-final" value="phr-1221-av" onclick="EquipoFinalElecto(this.value);" required/> <label class="equipo-escogido-cc phr-1221-av" id="phr-1221-av-label" for="phr-1221-av"><img src="images/phr-1221-av.png" alt=""><span id="etiqueta">PHR-1221-AV</span></label> </div> </div> </div> <div class="col-sm-6"> <div class="image-holder" id="image-holder"> <img id="imagencita-equipo" src="images/form-wizard-1.jpg" alt=""> <div id="iframe-na1"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" style="border:0; display:initial" src="https://api.cappasity.com/api/player/ff662dec-62f8-4029-bba6-ba7d86455761/embedded?autorun=0&closebutton=1&logo=1&analytics=1&uipadx=0&uipady=0&enablestoreurl=0&storeurl=&hidehints=0&autorotate=0&autorotatetime=10&autorotatedelay=2&autorotatedir=1&ttc=1&hidefullscreen=1&hideautorotateopt=1&hidesettingsbtn=0&enableimagezoom=1&zoomquality=1&hidezoomopt=0&arbutton=1" ></iframe> </div> <div id="iframe-na2"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" style="border:0;" src="https://api.cappasity.com/api/player/e04e6058-91fc-4cb0-93e9-7cd5559ff9c0/embedded?autorun=0&closebutton=1&logo=1&analytics=1&uipadx=0&uipady=0&enablestoreurl=0&storeurl=&hidehints=0&autorotate=0&autorotatetime=10&autorotatedelay=2&autorotatedir=1&ttc=1&hidefullscreen=1&hideautorotateopt=1&hidesettingsbtn=0&enableimagezoom=1&zoomquality=1&hidezoomopt=0&arbutton=1" ></iframe> </div> <div id="iframe-np3"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" style="border:0;" src="https://api.cappasity.com/api/player/20c84ea8-f3e1-42ca-a320-c2e72f76e91f/embedded?autorun=0&closebutton=1&logo=1&analytics=1&uipadx=0&uipady=0&enablestoreurl=0&storeurl=&hidehints=0&autorotate=0&autorotatetime=10&autorotatedelay=2&autorotatedir=1&ttc=1&hidefullscreen=1&hideautorotateopt=1&hidesettingsbtn=0&enableimagezoom=1&zoomquality=1&hidezoomopt=0&arbutton=1" ></iframe> </div> <div id="iframe-pmd-2422d"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" style="border:0;" src="https://api.cappasity.com/api/player/f7cacd8a-fe3f-4f98-bdcb-941c60970b0f/embedded?autorun=0&closebutton=1&logo=1&analytics=1&uipadx=0&uipady=0&enablestoreurl=0&storeurl=&hidehints=0&autorotate=0&autorotatetime=10&autorotatedelay=2&autorotatedir=1&ttc=1&hidefullscreen=1&hideautorotateopt=1&hidesettingsbtn=0&enableimagezoom=1&zoomquality=1&hidezoomopt=0&arbutton=1" ></iframe> </div> <div id="iframe-pmd-3622d"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" style="border:0;" src="https://api.cappasity.com/api/player/062acb99-161a-4e61-8301-16e8fd3aee27/embedded?autorun=0&closebutton=1&logo=1&analytics=1&uipadx=0&uipady=0&enablestoreurl=0&storeurl=&hidehints=0&autorotate=0&autorotatetime=10&autorotatedelay=2&autorotatedir=1&ttc=1&hidefullscreen=1&hideautorotateopt=1&hidesettingsbtn=0&enableimagezoom=1&zoomquality=1&hidezoomopt=0&arbutton=1" ></iframe> </div> <div id="iframe-pmd-4822d"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" style="border:0;" src="https://api.cappasity.com/api/player/c1f82450-a726-4782-9d3d-f999558c72ad/embedded?autorun=0&closebutton=1&logo=1&analytics=1&uipadx=0&uipady=0&enablestoreurl=0&storeurl=&hidehints=0&autorotate=0&autorotatetime=10&autorotatedelay=2&autorotatedir=1&ttc=1&hidefullscreen=1&hideautorotateopt=1&hidesettingsbtn=0&enableimagezoom=1&zoomquality=1&hidezoomopt=0&arbutton=1" ></iframe> </div> <div id="iframe-phr-1221-av"> <iframe width="100%" height="100%" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" style="border:0;" src="https://api.cappasity.com/api/player/1c040d0e-073d-4ddd-b892-d5720f7549e0/embedded?autorun=0&closebutton=1&logo=1&analytics=1&uipadx=0&uipady=0&enablestoreurl=0&storeurl=&hidehints=0&autorotate=0&autorotatetime=10&autorotatedelay=2&autorotatedir=1&ttc=1&hidefullscreen=1&hideautorotateopt=1&hidesettingsbtn=0&enableimagezoom=1&zoomquality=1&hidezoomopt=0&arbutton=1" ></iframe> </div> </div> </div> </div> <div class="fieldset-content cuadros-inferiores"> <div class="col-sm-6"> <div id="cuadrito-texto-equipos"> <div id="texto-na1"> <p><strong>DISPENSADOR ESTANDAR 2 PRODUCTOS 4 MANGUERAS</strong></p> <p>El Dispensador Encore® 500 S tiene una interfaz intuitiva y centralizada que permite rápidas transacciones y de esta forma mejora la atención brindada a sus clientes.</p> <p>Este modelo esta diseñado para dispensar <strong>1 producto en cada posicion de manera individual</strong>.</p> <h2>¿Por que usar este equipo?</h2> <p>Estos equipos nos permiten una administración y disponibilidad de dos (2) productos.</p> <p>Son utilizados en nichos de clientes con vehículos gama baja, media o alta así como sitios donde se realice la venta de los productos de mayor comercialización en el país (corriente y diesel).</p> <p>Son ideales para la ciudad o zona rural.</p> </div> <div id="texto-na2"> <p><strong>DISPENSADOR ESTANDAR 3 PRODUCTOS 6 MANGUERAS</strong></p> <p>El Dispensador Encore® 500 S tiene una interfaz intuitiva y centralizada que permite rápidas transacciones y de esta forma mejora la atención brindada a sus clientes.</p> <p>Este modelo esta diseñado para dispensar <strong>1 producto en cada posicion de manera individual</strong>.</p> <h2>¿Por que usar este equipo?</h2> <p>Estos equipos nos permiten una administración y disponibilidad de tres (3) productos, ampliando el espectro de clientes.</p> <p>Son utilizados en nichos de clientes con vehículos gama baja, media o alta así como sitios donde se realice la venta de los productos de mayor comercialización en el país (corriente, diesel, diesel supreme, extra o plus).</p> <p>Son ideales para la ciudad o zona rural, también donde exista mucha circulación vehícular.</p> </div> <div id="texto-np3"> <p><strong>DISPENSADOR ALTA ENTREGA 1 PRODUCTO 2 MANGUERAS</strong></p> <p>Los dispensadores Encore® S Alta entrega de Gilbarco Veeder-Root son la solución ideal para sitios de carga de combustible de camiones o industrias pesadas que buscan una solución robusta, duradera y fiables. Se encuentran diseñados para garantizar un alto caudal de combustible, buscando reducir los tiempos necesarios tanto para las cargas como para pagos, ya que en estos campos, el tiempo es algo que no se puede perder.</p> <p>Este modelo esta diseñado para dispensar <strong>1 producto en cada posicion de manera individual</strong>.</p> <h2>¿Por que usar este equipo?</h2> <p>Estos equipos nos permiten una administración y disponibilidad de un (1) producto, ideales para camiones o industria pesada.</p> <p>Estan diseñados para garantizar el alto caudal de combustible, alcanzando hasta 20 - 30 galones por minuto.</p> <p>Estos equipos lo pueden combinar adicionalmente con equipos satélites para un despacho en simultáneo a ambos lados del camión.</p> <p>Son más resistentes, económicos y flexibles.</p> </div> <div id="texto-pmd-2422d"> <p><strong>DISPENSADOR ESTANDAR 2 PRODUCTOS 4 MANGUERAS</strong></p> <p>Los dispensadores Prime son la solución ideal para su estación de abastecimiento retail, destacándose por su alto desempeño y durabilidad, tecnología avanzada y funcionalidades que hacen la diferencia en la administración y control de su combustible.</p> <p>Este modelo esta diseñado para dispensar <strong>2 productos en cada posicion de manera simultanea</strong>.</p> <h2>¿Por que usar este equipo?</h2> <p>Estos equipos nos permiten una administración y disponibilidad de dos (2) productos, con un despacho de hasta cuatro (4) vehículos de manera simultánea, reduciendo significativamente los tiempos de atención de clientes.</p> <p>Son utilizados en nichos de clientes con vehículos (gama baja, media o alta) y motos.</p> </div> <div id="texto-pmd-3622d"> <p><strong>DISPENSADOR ESTANDAR 3 PRODUCTOS 6 MANGUERAS</strong></p> <p>Los dispensadores Prime son la solución ideal para su estación de abastecimiento retail, destacándose por su alto desempeño y durabilidad, tecnología avanzada y funcionalidades que hacen la diferencia en la administración y control de su combustible.</p> <p>Este modelo esta diseñado para dispensar <strong>2 productos en cada posicion de manera simultanea</strong>.</p> <h2>¿Por que usar este equipo?</h2> <p>Estos equipos nos permiten una administración y disponibilidad de tres (3) productos, con un despacho de hasta cuatro (4) vehículos de manera simultánea, reduciendo significativamente los tiempos de atención de clientes y ampliando el espectro de clientes en la EDS.</p> <p>Son utilizados en nichos de clientes con vehículos (gama baja, media o alta) y motos.</p> </div> <div id="texto-pmd-4822d"> <p><strong>DISPENSADOR ESTANDAR 4 PRODUCTOS 8 MANGUERAS</strong></p> <p>Los dispensadores Prime son la solución ideal para su estación de abastecimiento retail, destacándose por su alto desempeño y durabilidad, tecnología avanzada y funcionalidades que hacen la diferencia en la administración y control de su combustible.</p> <p>Este modelo esta diseñado para dispensar <strong>2 productos en cada posicion de manera simultanea</strong>.</p> <h2>¿Por que usar este equipo?</h2> <p>Estos equipos nos permiten una administración y disponibilidad de cuatro (4) productos, con un despacho de hasta cuatro (4) vehículos de manera simultánea, reduciendo significativamente los tiempos de atención de clientes y ampliando aun más espectro de clientes en la EDS.</p> <p>Son utilizados en nichos de clientes con vehículos (gama baja, media o alta) y motos.</p> </div> <div id="texto-phr-1221-av"> <p><strong>DISPENSADOR ALTA ENTREGA 1 PRODUCTO 2 MANGUERAS</strong></p> <p>Estos dispensadores son ideales para el suministro de camiones, flotas y vehículos de gran tamaño. Su alto rendimiento y tecnología avanzada proporciona un funcionamiento rápido, lo que resulta en una fuerte ventaja competitiva al momento de atraer y retener clientes.</p> <p>Este modelo esta diseñado para dispensar <strong>1 producto en cada posicion de manera simultanea.</strong>.</p> <h2>¿Por que usar este equipo?</h2> <p>Estos equipos nos permiten una administración y disponibilidad de un (1) producto, ideales para camiones o industria pesada.</p> <p>Estan diseñados para garantizar el alto caudal de combustible, disponibles en formatos de despacho de 13, 19 y 36 galones por minuto.</p> <p>Son utilizados en gran parte para trabajar con diesel.</p> </div> </div> </div> <div class="col-sm-6"> <div id="cuadrito-iconos"> <div id="iconos-equipo-na1"> <div class="icono-caudal"> <img src="images/caudal.png" /> <strong>Caudal:</strong> 8 a 10 G/min </div> <div class="icono-vida-util"> <img src="images/vida-util.png" /> <strong>Vida Util:</strong> Mayor a 20 años </div> <div class="icono-soporte"> <img src="images/soporte.png" /> <strong>Soporte:</strong> A nivel Nacional </div> </div> <div id="iconos-equipo-na2"> <div class="icono-caudal"> <img src="images/caudal.png" /> <strong>Caudal:</strong> 8 a 10 G/min </div> <div class="icono-vida-util"> <img src="images/vida-util.png" /> <strong>Vida Util:</strong> Mayor a 20 años </div> <div class="icono-soporte"> <img src="images/soporte.png" /> <strong>Soporte:</strong> A nivel Nacional </div> </div> <div id="iconos-equipo-np3"> <div class="icono-caudal"> <img src="images/caudal.png" /> <strong>Caudal:</strong> 20 a 30 G/min </div> <div class="icono-vida-util"> <img src="images/vida-util.png" /> <strong>Vida Util:</strong> Mayor a 20 años </div> <div class="icono-soporte"> <img src="images/soporte.png" /> <strong>Soporte:</strong> A nivel Nacional </div> </div> <div id="iconos-equipo-pmd-2422d"> <div class="icono-caudal"> <img src="images/caudal.png" /> <strong>Caudal:</strong> 8 a 10 G/min </div> <div class="icono-vida-util"> <img src="images/vida-util.png" /> <strong>Vida Util:</strong> Mayor a 20 años </div> <div class="icono-soporte"> <img src="images/soporte.png" /> <strong>Soporte:</strong> A nivel Nacional </div> </div> <div id="iconos-equipo-pmd-3622d"> <div class="icono-caudal"> <img src="images/caudal.png" /> <strong>Caudal:</strong> 8 a 10 G/min </div> <div class="icono-vida-util"> <img src="images/vida-util.png" /> <strong>Vida Util:</strong> Mayor a 20 años </div> <div class="icono-soporte"> <img src="images/soporte.png" /> <strong>Soporte:</strong> A nivel Nacional </div> </div> <div id="iconos-equipo-pmd-4822d"> <div class="icono-caudal"> <img src="images/caudal.png" /> <strong>Caudal:</strong> 8 a 10 G/min </div> <div class="icono-vida-util"> <img src="images/vida-util.png" /> <strong>Vida Util:</strong> Mayor a 20 años </div> <div class="icono-soporte"> <img src="images/soporte.png" /> <strong>Soporte:</strong> A nivel Nacional </div> </div> <div id="iconos-equipo-phr-1221-av"> <div class="icono-caudal"> <img src="images/caudal.png" /> <strong>Caudal:</strong> 12 a 25 G/min </div> <div class="icono-vida-util"> <img src="images/vida-util.png" /> <strong>Vida Util:</strong> Mayor a 20 años </div> <div class="icono-soporte"> <img src="images/soporte.png" /> <strong>Soporte:</strong> A nivel Nacional </div> </div> </div> </div> </div> </fieldset> <h3>Bandera</h3> <fieldset id="field-marca"> <div class="titulo"> <h2>Selecciona la bandera</h2> <p class="desc">(Debes seleccionar una opción para continuar)</p> </div> <div class="fieldset-content cuadros-superiores"> <div class="col-sm-12"> <div class="form-radio-flex card-marca"> <div class="form-radio-item"> <input id="marca-biomax" type="radio" name="marcas" value="marca-biomax" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-biomax" id="marca-biomax-label" for="marca-biomax"><img src="images/biomax.png" alt=""><span id="etiqueta">BIOMAX</span></label> </div> <div class="form-radio-item"> <input id="marca-terpel" type="radio" name="marcas" value="marca-terpel" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-terpel" id="marca-terpel-label" for="marca-terpel"><img src="images/terpel.png" alt=""><span id="etiqueta">TERPEL</span></label> </div> <div class="form-radio-item"> <input id="marca-primax" type="radio" name="marcas" value="marca-primax" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-primax" id="marca-primax-label" for="marca-primax"><img src="images/primax.png" alt=""><span id="etiqueta">PRIMAX</span></label> </div> <div class="form-radio-item"> <input id="marca-petrobras" type="radio" name="marcas" value="marca-petrobras" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-petrobras" id="marca-petrobras-label" for="marca-petrobras"><img src="images/petrobras.png" alt=""><span id="etiqueta">PETROBRAS</span></label> </div> <div class="form-radio-item"> <input id="marca-petromil" type="radio" name="marcas" value="marca-petromil" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-petromil" id="marca-petromil-label" for="marca-petromil"><img src="images/petromil.png" alt=""><span id="etiqueta">PETROMIL</span></label> </div> <div class="form-radio-item"> <input id="marca-texaco" type="radio" name="marcas" value="marca-texaco" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-texaco" id="marca-texaco-label" for="marca-texaco"><img src="images/texaco.png" alt=""><span id="etiqueta">TEXACO</span></label> </div> <div class="form-radio-item"> <input id="marca-puma" type="radio" name="marcas" value="marca-puma" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-puma" id="marca-puma-label" for="marca-puma"><img src="images/puma.png" alt=""><span id="etiqueta">PUMA</span></label> </div> <div class="form-radio-item"> <input id="marca-zeuss" type="radio" name="marcas" value="marca-zeuss" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-zeuss" id="marca-zeuss-label" for="marca-zeuss"><img src="images/zeuss.png" alt=""><span id="etiqueta">ZEUSS</span></label> </div> <div class="form-radio-item"> <input id="marca-octano" type="radio" name="marcas" value="marca-octano" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-octano" id="marca-octano-label" for="marca-octano"><img src="images/octano.png" alt=""><span id="etiqueta">OCTANO</span></label> </div> <div class="form-radio-item"> <input style="width:10%" id="marca-blanca" type="radio" name="marcas" value="marca-blanca" onclick="marcaElecta(this.value);"/> <label class="marcas-cc marca-blanca" id="marca-blanca-label" for="marca-blanca"><img src="images/bandera-blanca.png" alt=""><span id="etiqueta">BANDERA BLANCA</span></label> </div> </div> </div> </div> <div class="fieldset-content cuadros-inferiores" style="margin-top:-100px"> <div class="col-sm-6"> </div> <div class="col-sm-6"> </div> </div> </fieldset> <h3>Productos</h3> <fieldset id="field-productos"> <div class="titulo"> <h2>Selecciona los productos</h2> <p class="desc">(Debes seleccionar una opción para continuar)</p> </div> <div class="fieldset-content cuadros-superiores"> <div class="col-sm-12" style="min-height: 540px"> <div class="form-radio-flex card-producto"> <h4 id="titulo-producto1" style="font-size:14px; text-align:center">Producto #1</h4> <div id="product1"> <div class="form-radio-item"> <input id="producto-extra1" type="radio" name="producto1" value="producto-extra1" onclick="productoElecto1(this.value);"/> <label class="productos-cc producto-extra1" id="producto-extra1-label" for="producto-extra1"><img src="images/extra.png" alt=""><span id="etiqueta">EXTRA</span></label> </div> <div class="form-radio-item"> <input id="producto-corriente1" type="radio" name="producto1" value="producto-corriente1" onclick="productoElecto1(this.value);"/> <label class="productos-cc producto-corriente1" id="producto-corriente1-label" for="producto-corriente1"><img src="images/corriente.png" alt=""><span id="etiqueta">CORRIENTE</span></label> </div> <div class="form-radio-item"> <input id="producto-diesel1" type="radio" name="producto1" value="producto-diesel1" onclick="productoElecto1(this.value);"/> <label class="productos-cc producto-diesel1" id="producto-diesel1-label" for="producto-diesel1"><img src="images/diesel.png" alt=""><span id="etiqueta">DIESEL</span></label> </div> <div class="form-radio-item"> <input id="producto-plus1" type="radio" name="producto1" value="producto-plus1" onclick="productoElecto1(this.value);"/> <label class="productos-cc producto-plus1" id="producto-plus1-label" for="producto-plus1"><img src="images/plus.png" alt=""><span id="etiqueta">PLUS</span></label> </div> </div> <h4 id="titulo-producto2" style="font-size:14px; text-align:center">Producto #2</h4> <div id="product2"> <div class="form-radio-item"> <input id="producto-extra2" type="radio" name="producto2" value="producto-extra2" onclick="productoElecto2(this.value);"/> <label class="productos-cc producto-extra2" id="producto-extra2-label" for="producto-extra2"><img src="images/extra.png" alt=""><span id="etiqueta">EXTRA</span></label> </div> <div class="form-radio-item"> <input id="producto-corriente2" type="radio" name="producto2" value="producto-corriente2" onclick="productoElecto2(this.value);"/> <label class="productos-cc producto-corriente2" id="producto-corriente2-label" for="producto-corriente2"><img src="images/corriente.png" alt=""><span id="etiqueta">CORRIENTE</span></label> </div> <div class="form-radio-item"> <input id="producto-diesel2" type="radio" name="producto2" value="producto-diesel2" onclick="productoElecto2(this.value);"/> <label class="productos-cc producto-diesel2" id="producto-diesel2-label" for="producto-diesel2"><img src="images/diesel.png" alt=""><span id="etiqueta">DIESEL</span></label> </div> <div class="form-radio-item"> <input id="producto-plus2" type="radio" name="producto2" value="producto-plus2" onclick="productoElecto2(this.value);"/> <label class="productos-cc producto-plus2" id="producto-plus2-label" for="producto-plus2"><img src="images/plus.png" alt=""><span id="etiqueta">PLUS</span></label> </div> </div> <h4 id="titulo-producto3" style="font-size:14px; text-align:center">Producto #3</h4> <div id="product3"> <div class="form-radio-item"> <input id="producto-extra3" type="radio" name="producto3" value="producto-extra3" onclick="productoElecto3(this.value);"/> <label class="productos-cc producto-extra3" id="producto-extra3-label" for="producto-extra3"><img src="images/extra.png" alt=""><span id="etiqueta">EXTRA</span></label> </div> <div class="form-radio-item"> <input id="producto-corriente3" type="radio" name="producto3" value="producto-corriente3" onclick="productoElecto3(this.value);"/> <label class="productos-cc producto-corriente3" id="producto-corriente3-label" for="producto-corriente3"><img src="images/corriente.png" alt=""><span id="etiqueta">CORRIENTE</span></label> </div> <div class="form-radio-item"> <input id="producto-diesel3" type="radio" name="producto3" value="producto-diesel3" onclick="productoElecto3(this.value);"/> <label class="productos-cc producto-diesel3" id="producto-diesel3-label" for="producto-diesel3"><img src="images/diesel.png" alt=""><span id="etiqueta">DIESEL</span></label> </div> <div class="form-radio-item"> <input id="producto-plus3" type="radio" name="producto3" value="producto-plus3" onclick="productoElecto3(this.value);"/> <label class="productos-cc producto-plus3" id="producto-plus3-label" for="producto-plus3"><img src="images/plus.png" alt=""><span id="etiqueta">PLUS</span></label> </div> </div> <h4 id="titulo-producto4" style="font-size:14px; text-align:center">Producto #4</h4> <div id="product4"> <div class="form-radio-item"> <input id="producto-extra4" type="radio" name="producto4" value="producto-extra4" onclick="productoElecto4(this.value);"/> <label class="productos-cc producto-extra4" id="producto-extra4-label" for="producto-extra4"><img src="images/extra.png" alt=""><span id="etiqueta">EXTRA</span></label> </div> <div class="form-radio-item"> <input id="producto-corriente4" type="radio" name="producto4" value="producto-corriente4" onclick="productoElecto4(this.value);"/> <label class="productos-cc producto-corriente4" id="producto-corriente4-label" for="producto-corriente4"><img src="images/corriente.png" alt=""><span id="etiqueta">CORRIENTE</span></label> </div> <div class="form-radio-item"> <input id="producto-diesel4" type="radio" name="producto4" value="producto-diesel4" onclick="productoElecto4(this.value);"/> <label class="productos-cc producto-diesel4" id="producto-diesel4-label" for="producto-diesel4"><img src="images/diesel.png" alt=""><span id="etiqueta">DIESEL</span></label> </div> <div class="form-radio-item"> <input id="producto-plus4" type="radio" name="producto4" value="producto-plus4" onclick="productoElecto4(this.value);"/> <label class="productos-cc producto-plus4" id="producto-plus4-label" for="producto-plus4"><img src="images/plus.png" alt=""><span id="etiqueta">PLUS</span></label> </div> </div> </div> </div> </div> <div class="fieldset-content cuadros-inferiores" style="margin-top:-100px"> <div class="col-sm-6"> </div> <div class="col-sm-6"> </div> </div> </fieldset> <h3>Finalizar</h3> <fieldset id="field-finalizar"> <div class="titulo"> <h2>¡Ya has escogido tu equipo!</h2> <p class="desc">Puedes solicitar la cotización de tu equipo o si prefieres <strong style="color:#000;">¡Aseguralo con un monto mínimo!</strong></p> </div> <div class="fieldset-content finalizar cuadros-superiores"> <div class="col-sm-6"> <div class="form-group"> <label for="Nombre" class="form-label">Nombre</label> <input type="text" name="Nombre" id="Nombre"></input> </div> <div class="form-group"> <label for="Email" class="form-label">Email</label> <input type="email" name="Email" id="Email"></input> <span class="text-input">Ejemplo:<span> Jeff@gmail.com</span></span> </div> <div class="form-group"> <label for="Telefono" class="form-label">Teléfono</label> <input type="tel" name="Telefono" id="Telefono"></input> </div> <div class="form-group"> <label for="Ciudad" class="form-label">Ciudad</label> <input type="text" name="Ciudad" id="Ciudad"></input> </div> <div class="form-group"> <label for="Mensaje" class="form-label">Mensaje</label> <textarea name="Mensaje" id="Mensaje"></textarea> </div> </div> <div class="col-sm-6"> <div class="form-group"> <div class="form-holder w-100" style="padding:35px"> <input type="button" onclick="detalles()" value="Ver Detalles"> <div id="resultado"> <label id="labelEquipo"></label> <label id="labelMarca"></label> <label id="labelProducto1"></label> <label id="labelProducto2"></label> <label id="labelProducto3"></label> <label id="labelProducto4"></label> <label id="espacio"></label> <label id="complementos"></label> </div> </div> </div> <div class="form-group botones-action"> <!--<input style="width:fit-content !important" type="submit" class="action-button" name="accion" value="¡Asegurar mi equipo!" />--> <input type="submit" class="action-button" name="accion" value="Cotizar" /> </div> </div> </div> </fieldset> </div> </form> </div> </div> <!-- JS --> <script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/jquery-validation/dist/jquery.validate.min.js"></script> <script src="vendor/jquery-validation/dist/additional-methods.min.js"></script> <script src="vendor/jquery-steps/jquery.steps.min.js"></script>/ <script src="vendor/minimalist-picker/dobpicker.js"></script> <script src="vendor/nouislider/nouislider.min.js"></script> <script src="vendor/wnumb/wNumb.js"></script> <script src="js/main.js"></script> </body> </html>
Close