-
Notifications
You must be signed in to change notification settings - Fork 0
/
estudios.html
114 lines (110 loc) · 7.21 KB
/
estudios.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Marco Vallejos | Estudios</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<!-- Logo y Barra de Navegacion -->
<header>
<div class="logo">
<img src="img/Logo.png" alt="Logo">
</div>
<div class="navegacion">
<nav>
<div class="barraNavegacion">
<a href="index.html">INICIO</a>
<a href="amigos.html">AMIGOS</a>
<a class="activo" href="estudios.html">ESTUDIOS</a>
<a href="familia.html">FAMILIA</a>
<a href="contacto.html">CONTACTO</a>
</div>
</nav>
</div>
</header>
<!-- FIN - Logo y Barra de Navegacion -->
<div class="espacio cienpx"></div>
<!-- INICIO - Cuerpo -->
<h2 class="titulo">ESTUDIOS</h2>
<div class="contenedor">
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="img/deporte.jpeg" alt="Deporte basket">
<div class="card-body">
<h5 class="card-title">ESTUDIOS PRIMARIA Y SECUNDARIA</h5>
<p class="card-text">Gracias a mis padres, pude estudiar en un mismo colegio, el cual es la Divina Pastora, toda mia primaria y secundaria, no fui el mejor de la clase, pero tampoco fui el peor de la clase, lo que de alguna manera, me ayudo a conseguir una beca de estudios para estudiar fuera de mi provincia. <br>
Eh sido depoortista y bailarin durante mi epoca en el colegio, pues siempre participaba en eventos para el colegio, bailando o jugando basket o voleyball. <br>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Neque quod dicta saepe praesentium, architecto beatae ex labore quidem. Beatae, doloribus optio sequi dolore assumenda natus architecto omnis sunt, odit dolorum eaque nihil provident exercitationem ipsa maiores perspiciatis, soluta tenetur! Maiores vero voluptatem quod saepe quibusdam explicabo corrupti quaerat nesciunt eveniet?</p>
</div>
</div>
<div class="card">
<img class="card-img-top" src="img/instituto.jpg" alt="Usil">
<div class="card-body">
<h5 class="card-title">EDUCACION SUPERIOR</h5>
<p class="card-text">Como lo mencione en la tarjeta anterior, pude ganarme una beca de estudios, brindada por PRONABEC, esto me ayudo a estudiar una carrera tecnica, el cual me sirve para poder sustentarme laboralmente en la actualidad. <br>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam exercitationem ipsa corporis minus quos saepe vel sint odio facilis impedit voluptate nesciunt dicta, quis quasi temporibus doloremque sed a fuga expedita. Autem quod ipsum quam nam reprehenderit optio placeat, molestias ducimus debitis ut omnis harum porro dolore commodi saepe iusto vel asperiores! Optio officiis porro voluptatem, architecto vitae officia modi dignissimos excepturi omnis expedita enim voluptatum laborum nemo aut sit labore ratione recusandae, temporibus ipsam error. Labore neque eveniet natus quae molestias tenetur, beatae repellendus blanditiis eius sequi est sapiente voluptas sit voluptatum ipsam. Sapiente natus aspernatur repudiandae nesciunt error!
</p>
</div>
</div>
<div class="card">
<img class="card-img-top" src="img/BICENTENARIO.jpeg" alt="Jovenes BICENTENARIO">
<div class="card-body">
<h5 class="card-title">Jovenes BICENTENARIO</h5>
<p class="card-text">EN la actualidad vengo estudiando para ser DESARROLLADOR WEB FULL STACK, y poder dessempeñarme en este campo de la tecnologia. La programacion es algo que siempre me ha gustado, y gracias a esta beca, puedo aprender de ella y luego desempeñárme en este campo. <br> Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel iste ratione quidem itaque magni eos neque ducimus numquam ex! Tempora facere minima aliquam animi sequi delectus soluta, architecto reprehenderit aliquid quo, ad magnam libero? Voluptatibus, sunt. Ipsum quos tempora corporis quaerat maiores! Velit ullam itaque consequatur voluptate illo officia ea ratione quos odio, quisquam voluptas cupiditate numquam fugiat mollitia. Hic adipisci necessitatibus labore ducimus ullam repellendus error perspiciatis ea quas sequi. Ducimus doloribus corrupti totam laboriosam ipsa, voluptatem ad aliquam delectus doloremque itaque, at optio dolorum blanditiis unde perspiciatis repellat, deleniti nesciunt dolores magnam! Delectus dolor numquam harum id rem?</p>
</div>
</div>
</div>
</div>
<!-- FIN - Cuerpo -->
<div class="espacio cienpx"></div>
<!-- INICIO - Footer -->
<footer id="footer" class="fila-footer">
<div class="col-33">
<p>Datos de Contacto</p>
<p class="flex-start">
<img class="m-r-small" src="img/map.svg" alt="icono de maoa">
Oxapampa, Oxapampa, Pasco - Jr. Hassinger 920
</p>
<!-- <p>Jr. Hassinger 920</p> -->
<p class="flex-start">
<img class="m-r-small" src="img/phone.svg" alt="Icono de telefono">
+51 997857951
</p>
<p class="flex-start">
<img class="m-r-small" src="img/mail.svg" alt="Icono de email">
vallejos.contrerasm@gmail.com
</p>
</div>
<div class="col-33">
<a href="https://goo.gl/maps/sjQYy4EmxYeKQaAn9" target="_blank"><img src="img/mapa.jpg" alt="Mapa"></a>
</div>
<div class="col-33">
<div class="flex-around">
<a href="https://www.facebook.com/marko.vc.92/" target="_blank">
<img class="rrss" src="img/facebook.svg" alt="Icono de Facebook">
</a>
<a href="https://www.linkedin.com/in/marcovallejos159/" target="_blank">
<img class="rrss" src="img/linkedin.svg" alt="Icono de Linkedin">
</a>
<a href="https://api.whatsapp.com/send?phone=51997857951" target="_blank">
<img class="rrss" src="img/whatsapp-square.svg" alt="Icono de whatsapp">
</a>
<a href="https://www.instagram.com/marko_ant_159/" target="_blank">
<img class="rrss" src="img/instagram-circle.svg" alt="Icono de Instagram">
</a>
</div>
<br>
<div class="flex-around m-t">
<a href="contacto.html#legal">Aviso Legal</a>
<a href="contacto.html#cookies">Politica de cookies</a>
</div>
<br>
<br><br>
<p class="copyright m-t">© Marco Vallejos All rights reserved</p>
</div>
</footer>
<!-- FIN - Footer -->
</body>
</html>