-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
128 lines (127 loc) · 5.82 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shirink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/estilos.css">
<title id="titulo"></title>
</head>
<body>
<header class="">
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">
<img src="/imagenes/logo-blanco.svg" alt="Logo" style="max-width: 100%; width: 70px;">
</a>
<button class="navbar-toggler btn" type="button" data-toggle="collapse" data-target="#barra_navegacion"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="barra_navegacion">
<ul class="navbar-nav mr-auto">
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="nav-item">
<a id="btn_acercade" role="button" class="nav-link" href="#vntn_acercade" data-toggle="modal"></a>
</li>
</ul>
</div>
</nav>
</header>
<div id="contenedorLogin" class="container text-center">
<form id="login_form" class="form-signin" onsubmit="return false;">
<br>
<h2 id="titulo_h2" class="h2 mb-3 font-weight-normal"></h2>
<label id="lb_usuario" for="in_usuario" class="sr-only"></label>
<input type="text" class="form-control" id="in_usuario" required autofocus>
<label id="lb_contrasena" for="in_contrasena" class="sr-only"></label>
<input type="password" class="form-control" id="in_contrasena" required>
<div class="">
<label id="lb_recordar" for="in_recordar"></label>
<input type="checkbox" id="in_recordar">
</div>
<br>
<button class="btn btn-lg btn-block btn-outline-success" type="submit" id="btn_acceso"></button>
<br>
<a href="registro/recuperarpass/" id="btn_olvido_contrasena"></a>
<label id="lb_no_cuenta" for="btn_crear_cuenta"></label>
<a href="registro/" id="btn_crear_cuenta"></a>
<br>
<br>
<label for="combo_lang" id="lb_lang"></label>
<select class="custom-select mr-sm-2" id="combo_lang">
</select>
</form>
</div>
<!-- Modal acerca de-->
<div class="modal fade" id="vntn_acercade">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h3 id="text_titulo_acercade_principal" class="modal-title"></h3>
<button id="btn_cerrar_acercade_principal" tyle="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body" style="text-align: center;">
<p><img src="/imagenes/logo-negro.svg" alt="Logo"></p>
<p id="AcercaDeModal"></p>
<p><strong id="profesoresColab"></strong></p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="/imagenes/profesores/erendira.jpg">
<a href="mailto:[email protected]">DR (C). ERÉNDIRA MIRIAM JIMÉNEZ HERNÁNDEZ</a><br>
<span id="miriamDesc" style="white-space: pre-line;"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="/imagenes/profesores/josealfredo.jpg">
<a href="mailto:[email protected]">M.C. JOSE ALFREDO JIMÉNEZ MURILLO</a><br>
<span id="joseDesc" style="white-space: pre-line;"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="/imagenes/profesores/Hanna.jpg">
<a href="#">DRA. HANNA OKTABA</a><br>
<span id="hannaDesc" style="white-space: pre-line;"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="/imagenes/profesores/frida.jpg">
<a href="#">DRA. FRIDA DÍAZ BARRIGA ARCEO</a><br>
<span id="fridaDesc" style="white-space: pre-line;"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="/imagenes/profesores/Mario.jpg">
<a href="#">DR. MARIO PIATTINI</a><br>
<span id="marioDesc" style="white-space: pre-line;"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="/imagenes/profesores/octavio.jpg">
<a href="mailto:[email protected]">DR. OCTAVIO SALUD ORTIZ ORTIZ</a><br>
<span id="octavioDesc" style="white-space: pre-line;"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="/imagenes/profesores/Nelly.jpg">
<a href="mailto:[email protected]">M.A. LAURA NELLY ALVARADO ZAMORA</a><br>
<span id="nellyDesc" style="white-space: pre-line;"></span>
</p>
<p><strong id="desarrolladores"></strong></p>
<p><img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="/imagenes/desarrolladores/jlaa.jpg">
<a href="mailto:[email protected]">JORGE LUIS ARREYGUE ÁVILA</a> <strong>(UI, UX, Parser)</strong><br>
<span id="descJorge"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 150px; height: 150px;" src="/imagenes/desarrolladores/meop.png">
<a href="mailto:[email protected]">MICHEL ENRIQUE OLVERA PEREZ</a> <strong>(UI, UX, Quine–McCluskey, Petrick)</strong><br>
<span id="descMichel"></span>
</p>
<p>
<img class="img-thumbnail mx-auto d-block" style="width: 120px; height: 150px;" src="/imagenes/desarrolladores/acrv.png">
<a href="mailto:[email protected]/">ALAN CRUZ ROBLES VAZQUEZ</a> <strong>(UI, UX, DB, Security)</strong><br>
<span id="descAlan"></span>
</p>
</div>
</div>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/fun/login.js"></script>
<script src="js/fun/fun.js"></script>
</body>
</html>