Bater I Teca

Construccin de la Interfaz Web para el proyecto de formacin
Renzo Anbal Adame Ovalle
Jose Dubin Guevara Sayos
Servicio Nacional de Aprendizaje SENA

Anlisis y Desarrollo de Sistemas Informticos ADSI
1309991
San Jos de Ccuta
2017
Pgina 1
ACTIVIDAD
De acuerdo con el contexto del Sistema de Informacin a desarrollar, los mdulos definidos
para el sistema y los mockups planteados para la interfaz grfica de usuario presentados en
la fase de Diseo y que fueron validados por el tutor, construir la interfaz grfica Web para
su proyecto de informacin aplicando HTML5 y CSS3.
La interfaz debe incluir los siguientes aspectos:

Determinacin de reas de trabajo.
Logo de la aplicacin.
Determinacin de tipografa y paleta de colores.

Barra de navegacin.
Mapa del sitio.
Acceso a la aplicacin.
Formularios implementados.
Se debe generar un documento donde se presenten en forma grfica todos los tems
solicitados identificando para los formularios, los requerimientos o casos de uso asociados.
Los archivos generados y requeridos para la ejecucin de la aplicacin, as como las
imgenes y dems archivos, deben comprimirse y enviarse al tutor para su correspondiente
evaluacin
Pgina 2
DESARROLLO
Para el desarrollo de esta actividad es utilizado el programa MACROMEDIA

DREAMWEAVER 8 , se adjuntan cdigos generados por cada una de las paginas,
imgenes del desarrollo del mismo y carpetas contenedoras de la pagina.
CDIGO PGINA PRINCIPAL
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Ocio - Página principal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_entertainment.css" type="text/css" />
</head>
<body bgcolor="#14285f">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="02021e">
<td colspan="4" rowspan="2" nowrap="nowrap"><img src="HEAD.jpg"

width="486" height="104" /></td>
Pgina 3
<td height="58" nowrap="nowrap" colspan="3" id="logo"

valign="bottom">BATERITECA LAS AMERICAS LTDA </td>
<td width="147"> </td>
</tr>
<tr bgcolor="02021E">
<td height="57" nowrap="nowrap" colspan="3" id="tagline"

valign="top">DUITAMA</td>
</tr>
<tr>
<td colspan="8" bgcolor="#cc3300"><img src="mm_spacer.gif" alt="" width="1"

height="2" border="0" /></td>
</tr>
<tr>
<td colspan="8"><img src="mm_spacer.gif" alt="" width="1" height="2"

border="0" /></td>
</tr>
<tr>

</tr>
Pgina 4
<tr>
<td colspan="8"> <br />
<br /> </td>
</tr>
<tr>
<td width="188" valign="top" height="370">
<table border="0" cellspacing="0" cellpadding="0" width="155"

id="navigation">
<tr>
<td width="155" height="40"><a href="LAVADERO.html">LAVADERO</a><a

href="javascript:;"></a></td>
</tr>
<tr>
<td width="155" height="40"><a

href="PARQUEADERO.html">PARQUEADERO</a><a
</tr>
<tr>

href="BATERITECA.html">BATERITECA</a><a href="javascript:;"></a></td>
</tr>
<tr>
<td width="155" height="40"><a href="ALMACEN.html">ALMACEN</a><a

</tr>
Pgina 5
<tr>
<td width="155" height="40"><a href="SOBRE NOSOTROS.html">SOBRE

NOSOTROS</a><a href="javascript:;"></a></td>
</tr>
<tr>
<td height="40"><a href="HORARIOS.html">HORARIO</a><a

</tr>
<tr>

href="CONTACTENOS.html">CONTACTO</a><a href="javascript:;"></a></td>
</tr>
</table></td>
<td width="1" bgcolor="#445DA0"><img src="mm_spacer.gif" alt="" width="1"

<td width="61"><img src="mm_spacer.gif" alt="" width="50" height="1"

border="0" /></td>
<td colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="304"

height="1" border="0" /><br />
<table border="0" cellspacing="0" cellpadding="0" width="404">
<tr>
<td height="41" class="pageName"><div align="center">BATERITECA LAS

