templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block menuHome %}
  4.     {{ include('Parts/menuHome.html.twig') }}
  5. {% endblock %}
  7. {% block body %}
  8.     <!-- Bloque albumes -->
  9.         <div class="containerAlbumes">
  10.             {% for key, album in albumes %}
  11.                 {% if key < 9 %}
  12.                 <div class="elementAlbumes">
  13.                 {% else %}
  14.                 <div class="elementAlbumes hideAlbum">
  15.                 {% endif %}
  16.                     <div class="iconoAlbumes">
  17.                         <img src="{{ asset('img/iconos/icono-albumes.png') }}" alt="">
  18.                     </div>
  19.                     <div class="itemAlbum" id="{{ album.id }}">
  20.                         <a href="{{ path('app_album', {id: album.id}) }}">
  21.                             <div class="img">
  22.                                 <img src="{{ asset(album.imagen) }}" />
  23.                             </div>
  24.                             <div class="info">
  25.                                 <div class="textoAlbum">
  26.                                     <h3>{{ album.tituloprincipal | upper  }}</h3>
  27.                                     <p>{{ album.tituloSecundario | upper }}</p>
  28.                                 </div>
  29.                             </div>
  30.                         </a>
  31.                     </div>
  32.                 </div>
  33.             {% endfor %}
  34.         </div>
  36.         <div class="contentVerMas">
  37.             <a class="boton-ver-mas"></a>
  38.         </div>
  40.        <div id="sobremi" class="posicionMenu"></div>
  42.        <!-- SOBRE MÍ -->
  43.         <div class="sobreMi">
  44.             <div class="row margenrow">
  45.                 <!--<img src="img/fondo_sobremi.jpg" class="img-responsive imgsobreMi">-->
  46.                 <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"></div>
  47.                 <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
  48.                 <div class="caja1sobremi scrollflow -slide-left -opacity" >
  50.                     <h3 class="titulosobremi">SOBRE MÍ</h3>
  51.                     <img src="{{ asset('img/iconos/sobremi.png') }}">
  52.                     <div class="row paddingTop30">
  53.                         <!--<div class=" hidden-md hidden-lg"></div>-->
  54.                         <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 textoSobreMi">
  55.                             <p>
  56.                                 Tras <span class="sobremiTextoDestacado">Aizane</span>, se esconde la fotógrafa madrileña Sandra Martínez, involucrada principalmente
  57.                                 en fotografía de <span class="sobremiTextoDestacado">retrato, moda y reportaje social. </span>
  58.                                 La fotografía se convirtió en mi medio de expresión, y con ella, busco emocionar a través
  59.                                 de la conexión del entorno con las personas: una mirada, los gestos, los colores...
  60.                                 Aportando en ocasiones una calidez y cercanía con un
  61.                                 <span class="sobremiTextoDestacado">aire dramático.</span></p>
  62.                         </div>
  63.                         <!--<div class="hidden-md hidden-lg"></div>-->
  64.                     </div>
  65.                 </div>
  66.                 </div>
  67.                 <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"></div>
  68.             </div>
  69.             <div class="row margenrow paddingCaja2SobreMi">
  70.                 <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1"></div>
  71.                 <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
  72.                     <div class="caja2sobremi scrollflow -slide-right -opacity">
  74.                         <div class="row">
  75.                             <div class="hidden-xs hidden-sm col-md-1 col-lg-1"></div>
  76.                             <div class="hidden-xs col-sm-12 col-md-10 col-lg-10">
  77.                                 <div class="row subcajasobremi">
  79.                                     <div class="col-sm-3 col-md-3 col-lg-3 anchocajasobremi">
  80.                                         <img src="{{ asset('img/iconos/fotoSobreMi.png') }}">
  81.                                         <p class="SubtitulosSobreMi">Fotografía</p>
  82.                                     </div>
  84.                                     <div class="col-sm-3 col-md-3 col-lg-3 anchocajasobremi">
  85.                                         <img src="{{ asset('img/iconos/corazonSobreMi.png') }}">
  86.                                         <p class="SubtitulosSobreMi">Emociones</p>
  87.                                     </div>
  89.                                     <div class="col-sm-3 col-md-3 col-lg-3 anchocajasobremi">
  90.                                         <img src="{{ asset('img/iconos/hojaSobreMi.png') }}">
  91.                                         <p class="SubtitulosSobreMi">Naturaleza</p>
  92.                                     </div>
  94.                                     <div class="col-sm-3 col-md-3 col-lg-3 anchocajasobremi">
  95.                                         <img src="{{ asset('img/iconos/nubeSobreMi.png') }}">
  96.                                         <p class="SubtitulosSobreMi">Creatividad</p>
  97.                                     </div>
  99.                                 </div>
  100.                                 <div class="row">
  101.                                     <div class="col-sm-3 col-md-3 col-lg-3">
  102.                                         <p class="textoInfoSobreMi"><span class="sobremiTextoDestacado">Organizo one to one,
  103.                                                 talleres grupales, sesiones personalizadas y clases de edición a tu medida: </span>
  104.                                                 Fotografía de retrato, moda o social (parejas, familias, infantil, embarazo etc.) </p>
  105.                                     </div>
  106.                                     <div class="col-sm-3 col-md-3 col-lg-3">
  107.                                         <p class="textoInfoSobreMi">A menudo me transporto al
  108.                                         <span class="sobremiTextoDestacado"> mundo onírico,</span> escapando por un momento de lo real,
  109.                                         dando paso a las emociones, sentimientos, pensamientos
  110.                                         y los sueños.</p>
  111.                                     </div>
  112.                                     <div class="col-sm-3 col-md-3 col-lg-3">
  113.                                         <p class="textoInfoSobreMi">La montaña, el mar, el campo, un parque, el bosque...
  114.                                         son lugares que me inspiran.
  115.                                         Busco esa <span class="sobremiTextoDestacado">conexión de las personas</span> con la naturaleza.</p>
  116.                                     </div>
  117.                                     <div class="col-sm-3 col-md-3 col-lg-3">
  118.                                         <p class="textoInfoSobreMi">Vivo en <span class="sobremiTextoDestacado">continuo aprendizaje,</span>
  119.                                         aportando novedades a cada proyecto y descubriendo que
  120.                                         cada persona o lugar
  121.                                         tienen siempre algo especial.</p>
  122.                                     </div>
  123.                                 </div>
  124.                             </div>
  127.                             <div class="visible-xs">
  128.                                 <div class="row subcajasobremi">
  130.                                     <div class="col-xs-12 anchocajasobremi">
  131.                                         <img src="{{ asset('img/iconos/fotoSobreMi.png') }}">
  132.                                         <p class="SubtitulosSobreMi">Fotografía</p>
  133.                                         <p class="textoInfoSobreMi"><span class="sobremiTextoDestacado">Organizo one to one,
  134.                                                 talleres grupales, sesiones personalizadas y clases de edición a tu medida: </span>
  135.                                             Fotografía de retrato, moda o social (parejas, familias, infantil, embarazo etc.) </p>
  136.                                     </div>
  137.                                 </div>
  138.                                 <div class="row subcajasobremi">
  139.                                     <div class="col-sm-3 col-md-3 col-lg-3 anchocajasobremi">
  140.                                         <img src="{{ asset('img/iconos/corazonSobreMi.png') }}">
  141.                                         <p class="SubtitulosSobreMi">Emociones</p>
  142.                                         <p class="textoInfoSobreMi">A menudo me transporto al
  143.                                         <span class="sobremiTextoDestacado"> mundo onírico,</span> escapando por un momento de lo real,
  144.                                         dando paso a las emociones, sentimientos, pensamientos
  145.                                         y los sueños.</p>
  146.                                     </div>
  147.                                 </div>
  148.                                 <div class="row subcajasobremi">
  149.                                     <div class="col-sm-3 col-md-3 col-lg-3 anchocajasobremi">
  150.                                         <img src="{{ asset('img/iconos/hojaSobreMi.png') }}">
  151.                                         <p class="SubtitulosSobreMi">Naturaleza</p>
  152.                                         <p class="textoInfoSobreMi">La montaña, el mar, el campo, un parque, el bosque...
  153.                                         son lugares que me inspiran.
  154.                                         Busco esa <span class="sobremiTextoDestacado">conexión de las personas</span> con la naturaleza.</p>
  155.                                     </div>
  156.                                 </div>
  157.                                 <div class="row subcajasobremi">
  158.                                     <div class="col-sm-3 col-md-3 col-lg-3 anchocajasobremi">
  159.                                         <img src="{{ asset('img/iconos/nubeSobreMi.png') }}">
  160.                                         <p class="SubtitulosSobreMi">Creatividad</p>
  161.                                         <p class="textoInfoSobreMi">Vivo en <span class="sobremiTextoDestacado">continuo aprendizaje,</span>
  162.                                         aportando novedades a cada proyecto y descubriendo que
  163.                                         cada persona o lugar
  164.                                         tienen siempre algo especial.</p>
  165.                                     </div>
  166.                                 </div>
  167.                             </div>
  169.                         </div>
  171.                         <div class="col-sm-1 col-md-1 col-lg-1"></div>
  172.                     </div>
  174.                 </div>
  175.             </div>
  176.         </div>
  179.     <div id="contacto" class="posicionMenu"></div>
  180.     <!-- CONTACTO -->
  181.     <div class="container-fluid contenedorContacto scrollflow -slide-top -opacity">
  182.         <div class="contenedorContacto1">
  183.             <h3 class="titulosobremi">CONTACTO</h3>
  184.             <img src="{{ asset('img/iconos/sobremi.png') }}">
  185.             <div class="row">
  186.                 <div class="col-sm-3 col-md-4 col-lg-4"></div>
  187.                 <div class="col-sm-6 col-md-4 col-lg-4 textoContacto">
  188.                     <p>Para cualquier solicitud o pregunta
  189.                     no dudes en ponerte en contacto conmigo,
  190.                     mediante mi mail, teléfono o el formulario.</p>
  191.                 </div>
  192.                 <div class="col-sm-3 col-md-4 col-lg-4"></div>
  193.             </div>
  194.             <p class="infoContacto">info@aizanephoto.com</p>
  195.                <p class="tlfnContacto">660 58 76 52</p>
  196.         </div>
  197.         <div class="row">
  198.             <div class="col-xs-1 col-sm-1 col-md-3 col-lg-3"></div>
  199.             <div class="col-xs-10 col-sm-10 col-md-6 col-lg-6">
  200.                 <form class="formulariocontacto" action="{{ path('app_contact') }}" method="post">
  201.                     <div class="row">
  202.                         <div class="col-sm-6 col-md-6 col-lg-6">
  203.                             <label>
  204.                                 <span id="labelnombre" class="labelContacto">Nombre</span>
  205.                                 <input id="inputnombre" name="inputnombre" class="inputContacto" type="text" required/>
  206.                             </label>
  207.                         </div>
  208.                         <div class="col-sm-6 col-md-6 col-lg-6 margenEmailXs">
  209.                             <label>
  210.                                 <span id="labelEmail" class="labelContacto">Email</span>
  211.                                 <input id="inputEmail" name="inputEmail"  class="inputContacto" type="email" required/>
  212.                             </label>
  213.                         </div>
  214.                     </div>
  215.                     <div class="row margentexarea">
  216.                         <div class="col-sm-12 col-md-12 col-lg-12">
  217.                             <label>
  218.                                 <span id="labelMensaje" class="labelContacto">Mensaje</span>
  219.                                 <textarea id="inputMensaje" name="inputMensaje"  class="inputContacto" required></textarea>
  220.                             </label>
  221.                         </div>
  222.                     </div>
  223.                     <div style="text-align: center; margin-top: 20px;">
  224.                         <div class="g-recaptcha" data-sitekey="6LfLXYYdAAAAAJgRYAq9UBuXpwHwplwRegFwH40w" style="display: inline-block; background: #96a592"></div>
  225.                     </div>
  226.                        <div class="contenedorBotonContacto">
  227.                            <input class="botonContacto" type="submit" name="submit" value="Enviar" />
  228.                        </div>
  230.                 </form>
  232.             </div>
  233.             <div class="col-xs-1 col-sm-1 col-md-3 col-lg-3"></div>
  234.         </div>
  235.     </div>
  237. {% endblock %}
  238. {% block footerHome %}
  239.     {{ include('Parts/footerHome.html.twig') }}
  240. {% endblock %}