formulario de contacto
This commit is contained in:
parent
0bbedd2e26
commit
6e80a42a94
1 changed files with 66 additions and 26 deletions
|
@ -8,7 +8,15 @@
|
||||||
<body class=''>
|
<body class=''>
|
||||||
<div class='container-fluid'>
|
<div class='container-fluid'>
|
||||||
<div class='row'>
|
<div class='row'>
|
||||||
<div class='col'>
|
<main class='col'>
|
||||||
|
<nav>
|
||||||
|
<ul>
|
||||||
|
<li><a href="#castellano">Castellano</a></li>
|
||||||
|
<li><a href="#english">English</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<section id="castellano" lang="es">
|
||||||
<h1>¡Hola!</h1>
|
<h1>¡Hola!</h1>
|
||||||
|
|
||||||
<p>Estás viendo este mensaje porque hubo un error que Sutty el
|
<p>Estás viendo este mensaje porque hubo un error que Sutty el
|
||||||
|
@ -19,28 +27,60 @@
|
||||||
<p>¿Podrías tomarte unos segundos para ayudarnos, explicando
|
<p>¿Podrías tomarte unos segundos para ayudarnos, explicando
|
||||||
lo mejor que puedas lo qué estabas haciendo cuando sucedió el
|
lo mejor que puedas lo qué estabas haciendo cuando sucedió el
|
||||||
error? :)</p>
|
error? :)</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="english" lang="en">
|
||||||
|
<h1>Hi!</h1>
|
||||||
|
|
||||||
|
<p>You're seeing this page because there was an error from
|
||||||
|
which Sutty couldn't recover.</p>
|
||||||
|
|
||||||
|
<p>We've received the details already.</p>
|
||||||
|
|
||||||
|
<p>Could you take a few seconds to help us by explaining
|
||||||
|
what were you doing when the error happened? :)</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="form">
|
||||||
<form class="form" action="https://contact.sutty.nl/" accept-charset="UTF-8" method="post">
|
<form class="form" action="https://contact.sutty.nl/" accept-charset="UTF-8" method="post">
|
||||||
<input type="hidden" name="site" value="panel.sutty.nl" />
|
<input type="hidden" name="site" value="panel.sutty.nl" />
|
||||||
|
|
||||||
<div class='form-group'>
|
<div class='form-group'>
|
||||||
<label for="from">Tu dirección de correo</label>
|
<label for="from">
|
||||||
<input class="form-control" type="email" name="from" required="required" />
|
<span lang="es">Dirección de correo</span> /
|
||||||
<small class='text-muted form-text'>Para que te contactemos :)</small>
|
<span lang="en">E-mail address</span>
|
||||||
<div class='invalid-feedback'>¡Este campo es obligatorio!</div>
|
</label>
|
||||||
|
<input class="form-control" type="email" name="from" />
|
||||||
|
<small class='text-muted form-text'>
|
||||||
|
<span lang="es">Si querés que te contactemos :)</span>
|
||||||
|
<span lang="en">If you want us to contact you :)</span>
|
||||||
|
</small>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class='form-group'>
|
<div class='form-group'>
|
||||||
<label for="body">Por favor, describe lo que estabas haciendo cuando sucedió el error</label>
|
<label for="body">
|
||||||
|
<span lang="es">Por favor, describe lo que estabas
|
||||||
|
haciendo cuando sucedió el error</span> /
|
||||||
|
|
||||||
|
<span lang="en">Please, describe what you were doing
|
||||||
|
when the error happened</span>
|
||||||
|
</label>
|
||||||
<textarea class="form-control ltr" required="required" name="body"></textarea>
|
<textarea class="form-control ltr" required="required" name="body"></textarea>
|
||||||
<div class='invalid-feedback'>¡Este campo es obligatorio!</div>
|
<div class='invalid-feedback'>
|
||||||
|
<span lang="es">Este campo es obligatorio</span> /
|
||||||
|
<span lang="en">This field is required</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class='form-group'>
|
<div class='form-group'>
|
||||||
<input type="submit" class="btn btn-success" value="¡Enviar!"/>
|
<button type="submit" class="btn btn-success">
|
||||||
|
<span lang="es">Enviar</span> /
|
||||||
|
<span lang="en">Send</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</section>
|
||||||
|
</main>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in a new issue