stand/assets/html/007_corporativos.html

<section id="corporativos">
  <div class="ui container">
    <div class="ui stackable grid">
      <div class="left column">
        <div class="titulo">
          CORPORATIVOS
        </div>
        <div class="ui two columns stackable grid">
          <div class="column">
            <div class="ui basic segment">
              <div class="ui large image">
                <img src="./assets/images/logo_abajo.jpg" />
              </div>
              <div class="content">
                <div class="header">
                  LOGO ABAJO
                </div>
                <ul>
                  <li class="plus"><i class="small grey plus icon"></i> Siempre visible</li>
                  <li class="minus"><i class="small grey minus icon"></i> Menor tama&ntilde;o</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="column">
            <div class="ui basic segment">
              <div class="ui large image">
                <img src="./assets/images/logo_arriba.jpg" />
              </div>
              <div class="content">
                <div class="header">
                  LOGO ARRIBA
                </div>
                <ul>
                  <li class="plus"><i class="small grey plus icon"></i> Mayor tama&ntilde;o</li>
                  <li class="minus"><i class="small grey minus icon"></i> No se ve al apoyar el tel&eacute;fono</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="right column">
        <div class="titulo">
          COTIZA CON NOSOTROS
        </div>
        <form class="ui form">
          <div class="row">
            <div class="input">
              LOGO
              <input type="file" name="archivo" placeholder="Cargar archivo" />
              <div class="file"><i class="upload icon"></i></div>
            </div>
          </div>
          <div class="row">
            <div class="colores linea">
              <input type="hidden" name="color" value="azul" />
              <span class="text">COLOR</span>
              <div class="white circle"></div>
              <div class="black circle"></div>
              <div class="blue circle"></div>
              <div class="petrol circle"></div>
              <div class="cyan circle"></div>
              <div class="green circle"></div>
              <div class="yellow circle"></div>
              <div class="orange circle"></div>
              <div class="red circle"></div>
            </div>
          </div>
          <div class="row">
            <div class="input cantidad">
              <button class="minus" type="button">
                <i class="minus icon"></i>
              </button><input type="text" name="cantidad" value="0" /><button class="plus" type="button">
                <i class="plus icon"></i>
              </button>
            </div>
          </div>
          <div class="row">
            <div class="input">
              <input type="text" name="nombre" placeholder="NOMBRE" />
            </div>
          </div>
          <div class="row">
            <div class="input">
              <input type="text" name="email" placeholder="E-MAIL" />
            </div>
          </div>
          <div class="row">
            <div class="input">
              <input type="text" name="telefono" placeholder="TELÉFONO" />
            </div>
          </div>
          <div class="row">
            <div class="input">
              <textarea name="mensaje" placeholder="MENSAJE"></textarea>
            </div>
          </div>
          <button class="ui button" type="submit">COTIZAR</button>
        </form>
      </div>
    </div>
  </div>
</section>