-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (117 loc) · 7.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/estilos.css">
<title>Blog</title>
</head>
<body>
<div id="contenedor">
<header class="cabecera-principal">
<div id="contenedor-cabecera">
<img src="imagenes/logo.png" alt="logo" id="logo">
</div>
<nav class="nav-principal">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Empresa</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
</header>
<div id="main">
<div id="contenido">
<article class="arte1">
<header class="art-header">
<h2 class="title"><a href="#">Primer Artículo</a></h2>
<span>Creado por: Diego Valenzuela 29/05/2016</span>
</header>
<img src="imagenes/img1.jpg" alt="logo" id="logo">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent tristique mi ut felis auctor euismod. Fusce mollis rutrum lacinia.
Duis feugiat posuere dui non ullamcorper. Proin molestie eleifend vestibulum.
Cras efficitur purus ac risus pellentesque lobortis. Duis fermentum tincidunt n
eque sit amet maximus. Maecenas molestie in metus efficitur suscipit. Praesent
odio tortor, suscipit ac nisl eu, volutpat bibendum felis. In eu dolor et augue
imperdiet molestie. Etiam ultricies risus at libero bibendum eleifend id at risus.
Maecenas ornare nibh quam, vel eleifend sem tempor auctor. Integer dui leo, pretium
et felis nec, accumsan scelerisque diam. Donec pharetra efficitur purus at accumsan.
n pulvinar magna cursus justo ultrices, at vulputate urna auctor. Nam ultrices lobortis
nulla, in porta velit vehicula in. Etiam ut lectus sagittis, pharetra nisl et, finibus augue.</p>
<a href="#">Leer más</a>
</article>
<article class="arte2">
<header class="art-header">
<h2 class="title"><a href="#">Primer Artículo</a></h2>
<span>Creado por: Diego Valenzuela 29/05/2016</span>
</header>
<img src="imagenes/img2.jpg" alt="logo" id="logo">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent tristique mi ut felis auctor euismod. Fusce mollis rutrum lacinia.
Duis feugiat posuere dui non ullamcorper. Proin molestie eleifend vestibulum.
Cras efficitur purus ac risus pellentesque lobortis. Duis fermentum tincidunt n
eque sit amet maximus. Maecenas molestie in metus efficitur suscipit. Praesent
odio tortor, suscipit ac nisl eu, volutpat bibendum felis. In eu dolor et augue
imperdiet molestie. Etiam ultricies risus at libero bibendum eleifend id at risus.
Maecenas ornare nibh quam, vel eleifend sem tempor auctor. Integer dui leo, pretium
et felis nec, accumsan scelerisque diam. Donec pharetra efficitur purus at accumsan.
n pulvinar magna cursus justo ultrices, at vulputate urna auctor. Nam ultrices lobortis
nulla, in porta velit vehicula in. Etiam ut lectus sagittis, pharetra nisl et, finibus augue.</p>
<a href="#" class="leer-mas">Leer más</a>
</article>
</div>
<aside id="lateral">
<div class="bloque">
<h2>Banner 1</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent tristique mi ut felis auctor euismod. Fusce mollis rutrum lacinia.
Duis feugiat posuere dui non ullamcorper. Proin molestie eleifend vestibulum.
Cras efficitur purus ac risus pellentesque lobortis. Duis fermentum tincidunt n
imperdiet molestie. Etiam ultricies risus at libero bibendum eleifend id at risus.
Maecenas ornare nibh quam, vel eleifend sem tempor auctor. Integer dui leo, pretium
et felis nec, accumsan scelerisque diam. Donec pharetra efficitur purus at accumsan.
n pulvinar magna cursus justo ultrices, at vulputate urna auctor. Nam ultrices lobortis
nulla, in porta velit vehicula in. Etiam ut lectus sagittis, pharetra nisl et, finibus augue.
</p>
</div>
<div class="bloque">
<h2>Banner </h2>
<img src="imagenes/img3.jpg" alt="" class="img-lateral">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent tristique mi ut felis auctor euismod. Fusce mollis rutrum lacinia.
Duis feugiat posuere dui non ullamcorper. Proin molestie eleifend vestibulum.
Cras efficitur purus ac risus pellentesque lobortis. Duis fermentum tincidunt n
eque sit amet maximus. Maecenas molestie in metus efficitur suscipit. Praesent
l eleifend sem tempor auctor. Integer dui leo, pretium
et felis nec, accumsan scelerisque diam. Donec pharetra efficitur purus at accumsan.
n pulvinar magna cursus justo ultrices, at vulputate urna auctor. Nam ultrices lobortis
nulla, in porta velit vehicula in. Etiam ut lectus sagittis, pharetra nisl et, finibus augue.
</p>
</div>
<div class="bloque">
<h2>Banner </h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Praesent tristique mi ut felis auctor euismod. Fusce mollis rutrum lacinia.
Duis feugiat posuere dui non ullamcorper. Proin molestie eleifend vestibulum.
Cras efficitur purus ac risus pellentesque lobortis. Duis fermentum tincidunt n
eque sit amet maximus. Maecenas molestie in metus efficitur suscipit. Praesent
n pulvinar magna cursus justo ultrices, at vulputate urna auctor. Nam ultrices lobortis
nulla, in porta velit vehicula in. Etiam ut lectus sagittis, pharetra nisl et, finibus augue.
</p>
</div>
</aside>
</div>
<div class="clear"></div>
<footer>
<p>Todos los derechos reservados © 2016</p>
</footer>
</div>
</body>
</html>