Skip to content

Instantly share code, notes, and snippets.

@parzibyte

parzibyte/formulario_bootstrap.html

Created August 21, 2019 21:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save parzibyte/58e3d0a589b6245da79ec834813c96cc to your computer and use it in GitHub Desktop.
Save parzibyte/58e3d0a589b6245da79ec834813c96cc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
formulario_bootstrap.html
<!doctype html>
<html lang="es">
<!--
Programado por Luis Cabrera Benito
____ _____ _ _ _
| _ \ | __ \ (_) | | |
| |_) |_ _ | |__) |_ _ _ __ _____| |__ _ _| |_ ___
| _ <| | | | | ___/ _` | '__|_ / | '_ \| | | | __/ _ \
| |_) | |_| | | | | (_| | | / /| | |_) | |_| | || __/
|____/ \__, | |_| \__,_|_| /___|_|_.__/ \__, |\__\___|
__/ | __/ |
|___/ |___/
Blog: https://parzibyte.me/blog
Ayuda: https://parzibyte.me/blog/contrataciones-ayuda/
Contacto: https://parzibyte.me/blog/contacto/
-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="Formulario con Bootstrap 4 y reCAPTCHA v2 by parzibyte">
<meta name="author" content="Parzibyte">
<title>Formulario con Bootstrap 4 y reCAPTCHA v2 by parzibyte</title>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!-- Cargar el CSS de Boostrap-->
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
rel="stylesheet">
</head>
<body>
<main role="main" class="container my-auto">
<div class="row">
<div id="login" class="col-lg-4 offset-lg-4 col-md-6 offset-md-3
col-12">
<h2 class="text-center">Bienvenido de nuevo</h2>
<img class="img-fluid mx-auto d-block rounded"
src="https://picsum.photos/id/870/300/200" />
<form action="procesar.php" method="POST">
<div class="form-group">
<label for="correo">Correo</label>
<input id="correo" name="correo"
class="form-control" type="email"
placeholder="Correo electrónico">
</div>
<div class="form-group">
<label for="palabraSecreta">Contraseña</label>
<input id="palabraSecreta" name="palabraSecreta"
class="form-control" type="password"
placeholder="Contraseña">
</div>
<div class="form-group">
<div
class="g-recaptcha"
data-sitekey="6LdILLQUAAAAALrX0WgjoQSCeomm5EVh27p_a7Qg">
</div>
</div>
<button type="submit" class="btn btn-primary mb-2">
Entrar
</button>
<br>
<a href="#">Contraseña olvidada</a>
</form>
</div>
</div>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment