forked from chile-transparente/denunciacorrupcion.github.io
/
index.html
124 lines (119 loc) · 4.64 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
---
layout: home
---
<main>
<section id="que-es">
<div class="container-fluid">
<div class="row no-gutters">
<div class="col-lg-6 text-left alac">
<div class="row no-gutters">
<div class="col-lg-2 d-none d-lg-block d-xl-block">
<ul class="redes">
<li><a class="facebook" href="https://facebook.com/{{site.facebook}}" target="_blank">Facebook</a></li>
<li><a class="twitter" href="https://twitter.com/{{site.twitter}}" target="_blank">Twitter</a></li>
<li><a class="youtube" href="https://youtube.com/{{site.youtube}}" target="_blank">Youtube</a></li>
<li><a class="linkedin" href="https://linkedin.com/company/{{site.linkedin}}" target="_blank">Linkedin</a></li>
</ul>
</div>
<div class="col-lg-10">
<h2>¿Qué es un ALAC?</h2>
<p>Asesoría Legal anticorrupción (ALAC) es una oficina de Chile Transparente, Capítulo Chileno de Transparencia Internacional, que brinda asistencia legal gratuita a víctimas, testigos y/o denunciantes de corrupción de hechos que involucren a autoridades y/o funcionarios públicos.</p>
<a class="mas" href="/que-es-un-alac/">Leer más</a>
</div>
</div>
</div>
<div class="col-lg-6 text-center video">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/1kQEH-o6VtQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<section id="denuncia">
<div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<h2>Haz tu denuncia</h2>
</div>
</div>
<div class="row">
<div class="col-md-12 botones">
<a href="/haz-tu-denuncia/" class="btn tutorial">¿Cómo denunciar?</a>
<a href="https://buzon.denunciacorrupcion.cl/#/" class="btn buzon">Buzón de denuncia</a>
</div>
</div>
</div>
</section>
{% if site.material_educativo.size > 0 %}
<section id="material">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Material Educativo</h2>
</div>
</div>
<div class="row articulos">
{% assign material = site.material_educativo | reverse %}
{% for mi in material | limit:3 %}
<div class="col-md-4">
<div class="articulo documento">
{% if mi.img_related %}
<img class="img-fluid" src="{% if mi.img_related %}{{mi.img_related}}{% else %}https://via.placeholder.com/1024x768{% endif %}" alt="{{mi.title| remove:'"'}}" />
{% endif %}
<div class="cuerpo">
<h3>
<a href="{% if mi.categories contains 'video' or mi.categories contains 'archivo' %}{{mi.share_url}}{% else %}{{mi.url}}{% endif %}"{% if mi.categories contains 'video' or mi.categories contains 'archivo' %} target="_blank"{% endif %}>
{{mi.title}}
</a>
</h3>
<p>{{mi.description}}</p>
</div>
</div>
</div>
{% endfor %}
</div>
<a class="mas-articulos" href="/material-educativo/">ver más artículos</a>
</div>
</section>
{% endif %}
<section id="colaboradores">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Colaboradores</h2>
</div>
</div>
<div class="row">
{% assign colaboradores = site.data.colaboradores %}
{% for c in colaboradores %}
<div class="col-md-4 colaborador">
<img src="{{c.image}}" alt="{{c.name}}" class="img-fluid">
</div>
{% endfor %}
</div>
</div>
</section>
<section id="accesos">
<div class="container">
<div class="row">
<div class="col-6 col-md-3">
<a class="buzon" href="//buzon.denunciacorrupcion.cl/#/">Buzón de denuncia</a>
<h3>Buzón de denuncia</h3>
</div>
<div class="col-6 col-md-3">
<a class="que-es" href="/que-es-un-alac/">¿Qué es Alac?</a>
<h3>¿Qué es Alac?</h3>
</div>
<div class="col-6 col-md-3">
<a class="faq" href="/preguntas-frecuentes/">Preguntas Frecuentes</a>
<h3>Preguntas Frecuentes</h3>
</div>
<div class="col-6 col-md-3">
<a class="material" href="/material-educativo/">Material Educativo</a>
<h3>Material Educativo</h3>
</div>
</div>
</div>
</section>
</main>