-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (134 loc) · 7.75 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Proyecto Justicia</title>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/proyecto-justicia.css">
<link rel="stylesheet" href="https://use.fontawesome.com/115c402fe4.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<script src="https://use.fontawesome.com/115c402fe4.js"></script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section id="portada" data-background="img/fondos/portada.jpg">
<div style="margin-top: 10%; width: 50%; float: right; color: white; text-align: justify;">
<h3>Proyecto Justicia</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec efficitur luctus nunc, eu fermentum turpis sodales quis. Morbi placerat sapien sit amet mi vulputate, non convallis velit laoreet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<p>Curabitur mauris dui, dictum sed libero ac, sollicitudin lobortis lectus. Aliquam eget sollicitudin nulla. Integer consectetur molestie sollicitudin <b><a href="#/proyecto-justicia/">VERDAD</a></b>. Mauris pellentesque fermentum aliquam. Aenean congue gravida tincidunt. Pellentesque mollis velit id accumsan efficitur. Sed accumsan eros vel sapien tristique sagittis. Pellentesque eget fringilla augue, imperdiet aliquam ante. In sit amet sem lacus. Pellentesque scelerisque dapibus risus ac efficitur.</p>
</div>
</section>
<section id="proyecto-justicia" data-background="">
<section id="">
<div style="width: 50%; color: white; text-align: justify;">
<h3>El sendero de Procurar a Proyectar</h3>
<p>De aquél inicial <b>Procure</b> que entendía que la justicia debía obligadamente sostenerse en los pilares de la responsabilidad, la celeridad y la eficacia; a este modernizado <b>Proyecto</b> que interpreta que a dichos pilares hoy deben anexarse las tres P. <b>Proyectar para prevenir y prevenir para proteger</b> los derechos que consoliden el camino para llegar a la justicia tomada como virtud cardinal.</p>
</div>
<div>
<a href="#/derecho-de-familia/"><i class="fa fa-angle-down" style="font-size: 2em;"></i></a>
</div>
</section>
<section id="derecho-de-familia" data-background="img/fondos/derecho-de-familia.jpg" data-background-position="top left">
<div style="padding: 1em; width: 30%; float: right; color: rgb(129, 0, 91); text-align: right; margin-right: -8em;">
<p>
Donec posuere, ligula eget lobortis tempor, quam elit fermentum magna, in convallis diam dolor nec turpis. Sed et interdum neque. Aliquam vestibulum nisl id condimentum varius. Suspendisse feugiat sapien neque, pulvinar egestas elit maximus non. Vivamus magna tortor, tempor id dapibus ornare, tincidunt vitae nunc.
</p>
<p>Nunc ut dapibus felis. Nulla interdum non lectus vitae tempor. Aliquam ac maximus ligula. Nullam vel dui in sapien efficitur ornare et vel leo. Maecenas molestie massa ac nibh tincidunt mollis. Phasellus augue sapien, accumsan vel eros quis, fringilla egestas odio. </p>
<p><a href="#/derecho-ambiental/"><i class="fa fa-angle-down" style="font-size: 2em;"></i></a></p>
</div>
</section>
<section id="derecho-ambiental" data-background="img/fondos/derecho-ambiental.jpg" data-background-position="botom center">
<div style="background-color: rgba(0,0,0,0.4); padding: 1em; font-size: 1.2em; width: 80%; color: white; text-align: justify; margin: 0 auto;" >
<p>"Todo el que disfruta cree que lo que importa del árbol es el fruto,cuando en realidad es la semilla.<br>He aquí la diferencia entre los que creen y los que disfrutan"</p>
<i class="autor-cita">Friedrich Nietzche</i>
</div>
<div><a href="#/derecho-laboral/"><i class="fa fa-angle-down" style="font-size: 2em;"></i></a></div>
</section>
<section id="derecho-laboral" data-background="img/fondos/derecho-laboral.jpg" data-background-position="top center">
<div style="padding: 1em; font-size: 1.2em; width: 60%; color: white; text-align: justify; margin-top: -2.5em; margin-left: -4em;" >
<p>“El mayor valor de una nación no son sus riquezas en cuanto a bienes particulares. El mayor valor de una nación es el valor humano. Es la relación entre una madre y su hijo obrero”</p>
<i class="autor-cita">Alfredo Palacios</i>
<a href="#/derecho-4/"><i class="fa fa-angle-down" style="font-size: 2em;"></i></a>
</div>
</section>
<section id="derecho-4">
<h1>...</h1>
<a href="#/derecho-5/"><i class="fa fa-angle-down" style="font-size: 2em;"></i></a>
</section>
<section id="derecho-5">
<h1>...</h1>
<a href="#/no-hay-futuro-sin-pasado/"><i class="fa fa-angle-right" style="font-size: 2em;"></i></a>
</section>
</section>
<section id="no-hay-futuro-sin-pasado" data-background="">
<h1>No hay futuro sin pasado</h1>
<a href="#/pensar-luego-existir/"><i class="fa fa-angle-right" style="font-size: 2em;"></i></a>
</section>
<section id="pensar-luego-existir">
<h1>Pensar, luego existir</h1>
<a href="#/el-equipo/"><i class="fa fa-angle-right" style="font-size: 2em;"></i></a>
</section>
<section id="el-equipo">
<h1>El Equipo</h1>
<a href="#/contacto/"><i class="fa fa-angle-right" style="font-size: 2em;"></i></a>
</section>
<section id="contacto" data-background="img/fondos/contacto.jpg">
<div>
<h1>contáctenos</h1>
<a href="#/servicios-integrales/"><i class="fa fa-angle-right" style="font-size: 2em;"></i></a>
</div>
<div style="margin-top: 35%; float: left; text-align: left; color: #ddd;">
<p><i class="fa fa-map-marker"> Av. Rivadavia 13.876 15 C Ramos Mejía</i></p>
<p><i class="fa fa-phone-square"> +54 11 5555-5555</i><br></p>
<p><i class="fa fa-envelope"> [email protected]</i></p>
</div>
</section>
<section id="servicios-integrales">
<section>
<h1>Servicios Integrales 1</h1>
<a href="#/servicios-integrales-2/"><i class="fa fa-angle-down" style="font-size: 2em;"></i></a>
</section>
<section id="servicios-integrales-2">
<h1>Servicios Integrales 2</h1>
<a href="#/servicios-integrales-3/"><i class="fa fa-angle-down" style="font-size: 2em;"></i></a>
</section>
<section id="servicios-integrales-3">
<h1>Servicios Integrales 3</h1>
<a href="#/contacto-2/"><i class="fa fa-angle-down" style="font-size: 2em;"></i></a>
</section>
<section id="contacto-2">
<h1>Contacto</h1>
</section>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
center: false,
controls: false,
history: true,
// More info https://github.com/hakimel/reveal.js#dependencies
dependencies: [
{ src: 'plugin/markdown/marked.js' },
{ src: 'plugin/markdown/markdown.js' },
{ src: 'plugin/notes/notes.js', async: true },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>