{% extends "layout/base.html" %}
{% block content %}
<!-- main content 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-8">
            <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:right">
                <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-4">
            	<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-sm-6 col-xs-12">
                <div class="article">
                    <h3><em>[Config::AZ_WEB_NAME]</em>... Gateway to the country!</h3>
                    <h4>A company of Iberico ham and meats, 100% from Extremadura.</h4>
                    <p class="text-justify"><em>[Config::AZ_WEB_NAME]</em> is born with the main objective of offering a wide range of the highest-quality products, ensuring that every step of the process is carried out in a professional way.</p>
                    <p class="text-justify">We are producers, stockbreeders and manufacturers. Our company is entirely dedicated to developing the quality of our products.</p>
                    <p class="text-justify">We have control over the entire process of the product, which allows us to be able to control excellence, and demand the highest quality in every and each phase of the product’s development.</p>
                </div> <!--/.article-->
            </div>
            <div class="col-sm-6 col-xs-12">
                <div id="about-slider" class="about-slider">
                    <div class="item">
                        <img class="img-rounded" src="imagenes/empresa/empresa3.jpg" alt="Empresa">
                    </div>
                    <div class="item">
                        <img class="img-rounded" src="imagenes/empresa/empresa2.jpg" alt="Empresa">
                    </div>                       
                    <div class="item">
                        <img class="img-rounded" src="imagenes/empresa/empresa1.jpg" alt="Empresa">
                    </div>                   
                </div>
            </div>
        </div> <!--/.row-->
        
        <div class="row">
            <div class="col-sm-12 col-xs-12">
                <h3 class="sm-title"><span>OUR COMPANY, OUR HISTORY</span></h3>
                <ul id="aboutTabs" class="nav nav-tabs">
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane fade in active" id="tab1">
                        <div class="row">
                            <div class="col-sm-4 col-xs-12">
                                <iframe width="560" height="315" src="https://www.youtube.com/embed/R84WVrmZV6A" title="Jamón y Salud, Ibérico farmers and producers" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12 col-xs-12">
                <h3 class="sm-title"><span>OUR PHILOSOPHY</span></h3>
                <ul id="aboutTabs" class="nav nav-tabs">
                    <li role="presentation" class="active"><a href="#tab1">Mision</a></li>
                    <li role="presentation"><a href="#tab2">Vision</a></li>
                    <li role="presentation"><a href="#tab3">Values</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane fade in active" id="tab1">
                    	<div class="row">
            				<div class="col-sm-4 col-xs-12">
                            	<img src="imagenes/empresa/mision.jpg" class="img-responsive img-thumbnail" alt="Misión">
                            </div>
                            
                            <div class="col-sm-8 col-xs-12">
                            	<p>We offer to our final client the highest quality in meats, ham and front shoulder ‘paletas.’ We search excellence.</p>
                        		<p>We believe in our work and we invite everybody to collaborate with our activity, developing a work net in order to share a lasting common value. Therefore, we invite everybody to become part of our team, both opening new franchises or being part of our society. You will become <em>[Config::AZ_WEB_NAME]</em>: stockbreeder, producer and manufacturer.</p>
                        		<p>Our raison d’être is to exceed ourselves every day, guaranteeing the best products from Extremadura, the cradle of Iberico products.</p>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="tab2">
                        <div class="row">
            				<div class="col-sm-4 col-xs-12">
                            	<img src="imagenes/empresa/vision.jpg" class="img-responsive img-thumbnail" alt="Misión">
                            </div>
                            
                            <div class="col-sm-8 col-xs-12">
                            	<p>We want to be the benchmark for meat products.</p>
                        		<p>Health, sustainability and highest quality are our premises. We want to be close to our clients, offer them what they long for. We want to create excellent products that reach everybody, with a stable and trustworthy brand.</p>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade" id="tab3">
                        <div class="row">
            				<div class="col-sm-4 col-xs-12">
                            	<img src="imagenes/empresa/valores.jpg" class="img-responsive img-thumbnail" alt="Misión">
                            </div>
                            
                            <div class="col-sm-8 col-xs-12">
                            	<p>Tradition, craftsmanship, identity, origin, guarantee.</p>
                        		<p>Our principles are based on our clients’ principles. The pleasure of quality, and eating well and healthy.</p>
                        		<p>We believe in it, and we create a value with a social, environmental and economic basis.</p>
                                <p>We work in an intelligent and efficient way, always trying to improve.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> <!--/.container-->
</section>
<!-- main content end -->
{% endblock %}