login.jsp 3.03 KB
Newer Older
1 2 3 4 5 6 7 8
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Login</title>
Cesar Giulano Gonzalez Maqueda committed
9
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
10
    <link href="https://getbootstrap.com/docs/4.0/examples/signin/signin.css" rel="stylesheet" crossorigin="anonymous">
11
    <link href="../css/style.css" rel="stylesheet" type="text/css"/>
12 13
</head>
<body>
Cesar Giulano Gonzalez Maqueda committed
14
<jsp:include page="alerts.jsp"/>
15
<!-- <section class="vh-100" style="background-color: #508bfc;"> -->
16
    <div class="container py-5 h-100">
17
        <div class="row d-flex justify-content-center align-items-center h-10">
18 19 20 21 22
            <div class="col-12 col-md-8 col-lg-6 col-xl-5">
                <div class="card shadow-2-strong" style="border-radius: 1rem;">
                    <div class="card-body p-5 text-center">

                        <form:form method="post" action="/login">
23
                            <h3 class="mb-5">Ingresar</h3>
24 25 26
                            <div align="center">
                                <img src="../img/LogoRoshka.jpg" class="rounded img-fluid" id="image" style="width:auto;height:auto;" alt=""/>
                            </div>
27 28 29 30 31 32 33 34 35 36 37
                            <div class="form-outline mb-4">
                                <input type="email" id="typeEmailX-2" class="form-control form-control-lg" name="email" placeholder="example@example.com"/>
                                <label class="form-label" for="typeEmailX-2">Email</label>
                            </div>

                            <div class="form-outline mb-4">
                                <input type="password" id="typePasswordX-2" class="form-control form-control-lg" name="password" />
                                <label class="form-label" for="typePasswordX-2">Password</label>
                            </div>


38
                            <button class="btn btn-primary btn-lg btn-block" type="submit">Ingresar</button>
39 40 41
                        </form:form>

                        <hr class="my-4">
42 43 44
                        <div class="row">
                            <a href="/forgot-password">Olvidaste tu contrasena?</a>
                        </div>
45 46 47
                        <div class="row">
                            <a href="/register">Registrate</a>
                        </div>
48 49 50 51 52 53
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
Cesar Giulano Gonzalez Maqueda committed
54
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
55
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
56 57 58
</body>
</html>