<!-- Bloque cabecera -->
<div id="home" style="position: relative;width: 100%;height: 100%;">
<header data-ix="show-nav">
<div class="container-fluid myContainderFluid">
<div class="col-md-1 col-lg-1 hidden-xs hidden-sm colSinPadding "></div>
<div class="col-md-10 col-lg-10 col-sm-12 col-xs-12 anchoHeader colSinPadding">
<div id="ww"></div>
<input type="checkbox" id="hamburguer">
<label for="hamburguer" class="hamburguerBtn"></label>
<a href="{{ path('Home') }}#home" class=" logoHamburguesa">
<img src="{{ asset('img/iconos/logo1.png') }}" />
</a>
<nav id="navmain" class="navmain">
<a href="{{ path('Home') }}#home" class="logoHamburguesaDes">
<img src="{{ asset('img/iconos/logo1.png') }}" />
</a>
<ul>
<li class="active checkMenu"><a href="#home">Home</a></li>
<li><a class= "checkMenu" href="#porfolio">Porfolio</a></li>
<li><a class= "checkMenu" href="#sobremi">Sobre mí</a></li>
{#<li><a class="checkMenu" href="{{ path('app_cursos') }}">Cursos</a></li>#}
<li><a class= "checkMenu" href="#contacto">Contacto</a></li>
{% if app.user != null and app.user.roles[0] == 'ROLE_ADMIN' %}
<li><a href="{{ path('app_admin_gestion_album') }}">Panel Admin</a></li>
<li><a style="color: red; font-weight: bold;" href="{{ path('app_logout') }}">Cerrar sesión</a></li>
{% endif %}
</ul>
<div class="listaRedesHamburguer">
<a href="https://www.facebook.com/aizanephoto" rel="external">
<img src="{{ asset('img/redesSociales/facebookHamburger.png') }}" alt="facebook" />
</a>
<a href="http://www.instragram.com/aizane" rel="external">
<img src="{{ asset('img/redesSociales/instagramHamburguesa.png') }}" alt="instagram" />
</a>
<a href="https://www.linkedin.com/in/sandramr85" rel="external">
<img src="{{ asset('img/redesSociales/linkedinHamburguer.png') }}" alt="linkedin" />
</a>
</div>
</nav>
</div>
<!--<div class="col-md-1 col-lg-1 hidden-xs hidden-sm colSinPadding anchoMenu"></div>-->
<div id="carousel-example-generic" class="carousel slide myNavbar2" data-ride="carousel" style="width: 100%;height: 100%;">
<div class="carousel-inner" style="width: 100%;height: 100%;">
{% for foto in slider %}
{% if (foto == slider[0]) %}
<div class="item active">
<div class="item active" style="width: 100%;height: 100%; position: absolute;
background-image: url( {{ asset(foto.imagen) }} ); background-position: {{ foto.posicionImagen }} ">
{% else %}
<div class="item">
<div class="item" style="width: 100%;height: 100%; position: absolute;
background-image: url({{ asset(foto.imagen) }}); background-position: {{ foto.posicionImagen }} ">
{% endif %}
<div style="position: absolute; width: 100%; height: 100%;">
<h1 class="tituloImgInicio slideInLeft animated myhAnimated">{{ foto.titulo }}</h1>
<h2 class="subtituloImgInicio slideInRight animated myhAnimated">{{ foto.subtitulo }}</h2>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<!-- Logo flecha -->
<div class="divPosicionMenu sprite-anim-go" id="porfolio"><a href="#porfolio"></a></div>
</div>
</header>
</div>