-
Notifications
You must be signed in to change notification settings - Fork 0
/
sesion.html
136 lines (115 loc) · 5.06 KB
/
sesion.html
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="es">
<head>
<title>WebElectivo — Sistema de gestión de UAE</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<style>
body,h1,h2,h3,h4,h5,h6 {
font-family: "Lato", sans-serif
}
.mySlides {
display:none
}
.w3-tag, .fa {
cursor:pointer
}
.w3-tag {
height:15px;
width:15px;
padding:0;
margin-top:6px
}
.w3-bar,h1,button {
font-family: "Montserrat", sans-serif
}
.fa-anchor,.fa-coffee {
font-size:200px
}
</style>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-wine w3-card w3-left-align w3-large">
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-wine" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu">
<i class="fa fa-bars"></i>
</a>
<a href="index.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Inicio</a>
<a href="sesion.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white w3-right">Iniciar Sesión</a>
<a href="registrarse.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white w3-right">Registrarse</a>
</div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
<a href="sesion.html" class="w3-bar-item w3-button w3-padding-large">Iniciar Sesión</a>
<a href="registrarse.html" class="w3-bar-item w3-button w3-padding-large">Registrarse</a>
</div>
</div>
<!-- Header -->
<header class="w3-container w3-wine w3-center" >
<div style="padding:50px">
<img src="img/HeaderFinal2.jpg" style="width:100%">
</div>
<p class="w3-large">WebElectivo tiene la finalidad de facilitarte el proceso de validación y acreditación de la Unidad de Aprendizaje Electiva de tu Programa Académico. Con la acreditación de la Unidad de Aprendizaje Electiva se pretende que desarrolles competencias profesionales complementarias para la construcción de conocimientos y experiencias de aprendizaje, privilegiando la participación en proyectos de investigación, vinculación y extensión, que te permitan prepararte para tu egreso e inserción en el campo laboral.</p>
<br>
</header>
<hr>
<!-- First Grid -->
<div class="w3-row w3-center">
<div class="w3-quarter w3-container"></div>
<div class="w3-half">
<form method="POST" class="w3-container w3-card-4" action="validar.php">
<h2>Iniciar Sesión</h2>
<div class="w3-section">
<input class="w3-input" type="text" name="boleta" placeholder='Usuario'>
<label>Usuario</label>
</div>
<div class="w3-section">
<input class="w3-input" required="" type="password" name="password" placeholder='Contraseña'>
<label>Contraseña</label>
</div>
<dir style="text-align:center;">
<input type="submit" value="Iniciar Sesión" class="w3-button w3-black w3-padding-large w3-large w3-margin-top">
<!-- <a href="Alumno/index.html" class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Acceder al Sistema</a>
--> </dir>
<div class="w3-row">
<div class="w3-quarter w3-container">
<a class="w3-text-cyan" href="registrarse.html">Registrarse</a>
</div>
<div class="w3-quarter w3-container"></div>
<div class="w3-quarter w3-container"></div>
<div class="w3-quarter w3-container">
<a class="w3-text-cyan" href="recuperar.html">Recuperar Contraseña</a>
</div>
</div>
<br>
</form>
</div>
<div class="w3-quarter w3-container"></div>
</div>
<hr>
<div class="w3-container w3-black w3-center w3-opacity w3-padding-64">
<h1 class="w3-margin w3-xlarge">Cita del día: </h1>
<p style="font-size: large;">“Puede que lo que hacemos no traiga siempre la felicidad, pero si no hacemos nada, no habrá felicidad”. (Albert Camus)</p>
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
<!--
<div class="w3-xlarge w3-padding-32">
<i class="fa fa-facebook-official w3-hover-opacity"></i>
<i class="fa fa-instagram w3-hover-opacity"></i>
<i class="fa fa-snapchat w3-hover-opacity"></i>
<i class="fa fa-pinterest-p w3-hover-opacity"></i>
<i class="fa fa-twitter w3-hover-opacity"></i>
<i class="fa fa-linkedin w3-hover-opacity"></i>
</div>
-->
<p>Powered by <a href="https://www.facebook.com/chadcarreto" target="_blank">"El Chad"</a></p>
</footer>
<script src="js/main.js"></script>
</body>
</html>