-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
179 lines (168 loc) · 6.48 KB
/
index.html
File metadata and controls
179 lines (168 loc) · 6.48 KB
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Universidad Virtual | Universidad Autónoma de la Laguna</title>
<script src="https://kit.fontawesome.com/7af13692c6.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,800&subset=cyrillic" rel="stylesheet">
<link rel="stylesheet" href="./style.css"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
</head>
<body>
<div id="whatsappButton" class="floating-button">
<a href="https://api.whatsapp.com/send?phone=TUNUMERO" target="_blank">
<i class="fab fa-whatsapp"></i>
</a>
</div>
<div id="main">
<section class="section section-1">
<div class="content">
<span>¡Continúa con tu preparación!</span>
<h1>Universidad Virtual UAL</h1>
<p>
Estudia 100% a distancia: Bachillerato, Licenciatura, Ingeniería o Maestría!
</p>
<div class="social-icons">
<a class="social-icon social-icon--instagram">
<i class="fa fa-instagram"></i>
<div class="tooltip">Instagram</div>
</a>
<a class="social-icon social-icon--linkedin">
<i class="fa fa-linkedin"></i>
<div class="tooltip">LinkedIn</div>
</a>
<a class="social-icon social-icon--facebook">
<i class="fa fa-facebook"></i>
<div class="tooltip">Facebook</div>
</a>
</div>
<br><br>
<a href="http://www.uv.ual.mx/uvual/" class="btn">Ingresa a la platafroma</a>
</div>
</section>
<section class="section section-2">
<div class="content">
<h1 class="headline">¿Por qué estudiar en UAL Virtual?</h1>
<br><br>
<p>Estudia con el prestigio Académico de la Universidad Autónoma de La Laguna y con la seguridad y respaldo de los registros oficiales ante SEP en todos sus servicios. Nuestro Modelo Educativo está centrado en el aprendizaje, con profesores de amplia experiencia docente y laboral.</p>
<br><br>
<div id="scrolling">
<ul>
<li class="card card-1">
<div class="box box-left"></div>
<div class="box box-right">
<h3>Calidad educativas</h3>
<h2>¡Más de 32 años nos respaldan!"</h2>
<p>
En la UAL, hemos aceptado el reto que nadie vea trunca su preparación académica por razones económicas,
siempre y cuando no desista en sus objetivos de estudio, tenga méritos académicos, artísticos, culturales
o deportivos y esté dispuesto a formar parte del liderazgo que trascienda.
</p>
</div>
</li>
<li class="card card-2">
<div class="box box-left"></div>
<div class="box box-right">
<h3>Profesores especializados</h3>
<h2>
Profesores de amplia experiencia docente y laboral
</h2>
<p>
Nuestro Modelo Educativo está centrado en el aprendizaje, con profesores de amplia experiencia docente y laboral.
</p>
</div>
</li>
<li class="card card-3">
<div class="box box-left"></div>
<div class="box box-right">
<h3>Gran prestigio</h3>
<h2>
Registros oficiales ante SEP
</h2>
<p>
Estudia con el prestigio Académico de la Universidad Autónoma de La Laguna y con la seguridad y respaldo de los registros oficiales ante SEP en todos sus servicios.
</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<section class="section section-4 clearfix">
<div class="content">
<h1 class="headline">Nuestra misión</h1>
<p class="white">
La Misión de la Universidad Autónoma de La Laguna es participar en la formación integral de seres humanos de bien,
a través de un diseño educativo flexible que promueva en todos los sectores de la sociedad, principalmente entre
estudiantes y trabajadores, la adquisición de conocimientos y habilidades de aplicación práctica y el desarrollo
de actitudes positivas.
</p>
<a
href="#"
>¡Cambia tu futuro Ahora!</a
>
</div>
</section>
<div class="conta">
<div class="conten">
<div class="left-side">
<div class="address details">
<i class="fas fa-map-marker-alt"></i>
<div class="topic">Dirección</div>
<div class="text-one">Av. Universidad s/n Col. El Tajito</div>
<div class="text-two">Torreón, Coah., México.</div>
</div>
<div class="phone details">
<i class="fas fa-phone-alt"></i>
<div class="topic">Teléfono</div>
<div class="text-one">(871) 729 01 56</div>
</div>
<div class="email details">
<i class="fas fa-envelope"></i>
<div class="topic">E-mail</div>
<div class="text-one">promocion@ual.mx</div>
</div>
</div>
<div class="right-side">
<div class="topic-text">Solicita información</div>
<p>Rellena el formulario para obtener más información.</p>
<form action="#">
<div class="input-box">
<input type="text" placeholder="Ingresa tu nombre completo">
</div>
<div class="input-box">
<input type="text" placeholder="Ingresa tu correo electrónico">
</div>
<div class="input-box">
<div class="select-box">
<select>
<option selected>Bachillerato 2 años</option>
<option>Administrador de empresas</option>
<option>Contador público</option>
<option>Derecho</option>
<option>Ingeniería industrial y de sistemas</option>
<option>Maestría en gestión pública</option>
</select>
</div>
</div>
<div class="button">
<input type="button" value="Enviar" >
</div>
</form>
</div>
</div>
</div>
<section class="footer clearfix">
<div class="content">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 10">
<path d="M0 0 L50 10 L100 0 Z" fill="#333"/>
</svg>
</div>
</section>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.js"></script>
<script src="./slide.js"></script>
<script src="./script.js"></script>
</body>
</html>