<h2 class="osLight" style="font-weight: bold;">Servicios</h2>
<div class="row pb40">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="agent">
<a href="{{ path('busqueda_sitios') }}" class="agent-avatar">
<img src="{{ asset('uploads/logo_servicios/buscar.png') }}" alt="avatar">
<div class="ring"></div>
</a>
<div class="agent-name osLight">Buscar un restaurante</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="agent">
<a href="https://forms.gle/yLgG12HfVGjSsYzL7" class="agent-avatar" target="_blank">
<img src="{{ asset('uploads/logo_servicios/registrar.png') }}" alt="avatar">
<div class="ring"></div>
</a>
<div class="agent-name osLight">Postular un restaurante</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="agent">
<a href="{{ path('index_rutas') }}" class="agent-avatar">
<img src="{{ asset('uploads/logo_servicios/rutas.png') }}" alt="avatar">
<div class="ring"></div>
</a>
<div class="agent-name osLight">Rutas gastronĂ³micas</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="agent">
<a href="#" class="agent-avatar">
<img src="{{ asset('uploads/logo_servicios/blog.png') }}" alt="avatar">
<div class="ring"></div>
</a>
<div class="agent-name osLight">Blog</div>
</div>
</div>
{# {% for servicio in servicios %}#}
{# <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 s-menu-item">#}
{# <a href="{{ servicio.servicioEnlace }}">#}
{# <span class="{{ servicio.idIcono.icono }} s-icon"></span>#}
{# <div class="s-content">#}
{# <h2 class="s-main osLight">{{ servicio.servicioTitulo }}</h2>#}
{# <h3 class="s-sub osLight">{{ servicio.servicioSubtitulo }}</h3>#}
{# </div>#}
{# </a>#}
{# </div>#}
{# {% endfor %}#}
{# <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 s-menu-item">#}
{# <a href="#">#}
{# <span class="icon-users s-icon"></span>#}
{# <div class="s-content">#}
{# <h2 class="s-main osLight">We have agents with experience</h2>#}
{# <h3 class="s-sub osLight">Nulla convallis egestas rhoncus consectetur adipiscing elit</h3>#}
{# </div>#}
{# </a>#}
{# </div>#}
{# <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 s-menu-item">#}
{# <a href="#">#}
{# <span class="icon-home s-icon"></span>#}
{# <div class="s-content">#}
{# <h2 class="s-main osLight">Buy or rent beautiful properties</h2>#}
{# <h3 class="s-sub osLight">Donec facilisis fermentum sem, ac viverra ante luctus vel</h3>#}
{# </div>#}
{# </a>#}
{# </div>#}
{# <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 s-menu-item">#}
{# <a href="#">#}
{# <span class="icon-cloud-upload s-icon"></span>#}
{# <div class="s-content">#}
{# <h2 class="s-main osLight">With agent account you can list properties</h2>#}
{# <h3 class="s-sub osLight">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>#}
{# </div>#}
{# </a>#}
{# </div>#}
</div>