{% extends "layout/base.html" %}
{% block content %}
<!-- main content start -->

<!--<div class="row">
	<div class="col-md-12 col-sm-12 col-xs-12">
		<h2 class="lg-title text-center"><span>MENU</span></h2>
	</div>
</div>-->
<style>
    .zoom {
      padding: 50px;
      transition: transform .2s; /* Animation */
    }
    
    .zoom:hover {
      transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }
    </style>
<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="[Config::AZ_FACEBOOK]"><i class="fa fa-facebook"></i></a>
                	<a target="_blank" href="[Config::AZ_TWITTER]"><i class="fa fa-instagram"></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>
 <!--<div class="row">
 <div class="container-fluid pad-20" id="gallery-container">
    <a href="http://www.opentable.co.uk/restaurant/profile/144894/reserve?rid=144894&restref=144894" id="opentable-gallery" target="_blank" style="margin:auto; position:fixed; z-index: 2;"><img src="imagenes/book-now-table.png" class="img-responsive" width="70%" alt="Book now Open Table"/></a>
    <div class="row">
        <div class="col-md-12"><center>
        <div data-configid="{{PDFTools.getEmbedId(9)}}" class="issuuembed m-auto"></div>
<script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script></center>
    </div>
        </div>
    </div>
</div>-->

<section id="feature-header" class="feature-header ">
    <div class="container">

<div style="margin-top: 20px;" class="animated bounce infinite row">
    <center>
        <h2>N E W !</h2>
    </center>
</div>
<div class="row">
    <center>
    <a href="pdf/Xmas%20tapas_2022.pdf" target="_blank"><img class="zoom" width="400" src="imagenes/restaurant/tapas.png" alt="xmas tapas menu" data-mdb-toggle="animation" data-mdb-animation-reset="true" data-mdb-animation="slide-out-right"></a>
    <a href="pdf/Xmas%20tapasmain_2022.pdf" target="_blank"><img class="zoom" width="400" src="imagenes/restaurant/tapasmain.png" alt="xmas tapas menu main course"></a>
    </center>
</div>

<div class="row">
    <div class="container-fluid pad-20" id="gallery-container">
        <a href="http://www.opentable.co.uk/restaurant/profile/144894/reserve?rid=144894&restref=144894" id="opentable-gallery" target="_blank" style="margin:auto; position:fixed; z-index: 2;"><img src="imagenes/book-now-table.png" class="img-responsive" width="60%" alt="Book now Open Table"/></a>
        <div class="row">
        </div>
    </div>
</div>
        <div class="col-md-12" align="center"><center>
<a href="pdf/Llerena-menu.pdf" target="_blank"  class="btn btn-primary "> Click to view the full menu.</a></center>
    </div>
    <div align="center">
    	
    	<img src="imagenes/restaurant/Llerena-menu-29_page-0002.jpg" class="img-responsive" ><br>
    	<img src="imagenes/restaurant/Llerena-menu-29_page-0003.jpg" class="img-responsive" ><br>
    	<img src="imagenes/restaurant/Llerena-menu-29_page-0004.jpg" class="img-responsive" ><br>
    	<img src="imagenes/restaurant/Llerena-menu-29_page-0005.jpg" class="img-responsive" ><br>
    	<img src="imagenes/restaurant/Llerena-menu-29_page-0006.jpg" class="img-responsive" ><br>
    	<img src="imagenes/restaurant/Llerena-menu-29_page-0001.jpg" class="img-responsive" ><br>

    </div>

    </div> <!--/.container-->
  
        
        
</section>

<!--
<section id="feature-header" class="feature-header hidden-lg hidden-md hidden-sm">
    <div class="container">

         <div class="row">
 <div class="container-fluid pad-20" id="gallery-container">
    <a href="http://www.opentable.co.uk/restaurant/profile/144894/reserve?rid=144894&restref=144894" id="opentable-gallery" target="_blank" style="margin:auto; position:fixed; z-index: 2;"><img src="imagenes/book-now-table.png" class="img-responsive" width="70%"  alt="Book now Open Table"/></a>
    <div class="row">
      
        <div class="col-md-12"><center>
         <a href="pdf/Llerena-menu.pdf" target="_blank"><img src="imagenes/menu-restaurant.jpg" class="img-responsive" alt="Menu restaurant  PDF"></a></center>
    </div>
      
        </div>
    </div>
</div>


    </div> <!--/.container-->
  
        
     <!--   
</section>
-->


<!-- main content end -->
{% endblock %}