-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
139 lines (127 loc) · 7.45 KB
/
index.php
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
<?php
include_once 'app/Conexion.inc.php';
include_once 'app/RepositorioUsuario.inc.php';
$titulo = 'Scoowy Page - Prebuilt Layout';
include_once 'plts/docDeclaracion.inc.php';
include_once 'plts/navBar.inc.php';
?>
<main role="main" class="container">
<div class="jumbotron">
<h1>
Novedades
<small class="text-muted">Siempre actualizado</small>
</h1>
<hr class="my-4">
<p class="lead">Etiam hendrerit libero magna, non sollicitudin orci vehicula a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque maximus sollicitudin dolor eget eleifend. </p>
<a class="btn btn-primary" href="#">Seguir leyendo »</a>
</div>
<div class="container">
<div class="row">
<div id="bannerP" class="col-md-4">
<h1>Lorem ipsum dolor sit amet.</h1>
<hr class="my-4">
<p class="text-justify">Etiam hendrerit libero magna, non sollicitudin orci vehicula a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque maximus sollicitudin dolor eget eleifend. Curabitur aliquet porta sapien sed vulputate.</p>
</div>
<div id="bannerSep" class="col-md-1">
<div id="separadorCol">
</div>
</div>
<div id="bannerG" class="col-md-7">
<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>
<hr class="my-4">
<p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc congue arcu et dui faucibus maximus. Morbi ullamcorper est risus, quis lacinia ligula iaculis nec. Etiam sollicitudin magna facilisis, feugiat justo ut, maximus magna. Cras finibus massa quis leo volutpat fringilla. Sed lacus diam, luctus ut velit non, viverra interdum neque. Donec suscipit massa a pretium congue. Integer in tortor auctor, tristique tellus vitae, mollis purus. Donec nec augue non elit egestas euismod sed quis libero. Morbi vitae mi quis lorem posuere vulputate quis id est. Nunc finibus lacus quam, venenatis porttitor lacus faucibus eget. Maecenas vehicula porta odio quis suscipit. Praesent porta vulputate tortor, porttitor placerat dolor posuere vel. Quisque ut vestibulum urna, et tempor dolor. Etiam sagittis magna vitae pellentesque feugiat. Fusce facilisis ac odio vel posuere. Cras facilisis dapibus cursus. Integer elementum felis quis est mollis vestibulum. Maecenas nibh leo, maximus nec vestibulum vel, gravida mattis dui. Curabitur in scelerisque nibh. Suspendisse vestibulum vestibulum facilisis. Pellentesque accumsan sagittis vestibulum. Praesent sodales, elit eu ultricies rutrum, arcu ligula volutpat nunc, eu pulvinar quam risus nec erat. Vivamus iaculis nibh in molestie dictum. </p>
</div>
</div>
</div>
<br>
<hr class="my-4">
<div class="container">
<h1>Ultimos articulos</h1>
</div>
<!-- Tarjetas giratorias -->
<div class="contenedor">
<div class="contenedor_tarjeta" id="tarjetaPy">
<a href="#">
<figure id="tarjeta">
<img src="img/Ext_Py.jpg" class="frontal" alt="">
<figcaption class="trasera">
<h2 class="titulo">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, vero!</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis cupiditate voluptates ipsum suscipit, aspernatur eum, amet nemo architecto nihil corrupti.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis cupiditate voluptates ipsum suscipit, aspernatur eum, amet nemo architecto nihil corrupti.</p>
</figcaption>
</figure>
</a>
</div>
<div class="contenedor_tarjeta" id="tarjetaHTML">
<a href="#">
<figure id="tarjeta">
<img src="img/Ext_HTML.jpg" class="frontal" alt="">
<figcaption class="trasera">
<h2 class="titulo">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, vero!</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis cupiditate voluptates ipsum suscipit, aspernatur eum, amet nemo architecto nihil corrupti.</p>
</figcaption>
</figure>
</a>
</div>
<div class="contenedor_tarjeta" id="tarjetaPHP">
<a href="#">
<figure id="tarjeta">
<img src="img/Ext_PHP.jpg" class="frontal" alt="">
<figcaption class="trasera">
<h2 class="titulo">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, vero!</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis cupiditate voluptates ipsum suscipit, aspernatur eum, amet nemo architecto nihil corrupti.</p>
</figcaption>
</figure>
</a>
</div>
<div class="contenedor_tarjeta" id="tarjetaPy">
<a href="#">
<figure id="tarjeta">
<img src="img/Ext_Py.jpg" class="frontal" alt="">
<figcaption class="trasera">
<h2 class="titulo">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, vero!</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis cupiditate voluptates ipsum suscipit, aspernatur eum, amet nemo architecto nihil corrupti.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis cupiditate voluptates ipsum suscipit, aspernatur eum, amet nemo architecto nihil corrupti.</p>
</figcaption>
</figure>
</a>
</div>
<div class="contenedor_tarjeta" id="tarjetaHTML">
<a href="#">
<figure id="tarjeta">
<img src="img/Ext_HTML.jpg" class="frontal" alt="">
<figcaption class="trasera">
<h2 class="titulo">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, vero!</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis cupiditate voluptates ipsum suscipit, aspernatur eum, amet nemo architecto nihil corrupti.</p>
</figcaption>
</figure>
</a>
</div>
<div class="contenedor_tarjeta" id="tarjetaPHP">
<a href="#">
<figure id="tarjeta">
<img src="img/Ext_PHP.jpg" class="frontal" alt="">
<figcaption class="trasera">
<h2 class="titulo">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, vero!</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis cupiditate voluptates ipsum suscipit, aspernatur eum, amet nemo architecto nihil corrupti.</p>
</figcaption>
</figure>
</a>
</div>
</div>
<!-- Fin Tarjetas giratorias -->
</main>
<?php
include_once 'plts/docCierre.inc.php';
?>
<script>
$(function () {
$('#linkInicio').addClass("active");
});
</script>