A
Anonymous

Book Registration Form - Copy this Html, Bootstrap Component to your project

MEJORA EL SIGUIENTE CODIGO Y HAZLO MÁS BONITO Y NOVEDOSO @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> @Styles.Render("~/Content/css") <style> </style> </head> <body class="bg-gradient-primary"> <div class="container"> <!-- Outer Row --> <div class="row justify-content-center"> <div class="col-xl-10 col-lg-12 col-md-9"> <div class="card o-hidden border-0 shadow-lg my-5"> <div class="card-body p-0"> <!-- Nested Row within Card Body --> <div class="row"> <div class="col-6"> <img src="@Url.Content("~/Imagenes/libros.jpg")" style="width: 500px;height: 500px;" /> </div> <div class="col-6"> <div class="p-5"> <div class="text-center"> <h1 class="h4 text-gray-900 mb-4">Bienvenido</h1> </div> <form class="user" action="@Url.Action("Index","Login")" method="post" > <div class="form-group"> <input type="email" class="form-control form-control-user" name="correo" placeholder="Email" value="Konoe@gmail.com"> </div> <div class="form-group"> <input type="password" class="form-control form-control-user" name="clave" placeholder="Password" value="123"> </div> <div class="form-group"> @{if (ViewBag.Error != null) { <div class="alert alert-danger" role="alert"> @ViewBag.Error </div> } } </div> <button class="btn btn-primary btn-block btn-user" type="submit">Ingresar</button> </form> <hr> </div> </div> </div> </div> </div> </div> </div> </div> @Scripts.Render("~/bundles/bootstrap") </body> </html>

Prompt

About

Book Registration Form - A modern, user-friendly design with email and password fields, error alerts, and responsive layout, built with. Copy now for free!

Share

Last updated 1 month ago