<?php 
    $curso = (isset($curso))? $curso:'General';
    $shorturl = '2022';
    $idcurso = '0';
?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
	<title>¡Elegí formarte hoy! ASD</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta http-equiv="x-ua-compatible" content="ie-edge">
	<meta name="description" content="ELEGÍ FORMARTE HOY! El mercado te necesita">
	<meta name="author" content="Desarrollado por Javier Ramón">
	<meta name="copyright" content="Academia Santo Domingo">
	<meta name="keywords" content="Educacion, Cursos, Academia, Gestion, Tecnologia, Oficios">
	<meta name="robots" content="index">
<!-- estilos criticos -->
<style>
    header h1 span {
        font-size: 20px;
        display: block;
        font-weight: 400;
    }
        header h1 span b {
            font-weight: 600;
        }
    form input:focus,
    form input:focus-visible,
    form select:focus,
    form select:focus-visible {
        color: var(--gris-130);
        outline: 2px solid var(--verde-mas-c);
    }

    form select:focus {
        color: var(--gris-100);
    }
</style>

<!--links-->
    <link rel="stylesheet" href="css/estilos.css" media="all" rel="onload" as="style"> 
    <link rel="icon" type="image/png" href="img/ico.png">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" media="all" rel="onload" as="font">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&display=swap" rel="stylesheet" media="all" rel="onload" as="font">

<!-- Re-Capcha de Google -->
	<script defer src='https://www.google.com/recaptcha/api.js' ></script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JV0Q9DZ1MN"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-JV0Q9DZ1MN');
</script>

</head>

