97 lines
3.0 KiB
HTML
97 lines
3.0 KiB
HTML
|
<section id="corporativos">
|
||
|
|
<div class="ui container">
|
||
|
|
<div class="left column">
|
||
|
|
<div class="titulo">
|
||
|
|
CORPORATIVOS
|
||
|
|
</div>
|
||
|
|
<div class="two columns stackable grid">
|
||
|
|
<div class="column">
|
||
|
|
<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">Siempre visible</li>
|
||
|
|
<li class="minus">Menor tamaño</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="column">
|
||
|
|
<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">Mayor tamaño</li>
|
||
|
|
<li class="minus">No se ve al apoyar el teléfono</li>
|
||
|
|
</ul>
|
||
|
|
</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="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>
|
||
|
|
</section>
|