viernes, 18 de enero de 2013

HOJA DE VIDA CON CSS



CURRICULUM

<html>
<head>

<title> Mi hoja de vida Mafer</title>

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


</head>

<body bgcolor="pink">

<p><font> Mi Hoja de Vida</font></p>


<br>
<table>
  <tr>
    <td width="202" rowspan = 9><img src="0803510338_18012013_1025.jpeg" height="300" width="200"></td>
    <th width="150" bgcolor="#000000"> Cedula <td width="12">:</td>
    <td width="176">0803510338</td>
  </tr>
  <tr> <th bgcolor="#000000"> Nombre<td>:</td><td>Mafer Tinoco</td>
  </tr>
  <tr>
    <th bgcolor="#000000">Direccion<td>:</td><td>Aire Libre</td>
  </tr>
  <tr>
    <th height="44" bgcolor="#000000">Nacionalidad<td>:</td><td>Ecuatoriana</td>
  </tr>
  <tr><th>Fecha de Nacimiento <td>:</td><td>05 abril 1990 </td>
  </tr>

  <tr><th>Edad<td>:</td><td>22 años </td>
  </tr>
  <tr><th>Estado Civil<td>:</td><td>Soltera</td>
  </tr>
  <tr><th>Telefono<td>:</td><td>062450-559 / 0980209971 </td>
  </tr>
  <tr>
    <th height="42">Direccion de Blog<td>:</td><td width="176"><a href ="http://fersoffy.blogspot.com">Mi Blog</a></td>
  </tr>
</table>

<b>&nbsp;</b>
<table 1 width="239" border="1" bordercolor="#9933FF" bgcolor="#CC99FF">
  <tr>
    <td bordercolor="#9900FF"><div align="center"><strong>ESTUDIOS REALIZADOS </strong></div></td>
  </tr>
</table>
<b>&nbsp;</b>
<table 2>
  <tr>
    <th width="152" bgcolor="#000000"><strong>PRIMARIA</strong><td width="14">:</td>
    <td width="240">Escuela Fiscal Rio  Esmeraldas</td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>SECUNDARIA</strong><td>:</td>
<td>Colegio Margarita Cortes</td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>SUPERIOR</strong><td>:</td>
    <td><p><a href="_18012013_1034.html"> 8vo ciclo de Ingeniera en Sistemas Universidad Tcnica Luis Vargas Torres </a></p></td>
  </tr>
</table>

<b>&nbsp;</b>
<table 3 width="225" border="1" bordercolor="#9900FF" bgcolor="#CC99FF">
  <tr>
    <td width="215" bordercolor="#9933FF"><div align="center"><strong>TITULOS OBTENIDOS </strong></div></td>
  </tr>
</table>

<b>&nbsp;</b>

<table 4>
  <tr>
    <th width="152" bgcolor="#000000"><strong>BACHILLER</strong>
    <td width="14">:</td>
    <td width="240">Comercio y Administracion</td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>ESPECIALIDAD</strong><td>:</td>
<td><a href="_18012013_1034.html">Aplicaciones  Informticas</a></td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>SUPERIOR</strong><td>:</td>
<td><a href="_18012013_1034.html">Ingenieria en Sistemas</a></td>
  </tr>
</table>
<B>&nbsp;</B>
<table 5 width="295" border="1" bordercolor="#9933FF" bgcolor="#CC99FF">
  <tr>
    <td width="285" bordercolor="#9900FF"><div align="center"><strong>REFERENCIAS LABORALES </strong></div></td>
  </tr>
</table>
<B>&nbsp;</B>
<table 6>
  <tr>
    <th width="156" bgcolor="#000000"><strong>EMPRESA</strong>
    <td width="18">:</td>
    <td width="511">Porta Linecell (Corporacin Internacional de Desarrollo Tecnolgico CITD S.A.)</td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>TEL&Eacute;FONO</strong>
    <td>:</td><td>062 721 - 053</a></td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>CARGO</strong>
    <td>:</td>
    <td>Secretaria digitadora</td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>TIEMPO</strong><td>:</td><td>2 </td>
  </tr>
</table>
<b>&nbsp;</b>
<table 7>
  <tr>
    <th width="156" bgcolor="#000000"><strong>EMPRESA</strong>
    <td width="18">:</td>
    <td width="511">SNEM</td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>TELFONO</strong>
    <td>:</td>
    <td>062 453 - 151 / 062454-954 </td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>CARGO</strong>
    <td>:</td>
    <td>Secretaria General</td>
  </tr>
  <tr>
    <th bgcolor="#000000"><strong>TIEMPO</strong>
    <td>:</td>
    <td>4 a&ntilde;os </td>
  </tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>


ESTILO

font {
color:#9900FF;
font-family:"Showcard Gothic";
font-size:24pt;

}

p{
text-align:center;
}

Mafer{
color:turquoise;
font-family:Garamond;
font-size:15pt;
}

table,td{
border:1px solid IVORY;
border-collapse:separate;
background-color:pink;
clear: left;
font-stretch: extra-condensed;
font-size-adjust: Left;
text-align: left;
}

table,th{
border:1px solid IVORY;
border-collapse:collapse;
background-color:skyblue;
background-position: Left;
left: auto;
text-align: left;
}


DOCUMENTOS IMPORTANTES

<html>
<head>

<title>DOCUMENTOS IMPORTANTES</title>
<style type="text/css">
<!--
.style1 {font-family: Garamond}
-->
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <div align="center" class="style1">
    <h1><strong>DOCUMENTOS FISICOS  </strong></h1>
    <p align="justify"><strong> <a name="#BACHILLER">TITULO DE BACHILLER</a></strong></p>

    <table width="200" border="1" align="center">
      <tr>
        <td><img src="_18012013_1030.jpeg" width="834" height="623" /></td>
<A HREF="#BACHILLER">TITULO DE BACHILLER</A>      </tr>
    </table>
<p>&nbsp;</p>
<P align="left"><a name="MAT"><strong>COMPROVANTE UTEL.LVT</a></strong></P>
    <p align="justify">&nbsp;</p>

<table width="200" height="562" border="1">
  <tr>
    <td height="414"><img src="_18012013_1031.png" width="592" height="650" /></td>
<A HREF="#MAT">COMPROBANTE DE MATRICULA</A>
  </tr>
</table>

    <p align="justify"><a name="ING"><strong>TITULO DE INGENIERO</strong></a></p>
    <table width="200" border="1">
      <tr>
        <td><img src="_18012013_1027.png" width="870" height="516" /></td>
<A HREF="#ING">TITULO DE INGENIERIA EN SISTEMAS</A>
      </tr>
    </table>
    <p align="justify">&nbsp;</p>
    <p align="justify">&nbsp; </p>
  </div>
</form>
</body>
</html>