AMERICAS LTDA </div></td>
</tr>
<tr>
<td height="350" class="bodyText"><div align="center">
Pgina 6
<p>BATERITECA LAS AMERICAS LTDA, TIENE EL GUSTO DE

PRESENTARLES A USTEDES TODOS NUESTROS SERVICIOS, LAVADERO,
PARQUEADERO, ENERGITECA, ALMACEN, HORARIO Y MUCHO MAS EN
NUESTRA PAGINA WEB, NUEVOS SERVICIOS, NUEVA TECNOLOGIA,
PROXIMAMENTE PODRA USTED SOLICITAR SU TURNO PARA LAVADO,
CONSULTAR EL ESTADO DE SU VEHICULO, PRECIO Y NUEVOS METODOS
DE LAVADO </p>
<p> </p>
<p>GRACIAS POR CONFIAR EN NOSOTROS</p>
<p> </p>
<p>BIENVENIDOS. </p>
</div>
<p><img src="Sin título.jpg" width="405" height="383" /></p>

</td>
</tr>
</table> </td>
<td width="54"><img src="mm_spacer.gif" alt="" width="50" height="1"

border="0" /></td>
<td width="305" valign="top"><img src="mm_spacer.gif" alt="" width="1"

height="10" border="0" /><br />
<tr>
<td colspan="3" id="sidebarHeader" class="sidebarHeader"

align="center">NUESTROS SERVICIOS </td>
</tr>
<tr>
Pgina 7
<td width="45"><img src="mm_spacer.gif" alt="" width="40"

<td width="110" id="sidebar" class="smallText">
<p><img src="LAVADO PEQ.jpg" width="223" height="120"

/><br />
LAVADERO.<br />
<a href="javascript:;"></a></p>
<p><img src="BATEPEQ.jpg" width="225" height="130"

/><br />
VENTA REVISION Y CAMBIO DE BATERIAS.<br />
<a href="javascript:;"></a></p>
<p><br />
<img src="ALMACEN.jpg" width="223" height="146" /></p>
<p>ALMACEN</p>
<p><br />
<img src="PARQUEADERO.jpg" width="221" height="133" /><br />
PARQUEADERO<br />
<br />
</p></td>
</tr>
</table>
<br /> </td>
Pgina 8
</tr>
<tr>
<td width="1"></td>
<td width="352"><div align="center">Cra. 17, Duitama, Boyacá,

Colombia</div></td>
</tr>
</table>
</body>
</html>
CODIGO PAGINA PARQUEADERO


<head>
Pgina 9
<title>Ocio - Texto</title>
</head>


</tr>

valign="top">DUITAMA<br /> </td>
</tr>
<tr>

</tr>
<tr>
Pgina
10

border="0" /></td>
</tr>
<tr>

</tr>
<tr>
<td colspan="5" id="dateformat"> <br />
<a href="javascript:;"></a><a href="PAGINA

PRINCIPAL.html"></a><a href="PAGINA PRINCIPAL.html">PAGINA
PRINCIPAL</a><br /> </td>
</tr>
<tr>
<td width="190" valign="top"> </td>
<td colspan="2" valign="top"><br />
<tr>
<td class="subHeader"><div align="center">PARQUEADERO</div></td>
</tr>
<tr>
<td class="bodyText"><p align="center">CONTAMOS CON UNA ZONA DE

PARQUEADERO CUBIERTA Y VIGILADA.</p>
Pgina
11
<p><img src="TARIFAS.jpg" width="610" height="446" /></p></td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td width="634"><div align="center">CARRERA 17 AVENIDA LAS AMERICAS

DUITAMA BOYACA COLOMBIA</div></td>
</tr>
</table>
<br />
</body>
</html>
CODIGO PAGINA LAVADERO



Pgina
12
<head>
</head>


</tr>

</tr>
<tr>

</tr>
Pgina
13
<tr>

border="0" /></td>
</tr>
<tr>

</tr>
<tr>

