{% extends "layout/base.html" %}
{% block content %}
{# LA SECCIÓN EMPIEZA AQUÍ #}
<!-- page start -->
<section id="slideshow" style="max-width: 100%">
     <div>
        <div class="item">
            <img class="hidden-xs img-responsive" src="imagenes/cabecera-llerena.jpg" class="img-responsive" alt="[Config::AZ_WEB_NAME]">
            <img class="hidden-lg hidden-md hidden-sm img-responsive" src="imagenes/cabecera-llerena.jpg" alt="[Config::AZ_WEB_NAME]">
        </div>
    </div>
</section>
<div class="top-header">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-sm-10 col-xs-7">
            <header class="header" id="header" role="banner">
    <!-- navigation start -->
    <div class="navbar">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header" style="float:left">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>


            <!-- Collect the nav links, forms, and other content for toggling -->
            <nav class="collapse navbar-collapse">
                {{menus.render(1, seo)}}
            </nav>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </div>
</header>
            </div> <!--/.col-->
            <div class="col-md-2 col-sm-2 col-xs-5">
            	<div class="top-logout redes_sociales" style="padding-left: 0px;">

               	<!--<a href="https://www.jamonysalud.co.uk/contactar-company-providing-ham-from-extremadura.html"><i class="fa fa-envelope-o"></i> </a>-->
                	<a target="_blank" href="https://www.facebook.com/llerena.ibericotapasbar/"><i class="fa-brands fa-facebook"></i></a>
                                <a target="_blank" href="https://www.instagram.com/llerena.ibericotapasbar/"><i class="fa-brands fa-instagram"></i></a>
                                <a target="_blank" href="https://www.tiktok.com/@llerena.spanishbar"><i class="fa-brands fa-tiktok"></i></a>
					<a target="_blank" href="https://www.tripadvisor.co.uk/Restaurant_Review-g186338-d13341128-Reviews-Llerena_Iberico_Tapas_Bar-London_England.html"><img src="https://www.tripadvisor.co.uk/img/cdsi/img2/branding/socialWidget/20x28_green-21693-2.png" class="img-responsive"/></a>
					<script async src="https://www.jscache.com/wejs?wtype=socialButtonBubbles&amp;uniq=714&amp;locationId=13341128&amp;color=green&amp;size=rect&amp;lang=en_UK&amp;display_version=2"></script>
                </div>
        </div> <!--/.col-->
    </div> <!--/.row-->
</div> <!--/.container-->
</div>
<section id="main-content" class="main-content pad-60">
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <!-- contact form start -->
                <div class="contact-form pad-b-20">
                    {{forms.render(1)}}
                </div>
                <!-- contact form end -->
            </div>
            <div class="col-md-5">
                <p>If you have something to share with us, do not hesitate and write us! We will appreciate it.</p>
                <ul class="fa-ul">
                    <li><i class="fa-li fa fa-home"></i> [Config::AZ_DIRECCION]</li>
                    <li><i class="fa-li fa fa-envelope"></i> <img style="vertical-align: middle; margin: -3px 0 0 0;" src="imagenes/email"></li>
                    <li><i class="fa fa-phone"></i><a href="tel://+4407544572624"> +44 (0) 7544 572624</a></li>
                    </ul>
            </div>
        </div> <!--/.row-->

      <!--  <div class="row">
            <div class="col-sm-12 col-xs-12">
                <h3 class="sm-title"><span>Location</span></h3>
                <!-- map start -->
             <!--    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2481.485104200118!2d-0.1051647842287935!3d51.54100317964064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48761b667e66ee5b%3A0x1138d94d44230430!2s167+Upper+St%2C+London+N1+1XU%2C+Reino+Unido!5e0!3m2!1ses!2ses!4v1532676134471" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
                <!-- map end -->
          <!--   </div> <!--//col-->
       <!--  </div> <!--/.row-->
    </div> <!--/.container-->
</section>
<!-- page start -->
{% endblock %}