-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacto.html
84 lines (80 loc) · 4.51 KB
/
contacto.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link rel="icon" type="image/png" href="/img/logo.png" />
<link rel="stylesheet" href="css/b4/bootstrap.min.css">
<link rel="stylesheet" href="css/contacto.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/glider.min.css">
<title>CEESP</title>
</head>
<header class="container-fluid ">
<div class="row align-items-center ">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<p class="logotipo"><a href="#">CESSP</a></p>
</div>
<div class="col-lg-4 col-md-4 col-sm-2 col-xs-0">
<br>
</div>
<nav class="col-lg-5 col-md-5 col-sm-7 col-xs-12 ">
<ul class="d-flex justify-content-center ">
<li class="col-lg-2 col-md-3 col-sm-3 col-xs-12 d-flex justify-content-center "><a href="index.html">Inicio</a></li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-12"><a href="cursos.html">Cursos</a></li>
<li class="col-lg-3 col-md-4 col-sm-4 col-xs-12"><a href="contacto.html">Contacto</a></li>
</ul>
</nav>
</div>
</header>
<body>
<div class="container">
<section class="personas">
<div class="row d-flex justify-content-center">
<div class="col-lg-4 col-sm-6 col-xs-12 ">
<a class="d-flex justify-content-center"><img src="img/personas/Alejandro.jpeg" width="300" height="380"></a>
<p class="d-flex justify-content-center">Alejandro<br>Editor Front-End<br>Mexico</p>
</div>
<div class="col-lg-4 col-sm-6 col-xs-12">
<a class="d-flex justify-content-center"><img src="img/personas/Antonio.jpeg" width="300" height="380"></a>
<p class="d-flex justify-content-center">Antonio<br>Programador Back-End<br>Mexico</p>
</div>
<div class="col-lg-4 col-sm-6 col-xs-12">
<a class="d-flex justify-content-center"><img src="img/personas/viridiana.jpeg" width="300" height="380"></a>
<p class="d-flex justify-content-center">Viridiana<br>Maquetador Web<br>Mexico</p>
</div>
</div><hr color="52575d">
</section>
<section class="ayuda">
<div class="row">
<div class="col">
<h2>¿Necesitas ayuda?</h2>
<p>
Si eres un estudiante que usa la plataforma de CEESP y deseas hacer alguna pregunta o necesitas ayuda técnica, mandanos un correo a <a href= #> [email protected]</a> "o" marca al numero <a href="#">7471057822</a> y nos pondremos al contacto contigo. servicio a cliente 10:00 a.m. a 6:00 p.m.
</p>
</div>
</div>
</section>
<script src="js/b4/jquery-3.3.1.min.js"></script>
<script src="js/b4/popper.min.js"></script>
<script src="js/b4/bootstrap.min.js"></script>
</div>
<footer class="container">
<div class="row align-items-lg-center justify-content-center">
<div class="col-12 col-md-6">
<h5>Acerca de</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="col-12 col-md-6 redes">
<div class=" ">
<a href=""><i class="col-1 col-md-4 fab fa-facebook fb "></i></a>
<a href=""><i class="col-1 col-md-4 fab fa-youtube yt"></i></a>
<a href=""><i class="col-1 col-md-4 fab fa-twitter tt"></i></a>
<a href=""><i class="col-1 col-md-4 fab fa-whatsapp wa"></i></a>
</div>
</div>
</div>
</footer>
<div class="copyright d-flex justify-content-around "><p>CEESP 2021 S.A de C.V</p></div>
</body>
</html>