Inicio de ART_CODE

<section class="cd-hero"> <!--sintaxis del slidenbar--> <ul class="cd-hero-slider autoplay"> <li class="selected"> <div class="cd-full-width"> <h2>ARTCODE </h2> <p>"Artcode es la primera Academia, Estudio y Desarrolladora de contenido para videojuegos en El Salvador y la región"</p> <a href="#" class="cd-btn">Inscribete</a> </div> </li> <li> <div class="cd-half-width"> <h2>Innovación</h2> <p >Contamos con mas de 4 años de desarrollo de videojuegos, creando nuevos entornos de entretenimiento</p> <a href="#0" class="cd-btn">Start</a> <a href="#0" class="cd-btn secondary">Descubre</a> </div> <div class="cd-half-width cd-img-container"> <img src="assets/img/" alt=""> </div> </li> <li> <div class="cd-half-width cd-img-container"> <img src="assets/tech-2.jpg" alt="tech 2"> </div> <div class="cd-half-width"> <h2>Certificaciones</h2> <p>Quieres hacerte un master de el desarrollo de videojuegos, contamos con estudios de alta categoria</p> <a href="#0" class="cd-btn">Start</a> <a href="#0" class="cd-btn secondary">Mas Informacion</a> </div> </li> <li class="cd-bg-video">sd <div class="cd-full-width"> <h2>diseño gráfico</h2> <p>Un poco de las experiencias de nuestros alummnos</p> <a href="#0" class="cd-btn">Inicia curso</a> </div> <div class="cd-bg-video-wrapper" data-video=""> </div> </li> <li> <div class="cd-full-width"> <h2>Team</h2> <p>Apuntamos a ser pioneros en esta nueva industria y darle una alternativa de estudio y trabajo.</p> <a href="#0" class="cd-btn">Inicia ahora</a> <a href="#0" class="cd-btn secondary">Contactanos</a> </div> </li> </ul> <div class="cd-slider-nav"> <nav> <span class="cd-marker item-1"></span> <ul> <li class="selected"><a href="#0">Intro</a></li> <li><a href="#0">Innovación</a></li> <li><a href="#0">Certificaciones</a></li> <li><a href="#0">Video</a></li> <li><a href="#0">The Team</a></li> </ul> </nav> </div> </section> <!-- termina sintaxis del slidebar--> <!--sintaxis sobre nosotros --> <section class="agencia p-y-1" id="agencia"> <div class="container"> <div class="row"> <div class="col-md-8 col-xl-9 wow bounceIn" data-wow-delay=".3s"> <h2 class="h3 text-xs-center text-md-left font-weight-bold">Agencia de programación de aplicaciones</h2> <p>Somos una empresa completamente salvadoreña, con muchas ganas de ver desarrollar a nuestros talentos locales para que al momento de producir, XAS Dynamics sea su primera opcion en alquiler de equipo cinematográ co.</p> <p>Contamos con una amplia variedad de marcas entre las cuales podemos poner a su disposición </p> </div> <!-- termina sintaxis sobre nosotros --> <div class="col-md-4 col-xl-3 wow bounceIn" data-wow-delay=".6s"> <img src="/assets/img/art_general.png" alt="ARTCODE"> </div> </div> </div> </section> <!-- termina sintaxis sobre nosotros --> <!-- sintaxis sobre los cursos--> <section class="content bgcolor-1"> <div class="container"> <h2>Subscribete</h2> </div> <span class="inputs input--nao"> <input class="input__field input__field--nao" type="text" id="input-1" /> <label class="input__label input__label--nao" for="input-1"> <span class="input__label-content input__label-content--nao">Username</span> </label> <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none"> <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/> </svg> </span> <span class="inputs input--nao"> <input class="input__field input__field--nao" type="text" id="input-2" /> <label class="input__label input__label--nao" for="input-2"> <span class="input__label-content input__label-content--nao">Email</span> </label> <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none"> <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/> </svg> </span> <span class="inputs input--nao"> <input class="input__field input__field--nao" type="text" id="input-3" /> <label class="input__label input__label--nao" for="input-3"> <span class="input__label-content input__label-content--nao">Invitation Code</span> </label> <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none"> <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/> </svg> </span> </section> <div class="container"> <h2>cursos</h2> <div class="grid"> <figure class="effect-milo"> <img src="assets/img/Portafolio01.png" alt="img11"/> <figcaption> <h2>ARTE PARA <span>videojuegos</span></h2> <p>Utilizando la Herramienta Maya crearas ambientes, vehiculos y objetos.</p> <a href="#">View more</a> </figcaption> </figure> <figure class="effect-milo"> <img src="assets/img/Portafolio02.png" alt="img03"/> <figcaption> <h2>DAP <span>Stylus</span></h2> <p>Sumergete en el diseño de un videojuego, el arte que incluye dinamica de entorno</p> <a href="#">View more</a> </figcaption> </figure> </div> <div class="grid"> <figure class="effect-apollo"> <img src="/assets/img/curso-maya-arquitectos.jpg" alt="img18"/> <figcaption> <h2>MAYA PARA<span> ARQUITECTOS</span></h2> <p>diseño de planos en 3D</p> <a href="#">View more</a> </figcaption> </figure> <figure class="effect-apollo"> <img src="/assets/img/curso-programacion-videojuegos.jpg" alt="img22"/> <figcaption> <h2>Programacion para <span>Videojueos</span></h2> <p>Desarrollo a través de la programcion y el arte</p> <a href="#">View more</a> </figcaption> </figure> </div> </div> <!-- sintaxis sobre los profesores--> <section id="cd-team" class="cd-section"> <div class="cd-container"> <h2>Profesores</h2> <ul> <li> <a href="#0" data-type="member-1"> <figure> <img src="/assets/img/balbino-badely.jpg" alt="Team member 1"> <div class="cd-img-overlay"><span>View Bio</span></div> </figure> <div class="cd-member-info"> Jose Manuel Bidegain <span>Gerente General</span> </div> <!-- cd-member-info --> </a> </li> <li> <a href="#0" data-type="member-2"> <figure> <img src="/assets/img/jose-bidegain.jpg" alt="Team member 1"> <div class="cd-img-overlay"><span>View Bio</span></div> </figure> <div class="cd-member-info"> Balbino Aylagas Badely <span>Gerente de Informática</span> </div> <!-- cd-member-info --> </a> </li> <li> <a href="#0" data-type="member-3"> <figure> <img src="/assets/img/Sergio-Aris-Rosa.jpg" alt="Team member 1"> <div class="cd-img-overlay"><span>View Bio</span></div> </figure> <div class="cd-member-info"> Sergio Aris Rosa <span>Profesor de Diseño y Programación</span> </div> <!-- cd-member-info --> </a> </li> </ul> </div> <!-- cd-container --> </section> <!-- cd-team --> <div class="cd-overlay"></div> <!--gooogle maps --> <section id="cd-google-map"> <div id="google-container"></div> <div id="cd-zoom-in"></div> <div id="cd-zoom-out"></div> <address>3ra calle poniente, Lomas Verdes, #5328, Col. Escalon, 3a Calle Poniente, San Salvador, El Salvador</address> </section> <!--tesimonios--> <!--Empieza el codigo de la targeta de comentarios de experiencias de usuarios--> <div class="cd-testimonials-wrapper cd-container"> <ul class="cd-testimonials"> <!--Listado de los comentarios e imagenes que van dentro de la caja de comentarios--> <li> <p>Aquí tenemos lenguajes como HTML y CSS, que controlan tanto la estructura como la estética de la página web</p> <div class="cd-author"> <img src="/assets/img/1.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Karen Garcia, estudiante tecnico</li> </ul> </div> </li> <li> <p>Hay dos tipos generales de lenguajes de programación: los que funcionan del lado del cliente y los que funcionan del lado del servidor.</p> <div class="cd-author"> <img src="/assets/img/2.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Daniela Alejandra, estudiante informatica</li> </ul> </div> </li> <li> <p>Hoy en día el desarrollo web es tan amplio que es recomendable especializarse. Si no, sabrás un poco de todo, pero no sabrás bien nada.</p> <div class="cd-author"> <img src="/assets/img/3.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Emerson Estanley, Universitario Informatico</li> </ul> </div> </li> </ul> <!-- cd-testimonials --> <!--Link que nos desplaza hacia la parte de comentarios extras--> <a href="#0" class="cd-see-all">Mas comentarios</a> </div> <!-- cd-testimonials-wrapper --> <!--listado de comentarios extras ordenado por contenedores de coleres celestes--> <div class="cd-testimonials-all"> <div class="cd-testimonials-all-wrapper"> <ul> <li class="cd-testimonials-item"> <p>Aprender por uno mismo es más costoso y necesitas más esfuerzo y tiempo. Al menos a mí me pasa. Además, no todos los cursos son una basura.</p> <div class="cd-author"> <img src="/assets/img/4.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Elizabeth Rauda, Diseñadora de video juegos</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>Si ya tienes una base y, si no he entendido mal, ya trabajas en una empresa encargándote tu de todo el proceso de creación web (diseño y desarrollo), entonces mi consejo es AUTOFORMACIÓN</p> <div class="cd-author"> <img src="/assets/img/5.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Mercede Quijano, Diseñadora grafica</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>Solo practicando te vas a encontrar con problemas, y vas a poder solucionarlos. Pero para solucionarlos vas a tener que aprender</p> <div class="cd-author"> <img src="/assets/img/6.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Wilber Campos, Logico Programador</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>El desarrollo web tiene un crecimiento y actualización constante, algo que no ocurre con los contenidos que te enseñan en carreras/cursos.</p> <div class="cd-author"> <img src="/assets/img/7.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Luis Rivas, Tecnico en Informatica</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>Vale muchisimo más aprender por tu cuenta y mantenerse actualizado de lo que ocurre en el ámbito que estudiar academicamente al respecto.</p> <div class="cd-author"> <img src="/assets/img/8.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Luis Santos, Probador de video juegos</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>Recuerda que en este mundo de la informática programar no es lo único, existen otros perfiles relacionados que pueden gustarte mas. Yo te recomiendo una carrera en sistemas, y que averigües sobre las oportunidades laborales que ofrece.</p> <div class="cd-author"> <img src="/assets/img/9.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Diego Fernando, Desarrollador Web</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>Si estas seguro de que queres ser programador y le cerras la puerta a otras posibilidades, creo que como dicen aquí podes aprender solo, igual yo recomendaría que entres a la universidad y conozcas gente de tus mismo palo (hagas contactos).</p> <div class="cd-author"> <img src="/assets/img/10.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Raul Bermudez, Experto en diseño web</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>Hay muchas otras cosas que podría decir sobre la cantidad de gente que habla mal de las carreras que estudian y ni siquiera saben de que tratan pero lo dejo ahi.</p> <div class="cd-author"> <img src="/assets/img/11.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Monica Sanchez, Diseñadora 3D</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>La programación es un arte.... es la posibilidad de crear soluciones a partir de un problema específico, además que nos permite automatizar procesos.</p> <div class="cd-author"> <img src="/assets/img/12.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Maryori Vega, Estudiante Universitaria de diseño</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>Es de suma importancia pues le permite al ser humano olvidarse de tareas tan tediosas y repetitivas... además que en las últimas décadas ha evolucionado de manera impresionante.</p> <div class="cd-author"> <img src="/assets/img/13.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Camila Guevara, Licenciada en ciencias de la computacion</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>Actualmente existe una gran variedad de lenguajes de programación que se emplean para cualquier tipo de negocio ó area, para la medicina, para la administración, para las finanzas, etc.</p> <div class="cd-author"> <img src="/assets/img/14.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Warner Flores, Tecnico en mantenimiento informatico</li> </ul> </div> <!-- cd-author --> </li> <li class="cd-testimonials-item"> <p>La programación.... es el lenguaje de las máquinas que se construyen. Vamos, todo cacharro electrónico que tienes posee una programación. Así que forma parte de toda la tecnología actual y es absolutamente necesaria.</p> <div class="cd-author"> <img src="/assets/img/15.jpg" alt="Author image"> <ul class="cd-author-info"> <li>Art-Code Coments</li> <li>Fernanda Rodas, Diseñadora grafica</li> </ul> </div> <!-- cd-author --> </li> </ul> </div> <!-- cd-testimonials-all-wrapper --> <!--termina el proceso de caja de comentarios de experiencia de usuario y presentamos el boton cerrar o regresar al abrir comentarios extras--> <a href="#0" class="close-btn">Cerrar</a> </div> <!-- cd-testimonials-all --> <div class="cd-member-bio member-1"> <div class="cd-member-bio-pict"> <img src="/assets/img/tech-1137487.jpg" alt="Member Bio image"> </div> <!-- cd-member-bio-pict --> <div class="cd-bio-content"> <h1>Jose Manuel Bidegain</h1> <p>RXNwZWNpYWxpc3RhIGVuIG1vZGVsYWplIDNEIGRlIGFtYmllbnRlcywgcHJvcHcczgtyuibbyivty=?</p> <p>01000101 01110011 01110000 01100101 01100011 01101001 01100001 01101100 01101001 01110011 01110100 01100001 00100000 01100101 01101110 00100000 01101101 01101111 01100100 01100101 01101100 01100001 01101010 01100101 00100000 00110011 01000100 00100000 01100100 01100101 00100000 01100001 01101101 01100010 01101001 01100101 01101110 01110100 01100101 01110011 00101100 00100000 01110000 01110010 01101111 01110000 01110011 00100000 00101000 01101111 01100010 01101010 01100101 01110100 01101111 01110011 00101001 00101100 00100000 01110110 01100101 01101000 11101101 01100011 01110101 01101100 01101111 01110011 00101100 00100000 01110010 01101001 01100111 01100111 01101001 01101110 01100111 00100000 01111001 00100000 01100001 01101110 01101001 01101101 01100001 01100011 01101001 11110011 01101110 00100000 01100100 01100101 00100000 01110000 01100101 01110010 01110011 01101111 01101110 01100001 01101010 01100101 01110011 00101100 00100000 01101001 01101100 01110101 01101101 01101001 01101110 01100001 01100011 01101001 11110011 01101110 00101100 00100000 01110010 01100101 01101110 01100100 01100101 01110010 01101001 01111010 01100001 01100011 01101001 01101111 01101110 00100000 01111001 00100000 01100110 01101111 01110100 01101111 01110010 01100101 01100001 01101100 01101001 01110011 01101101 01101111 00101110 00001101 00001010</p> </div> <!-- cd-bio-content --> </div> <!-- cd-member-bio --> <div class="cd-member-bio member-2"> <div class="cd-member-bio-pict"> <img src="/assets/img/OFASFY0.jpg" alt="Member Bio image"> </div> <!-- cd-member-bio-pict --> <div class="cd-bio-content"> <h1>Balbino Aylagas Badely</h1> <p>RXNwZWNpYWxpc3RhIGVuIG1vZGVsYWplIDNEIGRlIGFtYmllbnRlcywgcHJvcHcczgtyuibbyivty=?</p> <p>01000101 01110011 01110000 01100101 01100011 01101001 01100001 01101100 01101001 01110011 01110100 01100001 00100000 01100101 01101110 00100000 01101101 01101111 01100100 01100101 01101100 01100001 01101010 01100101 00100000 00110011 01000100 00100000 01100100 01100101 00100000 01100001 01101101 01100010 01101001 01100101 01101110 01110100 01100101 01110011 00101100 00100000 01110000 01110010 01101111 01110000 01110011 00100000 00101000 01101111 01100010 01101010 01100101 01110100 01101111 01110011 00101001 00101100 00100000 01110110 01100101 01101000 11101101 01100011 01110101 01101100 01101111 01110011 00101100 00100000 01110010 01101001 01100111 01100111 01101001 01101110 01100111 00100000 01111001 00100000 01100001 01101110 01101001 01101101 01100001 01100011 01101001 11110011 01101110 00100000 01100100 01100101 00100000 01110000 01100101 01110010 01110011 01101111 01101110 01100001 01101010 01100101 01110011 00101100 00100000 01101001 01101100 01110101 01101101 01101001 01101110 01100001 01100011 01101001 11110011 01101110 00101100 00100000 01110010 01100101 01101110 01100100 01100101 01110010 01101001 01111010 01100001 01100011 01101001 01101111 01101110 00100000 01111001 00100000 01100110 01101111 01110100 01101111 01110010 01100101 01100001 01101100 01101001 01110011 01101101 01101111 00101110 00001101 00001010</p> </div> <!-- cd-bio-content --> </div> <!-- cd-member-bio --> <div class="cd-member-bio member-3"> <div class="cd-member-bio-pict"> <img src="/assets/img/camera-943244.jpg" alt="Member Bio image"> </div> <!-- cd-member-bio-pict --> <div class="cd-bio-content"> <h1>Sergio Aris Rosa</h1> <p>RXNwZWNpYWxpc3RhIGVuIG1vZGVsYWplIDNEIGRlIGFtYmllbnRlcywgcHJvcHcczgtyuibbyivty=?</p> <p>01000101 01110011 01110000 01100101 01100011 01101001 01100001 01101100 01101001 01110011 01110100 01100001 00100000 01100101 01101110 00100000 01101101 01101111 01100100 01100101 01101100 01100001 01101010 01100101 00100000 00110011 01000100 00100000 01100100 01100101 00100000 01100001 01101101 01100010 01101001 01100101 01101110 01110100 01100101 01110011 00101100 00100000 01110000 01110010 01101111 01110000 01110011 00100000 00101000 01101111 01100010 01101010 01100101 01110100 01101111 01110011 00101001 00101100 00100000 01110110 01100101 01101000 11101101 01100011 01110101 01101100 01101111 01110011 00101100 00100000 01110010 01101001 01100111 01100111 01101001 01101110 01100111 00100000 01111001 00100000 01100001 01101110 01101001 01101101 01100001 01100011 01101001 11110011 01101110 00100000 01100100 01100101 00100000 01110000 01100101 01110010 01110011 01101111 01101110 01100001 01101010 01100101 01110011 00101100 00100000 01101001 01101100 01110101 01101101 01101001 01101110 01100001 01100011 01101001 11110011 01101110 00101100 00100000 01110010 01100101 01101110 01100100 01100101 01110010 01101001 01111010 01100001 01100011 01101001 01101111 01101110 00100000 01111001 00100000 01100110 01101111 01110100 01101111 01110010 01100101 01100001 01101100 01101001 01110011 01101101 01101111 00101110 00001101 00001010</p> </div> <!-- cd-bio-content --> </div> <!-- cd-member-bio --> <a href="#0" class="cd-member-bio-close">Close</a> <!-- close the author bio section --> <div class="col-md-8"> <div class="card " [@carduserprofile]> <div class="container"> <div class="row"> <div class="col-md-8"> <h2 class="m-b-2">contacto</h2> <form action="#"> <div class="form-group row"> <label for="nombre" class="col-md-2 col-form-label">Nombre</label> <div class="col-md-7"> <input class="form-control" type="text" id="nombre" name="nombre" placeholder="Ingrese su nombre" data-toggle="tooltip" data-placement="top" title="Ingrese su nombre completo"> </div> </div> <div class="form-group row"> <label for="email" class="col-md-2 col-form-label">Email</label> <div class="col-md-7"> <input class="form-control" type="text" id="email" name="email" placeholder="Ingrese su email" data-toggle="tooltip" data-placement="top" title="Ingrese su email"> </div> </div> <div class="form-group row"> <label for="mensaje" class="col-md-2 col-form-label">Mensaje</label> <div class="col-md-7"> <textarea class="form-control" rows="5" id="mensaje" name="mensaje" placeholder="Ingrese su mensaje" data-toggle="tooltip" data-placement="top" title="Ingrese un mensaje"></textarea> </div> </div> <div class="form-group row"> <div class="col-md-8 offset-md-4"> <button type="submit" class="btn btn-primary">Enviar</button> <button type="reset" class="btn btn-secondary">Limpiar</button> </div> </div> </form> </div> </div> </div> </div> </div> <div class="col-md-4"> <div class="card card-user" [@cardprofile]> <div class="image"> </div> <div class="content"> <div class="author"> <a href="#"> <h4 class="title">ARTCODE Studios<br/> <small>ART for future</small> </h4> </a> </div> <p class="description text-center"> Telefono: +503 2264 9480<br> Email: artcode.la@artcode.com <br> 3ra calle poniente, Lomas Verdes, #5328, Col. Escalon, 3a Calle Poniente, San Salvador, El Salvador </p> </div> <hr> <div class="text-center"> <button href="" class="btn btn-simple"><i class="fa fa-facebook-square"></i></button> <button href="" class="btn btn-simple"><i class="fa fa-twitter"></i></button> <button href="" class="btn btn-simple"><i class="fa fa-google-plus-square"></i></button> </div> </div> </div>