PRINCIPAL.html">PAGINA PRINCIPAL</a><br /> </td>
</tr>
<tr>
<td width="190" valign="top"><p>NUESTRAS TARIFAS:</p>
<p> </p>
<p>LAVADO:</p>
<p>CARRO $18,500</p>
<p>CAMIONETA $24.000 </p>
<p> </p>
<p>LAVADO + POLICHADO:</p>
<p>CARRO: $58,000</p>
Pgina
14
<p>CAMIONETA: $71.000</p>
<p> </p>
<p>COMBOS:</p>
<p>COMBO LAVADO:</p>
<p>CARRO: $32.000</p>
<p>CAMIONETA : $42,000</p>
<p>COMBO PROTECCION:</p>
<p>CARRO: 58,000 </p>
<p>CAMIONETA: 72,000 </p>
<p>COMBO BRILLO:</p>
<p>CARRO:$72,000</p>
<p>CAMIONETA: $90,000</p>
<p>COMBO REESTRENO:</p>
<p>CARRO:$93,000</p>
<p>CAMIONETA:$120,000</p>
<p>COMBO TAPICERIA:</p>
<p>CARRO: $110,000</p>
<p>CAMIONETA: $140,000 </p></td>
<tr>
<td class="subHeader"><div align="center">LAVADERO</div></td>
</tr>
Pgina
15
<tr>
<td class="bodyText"><p><img src="lavadero.jpg" width="891"

height="360" /></p>
</td>
</tr>
</table>
<img src="Lavado-Exterior.jpg" width="889" height="428" /></td>
<td> </td>
</tr>
<tr>

DUITAMA BOYACA COLOMBIA</div></td>
</tr>
</table>
<br />
</body>
</html>
CODIGO PAGINA BATERITECA

Pgina
16


<head>
</head>
<td width="400" colspan="2" rowspan="2" nowrap="nowrap"><img

src="HEAD.jpg" width="486" height="104" /></td>
<td width="360" height="58" nowrap="nowrap" colspan="2" id="logo"

<td width="100%"> </td>
</tr>

<td width="100%"> </td>
</tr>
<tr>
Pgina
17

</tr>
<tr>

border="0" /></td>
</tr>
<tr>

</tr>
<tr>

PRINCIPAL.html">PAGINA PRINCIPAL</a><br /> </td>
</tr>
<tr>
<td width="156" valign="top"><img src="ALMACEN.jpg" width="269"

height="181" /></td>
<tr>
Pgina
18
<td class="subHeader"><div align="center">BATERITECA</div></td>
</tr>
<tr>
<td class="bodyText"><p align="center">ESPECIALIZTAS EN BATERIAS

REVISAMOS, PROBAMOS, RECARGAMOS, CAMBIAMOS Y VENDEMOS LA
BATERIA PARA SU VEHICULO </p>
<p align="center"><img src="BATERIAS.jpg" width="669" height="537"

/></p></td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>

DUITAMA BOYACA COLOMBIA </div></td>
<td width="100%"> </td>
</tr>
</table>
<br />
</body>
</html>
Pgina
19
CODIGO PAGINA ALMACEN


<head>
<title>Ocio - Página de productos</title>
</head>

<td width="360" height="58" nowrap="nowrap" id="logo"

<td width="100%"> </td>
</tr>
<td height="57" nowrap="nowrap" id="tagline" valign="top">DUITAMA</td>
Pgina
20
<td width="100%"> </td>
</tr>
<tr>

</tr>
<tr>

border="0" /></td>
</tr>
<tr>

</tr>
<tr>
<a href="PAGINA PRINCIPAL.html">PAGINA

</tr>
<tr>

Pgina
21
<tr>
<td class="subHeader" colspan="3"><p align="center" style="margin-top:

0;">NUESTROS PRODUCTOS </p>
<p style="margin-bottom: 0;"> </p> </td>
</tr>
<tr>
<td width="320" height="250" rowspan="2" align="center"

class="subHeader"><img src="tienda gde.jpg" width="631" height="401" /></td>
<td width="30" rowspan="2"> </td>
<td width="260" class="sidebarHeader">LISTADO DE PRODUCTOS <br />
<br /> </td>
</tr>
<tr>
<td valign="top" class="bodyText"><div align="center">en esta seccion

encontraremos un listado de precios pdf listo para descargar, listado en el que
encontraran todos nuestros productos con su respectivo precio.
</div>
<p><a href="Listado de precios.pdf">lista de precios</a></p></td>
</tr>
</table> </td>
<td> </td>
</tr>
<tr>
Pgina
22

