-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnoticia.html
143 lines (138 loc) · 7.37 KB
/
noticia.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
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Computadores</title>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="estilos/tresColumnas.css">
<link rel="stylesheet" type="text/css" href="estilos/reglas.css">
</head>
<body>
<header class="head">
<a href="index.html">
<img src="images/p1.png" alt=""/>
</a>
</header>
<h1 class="centradoTexto"><em>NOTICIAS</em></h1>
<nav class="menu">
<h3 class="centradoTexto">Menú</h3>
<ul>
<li><a href="index.html">Pagina Principal</a></li>
<li><a href="ubicacion.html">Ubicaciones</a></li>
<li><a href="producto.html">Productos</a></li>
<li><a href="about.html">Acerca de Nosotros</a></li>
<li><a href="promo.html">Promociones</a></li>
<li><a href="contacto.html">Contáctanos</a></li>
</ul>
</nav>
<div class="central">
<section>
<h5>Ultimas</h5>
<article>
<h2>Noticias</h2>
<h3>Presidente de microsoft</h3>
<blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Vitae facilis ducimus cumque dolores optio
minima porro sit, iste obcaecati consequatur alias
voluptatibus neque sint eum nobis impedit, sequi
consequuntur accusantium? Lorem ipsum dolor sit amet
consectetur adipisicing elit. Soluta laudantium
accusamus consectetur ab quis necessitatibus? Culpa
ullam temporibus eaque illo. Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Adipisci molestiae
culpa sapiente ipsum? Eum facere temporibus praesentium
numquam consectetur sed.
</p>
</blockquote>
<blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Vitae facilis ducimus cumque dolores optio
minima porro sit, iste obcaecati consequatur alias
voluptatibus neque sint eum nobis impedit, sequi
consequuntur accusantium? Lorem ipsum dolor sit amet
consectetur adipisicing elit. Soluta laudantium
accusamus consectetur ab quis necessitatibus? Culpa
ullam temporibus eaque illo. Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Adipisci molestiae
culpa sapiente ipsum? Eum facere temporibus praesentium
numquam consectetur sed.
</p>
</blockquote>
<img class="centrado" src="images/p8.png" alt="Imagen"/>
</article>
<article>
<h3>Se completa el desarrollo de la plataforma.</h3>
<blockquote>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Vitae autem cupiditate obcaecati porro mollitia rerum modi,
ea esse quam asperiores, odio hic quae, repellat quia
saepe laboriosam quas recusandae beatae accusantium. Non
incidunt placeat voluptatum voluptas nobis quo provident
perferendis ducimus libero, architecto at. Necessitatibus
earum dolores quibusdam et distinctio.
</p>
</blockquote>
<blockquote>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Dolor vel tempore soluta excepturi. Libero exercitationem
doloribus pariatur. Ipsum accusantium quidem voluptatem ad
laudantium quibusdam, asperiores dicta aperiam quod totam d
electus perspiciatis necessitatibus illo dolor numquam
praesentium neque nesciunt consequuntur natus.
</blockquote>
<img class="centrado" src="images/p9.png" alt="Imagen">
</article>
</section>
</div>
<div class="lateral">
<section>
<h2>Lo último</h2>
<aside>
<h4>Compra de nuevos equipos.</h4>
<p>
Lorem ipsum, dolor sit amet conse ctetur adipisicing elit.
Enim nostrum consequatur perferendis? Veritatis ducimus
consequuntur ea animi voluptate numquam eligendi
perspiciatis, repudiandae quos corrupti ipsam explicabo
nobis dolore officiis illo possimus impedit atque eaque
et quisquam nihil non tempora repellendus. Nobis sit itaque
aspernatur dolore non iste porro fuga hic.
</p>
</aside>
<aside>
<h3>Cambio de Directiva</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo
culpa deleniti consectetur pariatur nostrum cum distinctio itaque
magni ab voluptatem delectus voluptas corrupti iste rem temporibus.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis
inventore rerum.
</p>
<dl>
<dt><strong>‣ Presidente:</strong></dt>
<dd><p>Lorem Ipsum Dolor.<br/></p></dd>
<dt><strong>‣ Vicepresidente:</strong></dt>
<dd><p>Abdul Voluptatem.<br/></p></dd>
<dt><strong>‣ Secretario:</strong></dt>
<dd><p>Delectus Voluptas.<br/></p></dd>
<dt><strong>‣ Vocal Principal:</strong></dt>
<dd><p>Sit Amet.<br/></p></dd>
<dt><strong>‣ Vocal Suplente:</strong></dt>
<dd><p>Inventore Rerum.<br/></p></dd>
</dl>
</aside>
</section>
</div>
<footer class="pie">
<h4>
Programador: <q>Alejandro Enríquez</q> • Organización: Compuventas •
Correo: <a href="mailto:[email protected]">[email protected]</a>
<sub>Telefono:</sub><a href="tel:0994454393">0994454393</a>
</h4>
<h5> <sub>©</sub> <em> Todos los derechos reservados</em></h5>
</footer>
</body>
</html>