You are on page 1of 8

Actividad de Aprendizaje

Desarrollo de Interfaces gráficas con HTML5

SILVIO MARINO LOPEZ QUINTANA

Servicio Nacional De Aprendizaje Sena


Sena Virtual Formación Titulada
Análisis Y Desarrollo De Sistemas De Información
2017
<html>

<title> BANCOOP </title> <br> <center>

</head>

<table width="100%">

</tr>

<h1><font color= "#0000FF"> BANCOOP <br>


<center> </h1>

<body bgcolor="#D4F0F0">

<td rowspan="2" colspan="2"


nowrap="nowrap">&nbsp;</td>

<td colspan="5" height="55" nowrap="nowrap"


id="logo" valign="bottom"><img src="Banco.png" width="880" height="265" /></td>

</tr>

<td colspan="5" aling= "center"> <alt=""


width="110" height="110" border="0" /></td>

</tr>

<tr>

<td aling="center"> <font size= "3" face= "arial


black"> <a href="javascript:;"> CREDITOS</a></td>

</tr>

<tr>

<td aling="center"> <font size= "3" face= "arial


black"> <a href="javascript:;"><font>LEASING<a></td>

</tr>

<tr>
<td aling="center"> <font size= "3" face= "arial
black"><a href="javascript:;"> <font>AHORROS<a></td>

</tr>

<tr>

<td aling="center"> <font size= "3" face= "arial


black"> <a href="javascript:;"> <font>SERVICIO AL CLIENTE <a></td>

</tr>

<tr>

<td aling="center"> <font size= "3" face= "arial


black"> <a href="javascript:;"> CONTACTO</a></td>

</tr>

</table> </td>

<td width="50" rowspan="2"></td>

<td width="469" valign="top">&nbsp;</td>

<td width="234" valign="top"><div


align="center"><br />

&nbsp;<br />

&nbsp;<br />

</div>

<table width="855" height="201" border="0"


cellpadding="0" cellspacing="0">

<tr>

<td class="pageName"><div
align="center">CREDITO PARA VEHICULOS</div></td>

<td width="417" class="pageName"><div


align="center">TARJETAS DE CREDITO </div></td>

</tr>

<tr>
<td width="438" class="pageName"><div
align="center"><img src="vehiculo.jpg" width="250" height="250" /></div></td>

<td width="417" class="pageName"><div


align="center"><img src="tarjeta.jpg" width="250" height="250" /></div></td>

</tr>

<tr>

<td class="pageName"><div align="center-left">

<p> Solicita tu Credito o Leasing para adquirir tu


vehiculo nuevo o usado, particulares o publicos directamentes desde un concesionario. <a
href="http://www.chevrolet.com/">leer mas <a>

&nbsp;<br />

&nbsp;<br />

</div>

<td class="bodyText"><div align="center"> Conoce


nuestras Tarjetas de Credito. <a
href="https://www1.masterconsultas.com.ar/socios/context/init_input.action">leer mas</a>

</tr>

<tr>

<td class="pageName"><div
align="center">CREDITO PARA VIVIENDA</div></td>

<td width="417" class="pageName"><div


align="center">AHORRO INFANTIL</div></td>

</tr>

<tr>

<td class="bodyText"><div align="center"><img


src="vivienda.jpg" width="250" height="250" /></div></td>

<td class="pageName"><div align="center"><img


src="ahorro.jpg" width="250" height="250" /></div></td>

</tr>

<tr>
<td class="bodyText"><div align="center-left">

<p> Adquiera ya su credito de vivienda con


subsidio del gobierno y a una baja tasa de interes. <a href="http://www.minvivienda.gov.co/mi-
casa-ya">leer mas.</a></td>

<td class="bodyText"> <div align="center-left"> Ya


puedes empezar a ahorrar para la educacion de tus hijos, con un seguro estudiantil y una cantidad
de becas escolares que no encontraras en otro lado solo en Bancop. <a
href="https://www.davivienda.com/wps/portal/personas/nuevo/personas/aqui_puedo/
respaldar_a_mi_familia/cuenta_ninos/!ut/p/
b1/04_Sj9Q1NLK0tAABY_0I_ai8xLLM9MSSzPy8xBwQP8os3tgi0MTPy8nIN9jN0tjA0dcg2NnR0t_Q3d
EEqCASqMAAB3A0IKTfSz8qMylXrzw5V89Az9jMzNDA3MDAzNzIwszEzFQ_XD8KbAAe8_088nNT9XO
jciyydR0VAcJWCRA!/dl4/d5/L2dBISEvZ0FBIS9nQSEh/">leer mas</a>

</td>

<table>

</tr>

<tr>

<table border="0" cellspacing="3" cellpadding="3"


width="211" bgcolor=""#0000FF">

<tr>

<td class="bodyText"><form action=""


method="post" name="form1" class="smallText" id="form1">

<td class="bodyText"></td></h1> <font


color="#000000"> <strong>

<p>&nbsp;</p>

<p>INGRESA A TU CUENTA</p>

<p>&nbsp;</p>

</div></td>

<h4><strong><span class="logo">TIPO DE CUENTA

<label>

<input type="text" name="textfield2"


id="textfield2" />
</label>

</strong></h4>

<h4><strong><span class="logo">CUENTA

<label>

<input type="text" name="textfield3"


id="textfield3" />

</label>

</strong></h4>

<h4><strong><span class="logo"> CLAVE

<label>

<input type="text" name="textfield3"


id="textfield3" />

</label>

</strong></h4>

<input type="submit" name="button" id="button"


value="INGRESAR" />

</tr>

<td colspan="5" aling= "center"> <alt=""


width="110" height="110" border="3" /></td>

</tr>

<tr>

<td aling="center"> <font size= "3" face= "arial


black"> <a href="javascript:;"> TRANSACCIONES</a></td>

</tr>

<tr>

<td aling="center"> <font size= "3" face= "arial


black"> <a href="javascript:;"><font>BANCA PERSONAL<a></td>

</tr>

<tr>
<td aling="center"> <font size= "3" face= "arial
black"><a href="javascript:;"> <font>BANCA EMPRESARIAL<a></td>

</tr>

<tr>

<td aling="center"> <font size= "3" face= "arial


black"> <a href="javascript:;"> <font>BANCO SEGUROS <a></td>

</tr>

<tr>

<td aling="center"> <font size= "3" face= "arial


black"> <a href="javascript:;">PAGO DE FACTURAS </a></td>

</tr>

<p><br />

<br /></p>

<br /> </td>

<td width="61">&nbsp;</td>

</tr>

</table> </td>

<td width="4" rowspan="2">&nbsp;</td>

</tr>

<tr>

<td width="160">&nbsp;</td>

<td width="50">&nbsp;</td>

<td width="938" colspan="4"><div


align="center">DERECHOS RESERVADOS BANCOP ENTIDAD FINANCIERA COLOMBIA</div></td>

</tr>

</table>

</body>

</html>

You might also like