-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharea_actuacion.html
132 lines (123 loc) · 8.97 KB
/
area_actuacion.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
<html>
<head>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
<title>HOME</title>
<link rel="icon" type="image/x-icon" href="./img/icon.png">
<link rel="stylesheet" href="./css/main.css">
</head>
<body class="fondo_web">
<div id = "contenedor" class="fondo_texto">
<header class="fondo_titulos texto_titulos">
<center>
<span>
<h1 class="cabecera_top">EMPRESA</h1>
</span>
</center>
</header>
<div>
<nav class="fondo_cabecera navegador">
<center>
<a href="index.html" class="link">HOME</a> |
<a href="noticias.html" class="link">NOTICIAS</a> |
<a href="localizacion.html" class="link">LOCALIZACION</a> |
<a href="quienes_somos.html" class="link">QUIENES SOMOS</a> |
<a href="area_actuacion.html" class="link">AREA DE ACTUACION</a> |
<a href="contacto.html" class="link">CONTACTO</a>
</center>
</nav>
<section class="izquierda">
<div style="padding: 25px;">
<header>
<h1>Lorem ipsum dolor sit amet</h1>
</header>
<article>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Faucibus turpis in eu mi bibendum. Enim praesent elementum facilisis leo vel fringilla est ullamcorper. Ullamcorper morbi tincidunt ornare massa eget egestas. Mauris vitae ultricies leo integer malesuada. Justo donec enim diam vulputate. Magna etiam tempor orci eu lobortis elementum. Scelerisque eleifend donec pretium vulputate sapien. Diam volutpat commodo sed egestas. Sed viverra tellus in hac habitasse platea dictumst vestibulum rhoncus. Fringilla ut morbi tincidunt augue. Urna nunc id cursus metus aliquam eleifend mi in. Porttitor massa id neque aliquam vestibulum morbi blandit. Integer eget aliquet nibh praesent tristique magna. Sodales ut etiam sit amet nisl. Id interdum velit laoreet id donec ultrices tincidunt arcu non. Integer quis auctor elit sed vulputate.
</p>
<p>
Ipsum dolor sit amet consectetur adipiscing elit ut. Dignissim enim sit amet venenatis. Consequat id porta nibh venenatis. Lectus urna duis convallis convallis tellus id interdum velit. Eu mi bibendum neque egestas congue quisque egestas diam in. Urna porttitor rhoncus dolor purus. Sit amet purus gravida quis blandit turpis cursus in hac. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Auctor eu augue ut lectus arcu bibendum at varius vel. In nibh mauris cursus mattis molestie a iaculis at. In cursus turpis massa tincidunt. Lobortis mattis aliquam faucibus purus in massa tempor nec feugiat. Neque gravida in fermentum et. Nec feugiat nisl pretium fusce id velit. Dui accumsan sit amet nulla. Tellus id interdum velit laoreet id donec ultrices. Et egestas quis ipsum suspendisse ultrices gravida. Odio euismod lacinia at quis risus sed vulputate odio.
</p>
<p>
Sodales neque sodales ut etiam sit amet nisl purus in. Et ligula ullamcorper malesuada proin. Ac tincidunt vitae semper quis lectus nulla at. Ut sem nulla pharetra diam sit amet nisl suscipit adipiscing. Eu volutpat odio facilisis mauris sit amet massa vitae tortor. Arcu non sodales neque sodales ut etiam sit amet nisl. Facilisi nullam vehicula ipsum a arcu. Id diam vel quam elementum pulvinar etiam non. Vitae semper quis lectus nulla at volutpat diam. Molestie nunc non blandit massa. Condimentum lacinia quis vel eros donec ac odio tempor. Magna eget est lorem ipsum dolor. Ultricies mi quis hendrerit dolor magna eget. Sodales ut eu sem integer vitae justo eget magna fermentum. Sapien eget mi proin sed libero enim sed.
</p>
<p>
Malesuada fames ac turpis egestas integer eget aliquet. Sit amet justo donec enim diam vulputate. Vestibulum morbi blandit cursus risus at ultrices mi. Aenean euismod elementum nisi quis eleifend quam adipiscing. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Nisl nisi scelerisque eu ultrices vitae. Donec ac odio tempor orci dapibus ultrices in iaculis. Sapien et ligula ullamcorper malesuada proin libero. Adipiscing commodo elit at imperdiet dui accumsan sit amet nulla. Risus viverra adipiscing at in tellus integer feugiat. Diam quam nulla porttitor massa id neque aliquam. Mauris vitae ultricies leo integer. Lacus luctus accumsan tortor posuere ac ut consequat semper viverra. Neque sodales ut etiam sit amet nisl purus in mollis. Viverra vitae congue eu consequat ac felis donec et odio. Et sollicitudin ac orci phasellus egestas. Massa ultricies mi quis hendrerit dolor magna eget est.
</p>
</article>
<footer>
<center>
<nav style="padding: 20px;">
<a class="boton" href="">Lorem ipsum</a>
<span style="margin-left: 75px;"></span>
<a class="boton" href="">Lorem ipsum</a>
</nav>
</center>
</footer>
</div>
</section>
<aside class="derecha">
<section class="caja">
<header>
<h1>Lorem ipsum dolor sit amet</h1>
</header>
<article>
<h2>Dapibus ultrices</h2>
<p>
Faucibus turpis in eu mi bibendum. Enim praesent elementum facilisis leo vel fringilla est ullamcorper.
</p>
</article>
<footer>
<p><a class="boton" href="">Lorem ipsum</a></p>
</footer>
</section>
<section class="caja">
<header>
<h1>Lorem ipsum dolor sit amet</h1>
</header>
<article>
<h2>Dapibus ultrices</h2>
<p>
Faucibus turpis in eu mi bibendum. Enim praesent elementum facilisis leo vel fringilla est ullamcorper.
</p>
</article>
<footer>
<p><a class="boton" href="">Lorem ipsum</a></p>
</footer>
</section>
<section class="caja">
<header>
<h1>Lorem ipsum dolor sit amet</h1>
</header>
<article>
<h2>Dapibus ultrices</h2>
<p>
Faucibus turpis in eu mi bibendum. Enim praesent elementum facilisis leo vel fringilla est ullamcorper.
</p>
</article>
<footer>
<p><a class="boton" href="">Lorem ipsum</a></p>
</footer>
</section>
<section class="caja">
<header>
<h1>Lorem ipsum dolor sit amet</h1>
</header>
<article>
<h2>Dapibus ultrices</h2>
<p>
Faucibus turpis in eu mi bibendum. Enim praesent elementum facilisis leo vel fringilla est ullamcorper.
</p>
</article>
<footer>
<p><a class="boton" href="">Lorem ipsum</a></p>
</footer>
</section>
</aside>
</div>
<div>
hola
</div>
</div>
</body>
</html>