-
Notifications
You must be signed in to change notification settings - Fork 0
/
promo.html
117 lines (117 loc) · 5.27 KB
/
promo.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="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="Imagen"/>
</a>
</header>
<h1 class="centradoTexto"><em>PROMOCIONES</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="noticia.html">Noticias</a></li>
<li><a href="about.html">Acerca de Nosotros</a></li>
<li><a href="contacto.html">Contáctanos</a></li>
</ul>
</nav>
<section class="col">
<header>
<h2>Principales Ofertas</h2>
<a href="#a1"><h4>Raton</h4></a>
<a href="#a2"><h4>RAM</h4></a>
<a href="#a3"><h4>Almacenamiento</h4></a>
</header>
<article id="a1">
<h3>Raton Inalámbrico</h3>
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Voluptate molestias aspernatur hic est delectus quo nostrum
consectetur nihil aperiam at nemo exercitationem pariatur,
rem recusandae autem.
</blockquote>
<img id="i10" src="images/p10.png" alt="Imagen">
</article>
<article id="a2">
<h3>Memorias RAM</h3>
<blockquote>
Voluptatibus culpa earum eius voluptas?
Nulla voluptatem pariatur magni distinctio, fugit delectus
porro, earum facilis nemo, nobis esse fuga blanditiis
temporibus minus asperiores commodi.
</blockquote>
<img id="i11" src="images/p11.png" alt="Imagen">
</article>
<article id="a3">
<h3>Unidades de Almacenamiento</h3>
<blockquote>
Thot amet, consectetur adipisicing elit.
Voluptate molestias aspernatur hic est delectus quo nostrum
consectetur nihil fuga blanditiis
temporibus minus asperiores commodi.
</blockquote>
<img id="i12" src="images/p12.png" alt="Imagen">
</article>
</section>
<section class="col">
<h2>Ofertas del Día</h2>
<header>
<a href="#b1"><h4>Tarjeta de Video</h4></a>
<a href="#b2"><h4>Ventilador</h4></a>
<a href="#b3"><h4>Router</h4></a>
</header>
<article id="b1">
<h3>Tarjeta de Video ASUS NVIDIA</h3>
<blockquote>
Amet consectetur adipisicing elit. Beatae, totam.
Aperiam quis rerum expedita fuga rem laboriosam?
Officia placeat modi facilis soluta ea consectetur
nemo tempora, quas optio quasi voluptas fugiat
recusandae at repellendus maxime error exercitationem
nulla sunt voluptatibus commodi temporibus quo deserunt.
Adipisci saepe dolorum earum consectetur fugit.
</blockquote>
<img id="i13" src="images/p13.png" alt="Imagen">
</article>
<article id="b2">
<h3>Ventilador HP Pavilion</h3>
<blockquote>
Facilis soluta ea consectetur nemo tempora, quas
optio quasi voluptas fugiatrecusandae at repellendus.
Amet consectetur adipisicing elit. Beatae, totam.
Aperiam quis rerum expedita fuga rem laboriosam? Officia
placeat modi.
</blockquote>
<img id="i14" src="images/p14.png" alt="Imagen">
</article>
<article id="b3">
<h3>Liksys WRT32X Router</h3>
<blockquote>
Consectetur adipisicing elit. Beatae, totam.
Aperiam quis rerum expedita fuga rem laboriosam? Officia
placeat modi.Facilis soluta ea consectetur nemo tempora, quas
optio quasi voluptas fugiatrecusandae at repellendus.
Amet Lorem ipsum dolor sit.
</blockquote>
<img id="i15" src="images/p15.png" alt="Imagen">
</article>
</section>
<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>