{% extends 'base.html.twig' %}{% block title %}Hello DefaultController!{% endblock %}{% block body %}<div id="main"> <section class="inicio"> <div class="parallax" style="top:12%;right:-4%;max-width:600px;"> <div class="rellax" data-rellax-speed="2"><img class="img-fluid" src="{{ asset('img/iconos/forma1.png') }}" alt=""></div> </div> <div class="container-fluid"> <div class="paginas"> <div class="row"> <div class="col-12 col-lg-6"> <div class="os-animation" data-os-animation="fadeInDown" data-os-animation-delay="0.2s"> <h1>Te ayudamos a crear tu proyecto web</h1> </div> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.3s"> <p>Te asesoramos y hacemos tu idea realidad</p> <div class="desktop"> <a href="#contacto" class="boton scroll"><span>Contáctanos</span></a> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="desktop"> <img class="img-fluid ico" src="{{ asset('img/iconos/ilustracion.png') }}" alt=""> </div> </div> </div> </div> </div> <div class="mobile"> <img class="img-fluid" src="{{ asset('img/temp/inicio.png') }}" alt=""> <div class="centrar"> <a href="#contacto" class="boton scroll"><span>Contáctanos</span></a> </div> </div> </section> <section id="como-te-ayudamos" class="par"> <div class="container-fluid"> <div class="paginas"> <div class="row"> <div class="col-12"> <div class="titulo"> <div class="centrar"> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.2s"> <h2>¿Cómo te ayudamos?</h2> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="modulo"> <div class="os-animation" data-os-animation="flipInY" data-os-animation-delay="0.2s"> <img class="img-fluid ico" src="{{ asset('img/iconos/ico-1.png') }}" alt=""> </div> <div class="contenido"> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.3s"> <h3>Conversemos sobre tu idea</h3> </div> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.35s"> <p>Te asesoramos, nos acercamos a tu necesidad, recopilamos toda tu información y comienza nuestra planificación.</p> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="modulo"> <div class="os-animation" data-os-animation="flipInY" data-os-animation-delay="0.2s"> <img class="img-fluid ico" src="{{ asset('img/iconos/ico-2.png') }}" alt=""> </div> <div class="contenido"> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.3s"> <h3>Trabajemos en tu idea</h3> </div> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.35s"> <p>Te solicitaremos los recursos necesarios para dar inicio a tu proyecto y te mantendremos informado de todos los avances y procesos.</p> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="modulo ultimo"> <div class="os-animation" data-os-animation="flipInY" data-os-animation-delay="0.2s"> <img class="img-fluid ico" src="{{ asset('img/iconos/ico-3.png') }}" alt=""> </div> <div class="contenido"> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.3s"> <h3>¡Idea concretada!</h3> </div> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.35s"> <p>Tu proyecto está listo para salir al mercado, contarás con nuestro servicio postventa en cada paso que des.</p> </div> </div> </div> </div> </div> </div> </div> </section> <section id="que-ofrecemos"> <div class="parallax" style="top:45%;left:-12%;max-width:600px;"> <div class="rellax" data-rellax-speed="2"><img class="img-fluid" src="{{ asset('img/iconos/forma2.png') }}" alt=""></div> </div> <div class="container-fluid"> <div class="paginas"> <div class="row"> <div class="col-12"> <div class="titulo"> <div class="centrar"> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.2s"> <h2>¿Qué ofrecemos?</h2> </div> </div> </div> </div> <div class="col-12 col-lg-4 offset-lg-2"> <img class="img-fluid ico" src="{{ asset('img/iconos/pc.png') }}" alt=""> </div> <div class="col-12 col-lg-6"> <div class="contenido"> <ul> <li>Página web corporativa</li> <li>Landing page</li> <li>Catálogo de productos</li> <li>Tienda online </li> <li>Integración con Webpay</li> <li>Servicios de mantención</li> <li>Servicios de Hosting</li> </ul> </div> </div> </div> </div> </div> </section> <section id="contacto" class="par"> <div class="container-fluid"> <div class="paginas"> <div class="row"> <div class="col-12"> <div class="titulo"> <div class="centrar"> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.2s"> <h2>Contáctanos</h2> </div> <div class="os-animation" data-os-animation="fadeInUp" data-os-animation-delay="0.3s"> <p>Completa el formulario y te responderemos a la brevedad posible</p> </div> </div> </div> <div class="row"> <div class="col-12 col-lg-8 offset-lg-2"> <div class="formulario"> <form id="form" name="form" method="post" action=""> <div class="row"> <div class="col-12 col-lg-6"> <div class="form-group"> <label>Nombre completo:</label> <input type="text" class="form-control" /> </div> </div> <div class="col-12 col-lg-6"> <div class="form-group"> <label>Teléfono:</label> <input type="text" class="form-control" /> </div> </div> </div> <div class="form-group"> <label>Email:</label> <input type="text" class="form-control" /> </div> <div class="form-group"> <label>Déjanos tu mensaje:</label> <textarea id="mensaje" name="mensaje" cols="50" rows="4" class="form-control"></textarea> </div> <div class="clearfix"> <div class="botonera"> <input type="submit" value="Enviar"> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </section></div>{% endblock %}