<body>
<div class="contenido">
    <header role="banner">
        <img src="img/portada.webp" class="portada" alt="Portada con logo de Academia Santo Domingo. Entrá en calor con nuestros lanzamientos de invierno" role="img" width="1280px" height="160px">
        <img src="img/portada-celu.webp" class="portada-celu" alt="Portada con logo de Academia Santo Domingo. Entrá en calor con nuestros lanzamientos de invierno" role="img" width="776px" height="170px">
        <img src="img/logo.svg" class="logo" alt="Logo de Academia Santo Domingo" role="img" width="130px" height="107px">
        <h1>ENTRÁ EN CALOR
        <span>con nuestros <b>nuevos lanzamientos de invierno</b>.</span></h1>
        <h2><i>Viví la <b>Experiencia Santo Domingo</b></i></h2>
    </header>

    <main class="formulario" role="main">

        <!-- formulario -->
        <form data-toggle="validator" role="form" action="../../formulario/landing-2022.php" method="POST" id="formulario">
            
            <input type="text" name="nombre" placeholder="Nombre*" required="Falta agregar tu nombre">
            <input type="text" name="apellido" placeholder="Apellido*" required="Falta agregar tu apellido">
            <input type="email" name="email" placeholder="Email">
                <div class="codigo-telefono">
                    <p class="cod">0</p>
                    <input type="number" name="codcelular" placeholder="351*" required="Falto de completar">
                    <p class="telefono">15</p>
                    <input type="number" name="telefono" placeholder="5 157-420*" required="Necesitamos un teléfono para ponernos en contacto">
                </div>

            <!-- Lista de cursos -->
            <section class="select-form">
                <select class="form-control" name="curso" id="curso" required >
                    <option selected="selected"  disabled="disabled" style="color:var(--gris-170);">Seleccionar curso de interes* </option>
                    <option value="6/22 - Aire acondicionado">Aire acondicionado</option>
                    <option value="6/22 - Armado de muebles">Armado de muebles</option>
                    <option value="6/22 - Aux. maestra jardinera">Auxiliar de maestra jardinera</option>
                    <option value="6/22 - Cerrajeria">Cerrajería</option>
                    <option value="6/22 - Corte y confeccion">Corte y confección</option>
                    <option value="6/22 - Confección de lenceria, mallas y bikinis">Confección: lenceria, mallas y bikinis</option>
                    <option value="6/22 - Confección de bolsos, carteras y mochilas">Confección: bolsos, carteras y mochilas</option>
                    <option value="6/22 - Diplomatura en redes de datos">Diplomatura en redes de datos</option>
                    <option value="6/22 - Electronica basica">Electrónica básica</option>
                    <option value="6/22 - Electricidad domiciliaria">Electricidad domiciliaria (oficial)</option>
                    <option value="6/22 - Electricidad industrial">Electricidad industrial</option>
                    <option value="6/22 - Electromecánica del automotor">Electromecánica del automotor</option>
                    <option value="6/22 - Herreria">Herrería</option>
                    <option value="6/22 - Herramientas Office">Herramientas Office</option>
                    <option value="6/22 - Informatica basica">Informática básica</option>
                    <option value="6/22 - Instalacion de alarmas">Instalación de alarmas</option>
                    <option value="6/22 - Instalador de gas">Instalación de gas</option>
                    <option value="6/22 - Inyeccion electronica">Inyección electrónica</option>
                    <option value="6/22 - Inversiones y finanzas">Inversiones y finanzas</option>
                    <option value="6/22 - Mandatario del automotor">Mandatario del automotor</option>
                    <option value="6/22 - Mecanica de autos">Mecánica de autos</option> 
                    <option value="6/22 - Mecanica de motos">Mecánica de motos</option>
                    <option value="6/22 - Paneles fotovoltaicos">Paneles fotovoltaicos</option>
                    <option value="6/22 - Programacion de Arduino">Programación de Arduino</option>
                    <option value="6/22 - Reparacion de celulares">Reparación de celulares</option>
                    <option value="6/22 - Reparacion de PC">Reparación de PC</option>
                    <option value="6/22 - Secreatariado">Secretariado administrativo</option>
                    <option disabled="disabled"></option>
                    <option disabled="disabled" style="color:var(--gris-170);">TALLERES: </option>
                    <option value="7/22 - Taller de corseteria">Confección de Corsetería</option>
                    <option value="7/22 - Taller de enteritos">Enteritos Dormilones</option>
                    <option value="7/22 - Taller de pantuflas">Confección de Pantuflas</option>
                </select>
            </section>

            <!-- /* campos ocultos */ -->
            <input type="text" name="localidad" placeholder="Localidad" disabled="disabled" style="display:none;">
            <textarea name="consultas" placeholder="¿Cuál es tu consulta?" disabled="disabled" style="display:none;"></textarea>

            <input type="hidden" name="medio" value="<?=$medio?>"/>
            <input type="hidden" name="m" value="<?=$m?>"/>
            <!-- URL de destino -->
            <input type="hidden" name="shorturl" value="<?=$shorturl?>">
            <!-- PopUp ventas ID -->
            <input type="hidden" name="idcurso" value="<?=$idcurso?>">
            <!-- Landing + Recapcha -->
            <input type="hidden" name="origen" value="Sitio campaña 2022">
            <!-- Capcha -->
            <div class="g-recaptcha" data-sitekey="6LfE4EcUAAAAAJwygsTBSK7NDvhUQSQOnzR6WHJ0"></div>

            <!-- Envio -->
            <input type="submit" name="enviar" id="enviar" value="Enviar mensaje">
        </form>
    </main>

    <section class="estudiar-sd">
        <h3>¿Por qué inscribirte en Santo Domingo?</h3>
        <article role="article">
            <img src="img/icono-trayectoria.svg" alt="imagen de por qué estudiar en Santo Domingo" role="img" width="94px" height="85px">
            <p>Porque con más de 35 años, somos la academia de formación laboral con mayor trayectoria educativa de la ciudad de Córdoba.</p>
        </article>
        <article role="article">
            <img src="img/icono-pleno-centro.svg" alt="imagen de por qué estudiar en Santo Domingo" role="img" width="100px" height="76px">
            <p>Porque estamos en Pleno Centro de Córdoba, o en donde estés a través de nuestra modalidad de cursado On Line con Clases en VIVO.</p>
        </article>
        <article role="article">
            <img src="img/icono-proyecto-de-vida.svg" alt="imagen de por qué estudiar en Santo Domingo" role="img" width="98px" height="85px">
            <p>Porque nuestro compromiso es, al mismo tiempo que formarte, contribuir a tu proyecto de vida.</p>
        </article>
        <article role="article">
            <img src="img/icono-docentes-profesionales.svg" alt="imagen de por qué estudiar en Santo Domingo" role="img" width="100px" height="85px">
            <p>Porque nuestros Docentes son profesionales de excelencia en su oficio.</p>
        </article>
        <article role="article">
            <img src="img/icono-mercado-laboral.svg" alt="imagen de por qué estudiar en Santo Domingo" role="img" width="100px" height="75px">
            <p>Porque compartimos oportunidades laborales con nuestros alumnos y egresados.</p>
        </article>
        <article role="article">
            <img src="img/icono-charla-constante.svg" alt="imagen de por qué estudiar en Santo Domingo" role="img" width="99px" height="85px">
            <p>¡Porque te acompañaremos de cerca mientras dure tu cursado!</p>
        </article>
    </section>

</div>

<footer>
    <p><b>Academia Santo Domingo © 2022</b><br>
    <i>"Más de <b>35 años</b> de trayectoria educativa"</i></p>
</footer>
</body>
</html>