<td width="100%"> </td>
</tr>
</table>
<br />
</body>
</html>
CODIGO PAGINA SOBRE NOSOTROS


<head>
</head>
Pgina
23


</tr>

</tr>
<tr>

</tr>
<tr>

border="0" /></td>
</tr>
<tr>

</tr>
Pgina
24
<tr>
<a href="PAGINA PRINCIPAL.html">PAGINA PRINCIPAL</a> <br />

</td>
</tr>
<tr>
<tr>
<td class="subHeader"><div align="center">SOBRE NOSOTROS

</div></td>
</tr>
<tr>
<td class="bodyText"><p align="center">bateriteca las americas ltda es la

compañía colombiana líder en la industria de
estacionamientos, lavadero y bateriteca en la ciudad de Duitama Boyaca.</p>
<p align="center">Contamos con personal altamente calificado en el

manejo apropiado de vehiculos para los lavados, revision y cambios de baterias de
sus autos, seguridad para los parqueos, zona de parqueadero techada y con la
seguridad que usted necesita. </p>
<p>Tenemos la oportunidad de ofrecer un portafolio de productos y

servicios diseñados para suplir las necesidades de nuestros clientes.</p>
<h1>Misión</h1>
<p>Brindar una experiencia de tranquilidad para nuestros clientes y sus

vehiculos, crecer en la industria y expandir nuestros puntos de atencion a nivel
nacional.</p>
<h1>Política de calidad</h1>
Pgina
25
<p>Prestamos soluciones integrales en espacios de estacionamiento,

lavado, revision y cambio de baterias, fundamentado en la gestión de
procesos, excelencia del capital humano, innovación y tecnología,
asegurando confianza y tranquilidad a nuestros clientes. </p>
<h1>Sistema de Gestión de Calidad</h1>
<p>Una empresa enfocada en la prestación de un servicio de

estacionamiento diferencial. Un Sistema de Gestión de Calidad que nos
motiva constantemente a trabajar por la satisfacción de nuestros
clientes.</p>
<h1>Sostenibilidad</h1>
<p>Bateriteca Las Americas LTDA. es consciente que su éxito

depende de gestionar su parqueadero de manera sostenible.Queremos
diseñar una aplicación para dispositivos móviles que facilita a
nuestros usuarios la búsqueda de espacio disponible, contribuyendo
así en la disminución de congestión, contaminación
y manejos de tiempo para por medio de ella separar sus turnos y espacios.</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>. </p>
<p> </p></td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
Pgina
26
<td width="505">CARRERA 17 AVENIDA LAS AMERICAS DUITAMA BOYACA

COLOMBIA </td>
</tr>
</table>
<br />
</body>
</html>
CODIGO PAGINA HORARIOS


<head>
<title>Ocio - Calendario</title>
</head>

Pgina
27


valign="bottom">BATERITECALAS AMERICAS LTDA </td>
</tr>

valign="top">DUITAMAl</td>
</tr>
<tr>

</tr>
<tr>

border="0" /></td>
</tr>
<tr>
Pgina
28

</tr>
<tr>

</tr>
<tr>
<tr>
<td class="subHeader"><div align="center">NUESTRO HORARIO

</div></td>
</tr>
<tr>
<td class="bodyText"><p style="margin-top: 0;"><a

href="https://www.google.com/search?client=firefox-b-
ab&dcr=0&q=bateriteca+ltda.
+duitama+horario&sa=X&ved=0ahUKEwj2r7Cy74nWAhVCVWMKHS4G
BF8Q6BMIgAEwEQ" data-
ved="0ahUKEwj2r7Cy74nWAhVCVWMKHS4GBF8Q6BMIgAEwEQ">HORARIO
LAVADERO ALMACEN BATERITECA </a></p>
<div jsl="$t t-9RdNJJYI2N0;$x 0;">
Pgina
29
<div tabindex="0" jsaction="oh.handleHoursAction" data-

ved="0ahUKEwj2r7Cy74nWAhVCVWMKHS4GBF8QoT4IgQEwEQ"><strong></str
ong> </div>
<div jsaction="oh.handleHoursAction" tabindex="0" data-

