<nav class="mainmenu navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="row">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Avellaneda</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="brand-bg">
<a href="{{ path('web') }}" style="color: #ffffff;"><b>SOEPA</b></a>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav pull-right">
<li><a href="{{ path('escala_salarial') }}#sitio-position">Escala</a></li>
<li><a href="{{ asset('manuales/manual_del_contador.pdf') }}" target="_blank">Manual</a></li>
<li><a href="{{ path('app_forgot_password_request') }}#sitio-position">Contraseña</a></li>
<li><a href="{{ path('contacto') }}#promotion-area2">Contacto</a></li>
<li><a href="{{ path('app_register') }}#sitio-position" class="btn btn-default">Registrarme</a></li>
<li><a href="{{ path('app_login') }}#sitio-position" style="color: #637ef5;">Login</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</div><!-- /.container-fluid -->
</nav>
<!--Home page style-->
<header class="home-bg">
<div class="overlay-img">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="header-details">
{% for msg in app.session.flashbag.get('notice') %}
<div class="alert alert-{{ msg.type }}">
<strong>{{ msg.title }}</strong><br/>{{ msg.message }}
</div>
{% endfor %}
<h1> SINDICATO DE OBREROS PANADEROS</h1>
<p>DE AVELLANEDA.</p>
<a href="{{ path('app_login') }}#sitio-position" class="btn btn-default">Ingresar</a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Sections -->
<section id="promotion-area" class="sections">
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-sm-4 col-sm-12 col-xs-12">
<div class="promotion">
<h1>Generar<br> Boletas<i class="fa fa-circle"></i></h1>
<p>En este sistema podrá generar las boletas sindicales correspondientes a los conceptos pertenecientes al gremio.</p>
<a href="{{ path('app_login') }}#sitio-position"><h4>mas<span><i class="fa fa-long-arrow-right"></i></span></h4></a>
</div>
</div>
<div class="col-sm-4 col-sm-12 col-xs-12">
<div class="promotion">
<h1>Descarga<br>Instructivo<i class="fa fa-circle"></i></h1>
<p>Descargue el manual de ayuda y siga los pasos para configurar su cuenta y empresa.</p>
<a href="{{ asset('manuales/manual_del_contador.pdf') }}" target="_blank"><h4>mas<span><i class="fa fa-long-arrow-right"></i></span></h4></a>
</div>
</div>
<div class="col-sm-4 col-sm-12 col-xs-12">
<div class="promotion">
<h1>Ultima<br> Escala Salarial<i class="fa fa-circle"></i></h1>
<p>Tiene siempre disponible la ultima escala salarial.</p>
<a href="{{ path('escala_salarial') }}#sitio-position"><h4>mas<span><i class="fa fa-long-arrow-right"></i></span></h4></a>
</div>
</div>
</div>
</div> <!-- /container -->
</section>