@include('header')

     <section class="section--header">
      <div class="section__wrap section__wrap--bg">
        <div class="section__img"><img src="{{ asset('img/products.png') }}"></div>
        <div class="section__content">
          <p class="section__description">Porque cada casa tiene un sabor único, cuéntanos cuál es el sabor de la tuya.</p>
        </div>
        <div class="section__imgtitle section__imgtitle--big"><img src="{{ asset('img/title-img-2.png') }}"></div>
        <div class="section__form">
          <form id="formpalabra" action="{{ url('/participar') }}" method="POST">
            @csrf
            <div class="form__item">
              <div class="form__input">
                <input id="palabra" type="text" name="name" required="true" autocomplete="off" class="input-big" maxlength="20">
              </div>
                 <div class="form-alert">Esta palabra no esta permitida<span class="fa fa-warning"></span></div>
            </div>
            <div class="form-button">
              <button id="participar" type="submit" class="btn">Continuar</button>
            </div>
            
          </form>
        </div>
      </div>
    </section>

@include('footer')