ved="0ahUKEwj2r7Cy74nWAhVCVWMKHS4GBF8Q5nEIggEwEQ">
<table>
<tbody>
<tr>
<td width="239">domingo</td>
<td width="249">Cerrado</td>
</tr>
<tr>
<td>lunes</td>
<td>7:30–12:00, 14:00–17:00</td>
</tr>
<tr>
<td>martes</td>
<td>7:30–12:00, 14:00–17:00</td>
</tr>
<tr>
<td>miércoles</td>
<td>7:30–12:00, 14:00–17:00</td>
</tr>
<tr>
Pgina
30
<td>jueves</td>
<td>7:30–12:00, 14:00–17:00</td>
</tr>
<tr>
<td>viernes</td>
<td>7:30–12:00, 14:00–17:00</td>
</tr>
<tr>
<td>sábado</td>
<td>8:00–15:00</td>
</tr>
</tbody>
</table>
</div>
</div>
<div align="center"><br />
</div></td>
</tr>
<tr>
<td class="sidebarHeader">HORARIO PARQUEADERO <br />
<hr /> </td>
</tr>
<tr>
Pgina
31
<td class="detailText" valign="top"><p>LUNES A DOMINGO 24 HORAS </p>
<br /> </td>
</tr>
<tr>
<td class="sidebarHeader"><br /> <hr /> </td>
</tr>
<tr>
<td class="detailText" valign="top"><p> </p><br /> </td>
</tr>
<tr>
<td class="subHeader"><br /> <hr /> </td>
</tr>
<tr>
<td class="detailText" valign="top"><p> </p> </td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
Pgina
32

</tr>
</table>
<br />
</body>
</html>
CODIGO PAGINA CONTACTENOS


<head>
<title>Ocio - Página de productos</title>
</head>

Pgina
33

<td width="360" height="58" nowrap="nowrap" id="logo"

<td width="100%"> </td>
</tr>
<td height="57" nowrap="nowrap" id="tagline" valign="top">DUITAMA</td>
<td width="100%"> </td>
</tr>
<tr>

</tr>
<tr>

border="0" /></td>
</tr>
<tr>
Pgina
34

</tr>
<tr>

</tr>
<tr>
<tr>
<td class="subHeader" colspan="3"><p align="center" style="margin-top:

0;">CONTACTENOS</p>
<p style="margin-bottom: 0;"> </p> </td>
</tr>
<tr>
<td width="320" height="250" rowspan="2" align="center"

class="subHeader"><a
href="https://www.google.com/maps/dir/''/BATERITECA+DUITAMA/@5.8274803,-
73.0906414,12z/data=!4m8!4m7!1m0!1m5!1m1!
1s0x8e6a3f7508f82b4d:0x7c7561d35ac29229!2m2!1d-73.0384536!
2d5.8237276"><img src="BATERITECA MAPS.jpg" width="753" height="382"
border="0" /></a></td>
Pgina
35
<td width="30" rowspan="2"> </td>
<td width="260" class="sidebarHeader"><br />
<br /> </td>
</tr>
<tr>
<td valign="top" class="bodyText"><p>carrera 17 avenida las americas

duitama</p>
<p>telefono +57 8 7613782</p>
<p><a href="mailto:adamerenzo@hotmail.com">correo electronico</a>

</p></td>
</tr>
</table> </td>
<td> </td>
</tr>
<tr>
<td width="350"><a
href="https://www.google.com/maps/dir/''/BATERITECA+DUITAMA/@5.8274803,-
73.0906414,12z/data=!4m8!4m7!1m0!1m5!1m1!
2d5.8237276">https://www.google.com/maps/dir/''/BATERITECA+DUITAMA/@5.8
274803,-73.0906414,12z/data=!4m8!4m7!1m0!1m5!1m1!
2d5.8237276</a></td>
<td width="360">CARRERA 17 AVENIDA LAS AMERICAS DUITAMA BOYACA

COLOMBIA </td>
<td width="100%"> </td>
</tr>
Pgina
36
</table>
<br />
</body>
</html>
Pgina
37
Pgina
38
Pgina
39
Pgina
40
Pgina
41
Pgina
42
Pgina
43
Pgina
44
Pgina
45
Pgina
46

Bater I Teca

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Bater I Teca

Transféré par

Droits d'auteur :

Formats disponibles

