@extends('comoEnUsa.plantilla')

@section('titulo', 'Como En Usa')

@section('contenido')
<section id="hero">
  <div class="hero-container">
    <div id="heroCarousel" class="carousel slide carousel-fade" data-ride="carousel">

      <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

      <div class="carousel-inner" role="listbox">

        <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url('comoenusa/images/home.jpg');">
          <div class="carousel-container">
            <div class="carousel-content container">
              <img src="/comoenusa/images/logoUSA.svg" alt="ComoEnUsa">
              <div class="mt-sm-5 pt-sm-3 pt-5 mt-5 mt-sm-0">
                <p>SOMOS EL PROGRAMA DE PROMOCIÓN <br>
                  DE ALIMENTOS DE ESTADOS UNIDOS <br>
                  EN ARGENTINA,PARAGUAY Y URUGUAY. <br><br>

                  QUEREMOS QUE TODOS CONOZCAN <br>
                  NUESTRA CULTURA GASTRONÓMICA <br>
                  Y CONTARLES ACERCA <br>
                  DE LAS NOVEDADES EN FERIAS Y CONGRESOS <br>
                  DEL MUNDO CULINARIO</p>

                <h1>¡Bienvenidos!</h1>
              </div>
            </div>
          </div>
        </div>

        <div class="carousel-item" style="background-image: url('comoenusa/images/burger.jpg');">
          <div class="carousel-container">
            <div class="carousel-content container">
              <img src="/comoenusa/images/logoUSA.svg" alt="ComoEnUsa">
              <div class="mt-sm-5 pt-sm-3 pt-5 mt-5 mt-sm-0">
                <p>SOMOS EL PROGRAMA DE PROMOCIÓN <br>
                  DE ALIMENTOS DE ESTADOS UNIDOS <br>
                  EN ARGENTINA,PARAGUAY Y URUGUAY. <br><br>

                  QUEREMOS QUE TODOS CONOZCAN <br>
                  NUESTRA CULTURA GASTRONÓMICA <br>
                  Y CONTARLES ACERCA <br>
                  DE LAS NOVEDADES EN FERIAS Y CONGRESOS <br>
                  DEL MUNDO CULINARIO</p>

                <h1>¡Bienvenidos!</h1>
              </div>
            </div>
          </div>
        </div>

        <!-- Slide 2 -->
        <div class="carousel-item" style="background-image: url('comoenusa/images/matcha.jpg');">
          <div class="carousel-container">
            <div class="carousel-content container">
              <img src="/comoenusa/images/logoUSA.svg" alt="ComoEnUsa">
              <div class="mt-sm-5 pt-sm-3 pt-5 mt-5 mt-sm-0">
                <p>SOMOS EL PROGRAMA DE PROMOCIÓN <br>
                  DE ALIMENTOS DE ESTADOS UNIDOS <br>
                  EN ARGENTINA,PARAGUAY Y URUGUAY. <br><br>

                  QUEREMOS QUE TODOS CONOZCAN <br>
                  NUESTRA CULTURA GASTRONÓMICA <br>
                  Y CONTARLES ACERCA <br>
                  DE LAS NOVEDADES EN FERIAS Y CONGRESOS <br>
                  DEL MUNDO CULINARIO</p>

                <h1>¡Bienvenidos!</h1>
              </div>
            </div>
          </div>
        </div>

        <!-- Slide 3 -->
        <div class="carousel-item" style="background-image: url('comoenusa/images/pancakes.jpg');">
          <div class="carousel-container">
            <div class="carousel-content container">
              <img src="/comoenusa/images/logoUSA.svg" alt="ComoEnUsa">
              <div class="mt-sm-5 pt-sm-3 pt-5 mt-5 mt-sm-0">
                <p>SOMOS EL PROGRAMA DE PROMOCIÓN <br>
                  DE ALIMENTOS DE ESTADOS UNIDOS <br>
                  EN ARGENTINA,PARAGUAY Y URUGUAY. <br><br>

                  QUEREMOS QUE TODOS CONOZCAN <br>
                  NUESTRA CULTURA GASTRONÓMICA <br>
                  Y CONTARLES ACERCA <br>
                  DE LAS NOVEDADES EN FERIAS Y CONGRESOS <br>
                  DEL MUNDO CULINARIO</p>

                <h1>¡Bienvenidos!</h1>
              </div>
            </div>
          </div>
        </div>



      </div>

      <a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon icofont-rounded-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon icofont-rounded-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>


    </div>
  </div>
  <script src="/comoenusa/vendor/jquery/jquery.min.js"></script>
  <script src="/comoenusa/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="/comoenusa/vendor/jquery.easing/jquery.easing.min.js"></script>
  <script src="/comoenusa/vendor/php-email-form/validate.js"></script>
  <script src="/comoenusa/vendor/jquery-sticky/jquery.sticky.js"></script>
  <script src="/comoenusa/vendor/venobox/venobox.min.js"></script>
  <script src="/comoenusa/vendor/waypoints/jquery.waypoints.min.js"></script>
  <script src="/comoenusa/vendor/counterup/counterup.min.js"></script>
  <script src="/comoenusa/vendor/owl.carousel/owl.carousel.min.js"></script>
  <script src="/comoenusa/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="/comoenusa/vendor/aos/aos.js"></script>

  <!-- Template Main JS File -->
  <script src="/comoenusa/js/main.js"></script>
</section>


<br> <br>
<div id="pixlee_container"></div>
<script type="text/javascript">
  window.PixleeAsyncInit = function() {
    Pixlee.init({
      apiKey: 'd4iJepjMQ-hfsPTDOpSO'
    });
    Pixlee.addSimpleWidget({
      widgetId: '29543'
    });
  };
</script>
<script src="/comoenusa/js/widget.js"></script>
@endsection