-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbiopalomavalencia.html
98 lines (77 loc) · 7.46 KB
/
biopalomavalencia.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="keywords" content="Nuestro Turno, Mujeres, Política, Colombia, Universidad de los Andes">
<meta name="description" content="Somos un proyecto estudiantil que busca visibilizar el trabajo y la realidad de las mujeres en la política colombiana."/>
<meta name="author" content="diseño web: Sofía Castañeda Mosquera" />
<meta name="copyright" content="Todos los derechos reservados.">
<title>Paloma Valencia</title>
<!--ícono pestaña-->
<link rel="icon" type="image/x-icon" href="imagenes/favicon_prudencia.png"/>
<!-- CSS Bootstrap -->
<link href="css/styles.css" rel="stylesheet">
<!--Hoja estilo propia-->
<link href="css/misestilos.css" rel="stylesheet" type="text/css">
<!--ÍCONOS-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
<!--Adobe-->
<!--ZWO-->
<link rel="stylesheet" href="https://use.typekit.net/hrd8jkh.css">
<!--SOLEIL-->
<link rel="stylesheet" href="https://use.typekit.net/hrd8jkh.css">
</head>
<body>
<!-- NAVBAR-->
<nav class="navbar navbar-expand-lg fixed-top ignorame bionav mb-5">
<div class="container ignorame">
<a class="navbar-brand titular" href="index.html"><img src="imagenes/titledotty.svg" alt="Nuestro Turno" width="200" height="40" class=""></a>
<ul class="navbar-nav ml-auto ignorame">
<li class="nav-item itemmenu ignorame"><a class="nav-link js-scroll-trigger" href="index.html">Volver</a></li>
</ul>
</div>
</nav>
<div class="container biocontainer">
<div class="row mb-4 mt-1">
<div class="col-4 fotocongresista">
<img src="imagenes/img-bios/bio_paloma_valencia.jpeg" class="fotobio img-fluid" alt="">
</div>
<div class="col-8">
<h1 class="titularverdei">Paloma Valencia</h1>
<h3 class="biosubtitulo">Senadora</h3>
<p class="bioparrafo">Paloma Valencia es una abogada y filósofa de la Universidad de los Andes, con una maestría en escritura creativa de la Universidad de Nueva York. Nació y vivió sus primeros años en Popayán, Colombia en donde desde muy pequeña empezó a desarrollar un interés por la política.
<br><br>
Trabajó en la Procuraduría y Planeación Nacional dentro del ámbito público y también se desempeñó profesionalmente en El Espectador, El País de Cali, Blu Radio y fue la fundadora del medio digital La Otra Esquina. Incursó oficialmente en la política en el 2014, como Senadora de Centro Democrático. Hoy en día es una de las mujeres políticas más reconocidas del país.
</p>
</div>
</div>
<h3 class="biosubtitulo"><a href="https://www.youtube.com/watch?v=Fd4ashyX-p8">Link al video </a><a href="https://www.youtube.com/watch?v=Fd4ashyX-p8" style="color: black;">aquí.</a></h3>
<video controls class="embed-responsive embed-responsive-16by9">
<source src="videos/tanda_1/paloma_valencia_video.mp4" type="video/mp4">
<source src="videos/tanda_1/paloma_valencia_video.ogg" type="video/ogg">
Tu navegador no soporta la reproducción de video HTML, pero puedes encontrar este video y más en nuestro canal de Youtube:<a href="https://www.youtube.com/channel/UCFW7DLcYoUQtvgd-3EvhpVw">https://www.youtube.com/channel/UCFW7DLcYoUQtvgd-3EvhpVw</a>.
</video>
</div>
<!--FOOTER-->
<div class="container-fluid biofooter">
<div class="social d-flex mt-1 justify-content-center container-fluid">
<a href="https://www.youtube.com/channel/UCFW7DLcYoUQtvgd-3EvhpVw"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#08e4c4" class="bi bi-youtube mx-4" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
</svg></a>
<a href="https://twitter.com/nuestro_turno"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#08e4c4" class="bi bi-twitter mx-4" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a>
<a href="https://www.instagram.com/es_nuestro_turno/"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="#08e4c4" class="bi bi-instagram mx-4" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></a>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.4.1.js"></script>
</body>
</html>