Construccin de la Interfaz Web para el proyecto de formacin

Construccin de la Interfaz Web para el proyecto de formacin

Renzo Anbal Adame Ovalle

Jose Dubin Guevara Sayos

Servicio Nacional de Aprendizaje SENA

La interfaz debe incluir los siguientes aspectos:

Determinacin de tipografa y paleta de colores.

Para el desarrollo de esta actividad es utilizado el programa MACROMEDIA

CDIGO PGINA PRINCIPAL

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<title>Ocio - P&aacute;gina principal</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="mm_entertainment.css" type="text/css" />

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<td colspan="4" rowspan="2" nowrap="nowrap"><img src="HEAD.jpg"

<td height="58" nowrap="nowrap" colspan="3" id="logo"

<td height="57" nowrap="nowrap" colspan="3" id="tagline"

<td colspan="8" bgcolor="#cc3300"><img src="mm_spacer.gif" alt="" width="1"

<td colspan="8"><img src="mm_spacer.gif" alt="" width="1" height="2"

<td colspan="8" bgcolor="#cc3300"><img src="mm_spacer.gif" alt="" width="1"

<td colspan="8">&nbsp;<br />

&nbsp;<br /> </td>

<td width="188" valign="top" height="370">

<table border="0" cellspacing="0" cellpadding="0" width="155"

<td width="155" height="40"><a href="LAVADERO.html">LAVADERO</a><a

<td width="155" height="40"><a

<td width="155" height="40"><a

<td width="155" height="40"><a href="ALMACEN.html">ALMACEN</a><a

<td width="155" height="40"><a href="SOBRE NOSOTROS.html">SOBRE

<td height="40"><a href="HORARIOS.html">HORARIO</a><a

<td width="155" height="40"><a

<td width="1" bgcolor="#445DA0"><img src="mm_spacer.gif" alt="" width="1"

<td width="61"><img src="mm_spacer.gif" alt="" width="50" height="1"

<td colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="304"

<table border="0" cellspacing="0" cellpadding="0" width="404">

<td height="41" class="pageName"><div align="center">BATERITECA LAS

<td height="350" class="bodyText"><div align="center">

<p>BATERITECA LAS AMERICAS LTDA, TIENE EL GUSTO DE

<p>GRACIAS POR CONFIAR EN NOSOTROS</p>

<p><img src="Sin t&iacute;tulo.jpg" width="405" height="383" /></p>

<td width="54"><img src="mm_spacer.gif" alt="" width="50" height="1"

<td width="305" valign="top"><img src="mm_spacer.gif" alt="" width="1"

<table border="0" cellspacing="0" cellpadding="0" width="200">

<td colspan="3" id="sidebarHeader" class="sidebarHeader"

<td width="45"><img src="mm_spacer.gif" alt="" width="40"

<td width="110" id="sidebar" class="smallText">

<p><img src="LAVADO PEQ.jpg" width="223" height="120"

<p><img src="BATEPEQ.jpg" width="225" height="130"

VENTA REVISION Y CAMBIO DE BATERIAS.<br />

<img src="ALMACEN.jpg" width="223" height="146" /></p>

&nbsp;<img src="PARQUEADERO.jpg" width="221" height="133" /><br />

<br /> </td>

<td width="352"><div align="center">Cra. 17, Duitama, Boyac&aacute;,

CODIGO PAGINA PARQUEADERO

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="mm_entertainment.css" type="text/css" />

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<td colspan="2" rowspan="2" nowrap="nowrap"><img src="HEAD.jpg"

<title>Ocio - Página principal</title>

<td colspan="8"> <br />

<br /> </td>

<p><img src="Sin título.jpg" width="405" height="383" /></p>

<img src="PARQUEADERO.jpg" width="221" height="133" /><br />

<td width="352"><div align="center">Cra. 17, Duitama, Boyacá,

<td colspan="5" id="dateformat"> <br />

<a href="javascript:;"></a><a href="PAGINA

<td width="190" valign="top"> </td>

<td colspan="5" id="dateformat"> <br />

<a href="javascript:;"></a><a href="PAGINA

<td colspan="5" id="dateformat"> <br />

<a href="javascript:;"></a><a href="PAGINA

<title>Ocio - Página de productos</title>