blob: 3e10f05382bec0668452eb6aafecbe31fdc18755 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Login</title>
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/ejercitar-base.css" />
<script src="lib/jquery-1.11.0.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var msg = $('#e-msg-error');
if(msg.html() === 'null') {
$('#e-msg-error-cnt').hide();
}
});
</script>
<style type="text/css">
.center {
position: absolute;
top: 50%;
left: 50%;
width: 400px;
margin-left: -200px;
margin-top: -150px;
}
.alert {
margin-bottom: 0px;
}
.input-group {
margin-bottom: 5px;
}
body {
background: url('/img/fondo.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.panel-default {
opacity: 0.9;
margin-top:30px;
}
.form-group.last {
margin-bottom:0px;
}
.white, .white a {
color: #fff;
}
.navbar {
background-color: transparent;
background: transparent;
border-color: transparent;
}
</style>
</head>
<body>
<div class="container">
<div class="row"> <br/><br/><br/><br/><br/></div>
<div class="row ">
<div class="col-md-6 white ">
<h1 > Bienvenidos a Ejercitar!</h1>
<p><h3> Ejercitar es un modelo de aprendizaje basado en el uso de computadoras. </h3></p>
</div>
<div class="col-md-4 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-heading"> <strong class="">Login</strong> </div>
<div class="panel-body">
<div class="alert alert-danger" id="e-msg-error-cnt">
<a class="close" data-dismiss="alert" href="#">x</a><div id="e-msg-error"><%= request.getAttribute("error") %></div>
</div>
<form class="e-form" action="LogInServlet" method="post" role="form">
<div class="input-group">
<span class="input-group-addon"><i class="e-icon-user"></i></span>
<input type="text" name="usuario" class="form-control" placeholder="Usuario" required autofocus/>
</div>
<div class="input-group">
<span class="input-group-addon"><i class="e-icon-password"></i></span>
<input type="password" name="password" class="form-control" placeholder="Password" required/>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit" name="submit">Aceptar</button>
<button class="btn btn-lg btn-success btn-block" type="button" onclick="location.href='/EjercitarWeb/NuevoProfesorServlet';">Crear Cuenta</button>
</form>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
<div class="container-fluid">
<ul class="nav navbar-nav navbar-right">
<a href="http://one.laptop.org/"><img src="/img/olpc-logo.png" class="img-rounded" alt="Rounded Image"></img></a>
<a href="http://www.paraguayeduca.org/"><img src="/img/educa-logo.png" class="img-rounded" alt="Rounded Image"></img></a>
<a href="http://www.pol.una.py/"><img src="/img/fpuna-logo.png" class="img-rounded" alt="Rounded Image"></img></a>
</ul>
</div>
</nav>
</body>
</html>
|