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>

miércoles, 10 de octubre de 2012

CURRICULUM


LINK PARA VER HOJA DE VIDA  http://190.152.10.222/download/_10102012_2228.html

<html>  &lt;!-- Al principio y al final de todo documento. </html>
  <!-- Cabecera del documento. Dentro del head se ponen las etiquetas. -->
<title>Hoja de Vida</title> <!-- indica el título de la página para el navegador -->
<style type="text/css">
<!--
.style1 {
 font-family: "Century Gothic", "Malgun Gothic";
 font-weight: bold;
}
body {
 background-color: #CC99FF;
}
ESTILO DE LETRA
-->
</style>
   <!-- Cierra cabecera head -->

 <!-- BODY Lleva incluida información sobre las propiedades dentro de la página. El cierre se lo ubica antes de la etiqueta del cierre </html>. Ejm: "</body> </html>". -->


<br />
<form action="" id="form1" method="post" name="form1">
<table align="center" border="1" bordercolor="#CC00FF" style="height: 46px; width: 44%px;">
    <tbody>
<tr>



      <td bordercolor="#9900FF" height="42" width="100%"><div align="center">
<h1>
HOJA DE VIDA </h1>
</div>
</td>
    </tr>
</tbody></table>
<h1 align="center" class="style1">
&nbsp;</h1>
<table align="right" border="1" bordercolor="#9933FF" style="height: 135px; width: 125px;">
    <tbody>
<tr>
      <td bordercolor="#9900FF" width="96"><img height="176" src="foto.png" width="135" /></td>
    </tr>
</tbody></table>
<table bgcolor="#CC99FF" border="1" bordercolor="#9933FF" style="width: 200px;">
    <tbody>
<tr>
      <td bordercolor="#9900FF"><div align="center">
<strong>DATOS PERONALES</strong></div>
</td>
    </tr>
</tbody></table>
<br />
<table bgcolor="#CC99FF" border="1" bordercolor="#CC99FF" style="height: 118px; width: 541px;">
    <tbody>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="263"><strong>Nº CEDULA DE IDENTIDAD</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="18">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="238">080351033-8</td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>APELLIDOS</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">Maria Fernanda </td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>NOMBRES</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">Tinoco Ruiz </td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>NACIONALIDAD</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">Ecuatoriana</td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>FECHA DE NACIMIENTO</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">05 Abril 1990 </td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>EDAD</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">22 años </td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>ESTADO CIVIL </strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">Soltera</td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>DIRECCIÓN DOMICILIARIA</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">Aire Libre alto </td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>TELEFONO</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">2450-559 / 080209971 </td>
    </tr>
</tbody></table>
<br />
<table bgcolor="#CC99FF" border="1" bordercolor="#9933FF" style="width: 239px;">
    <tbody>
<tr>
      <td bordercolor="#9900FF"><div align="center">
<strong>ESTUDIOS REALIZADOS </strong></div>
</td>
    </tr>
</tbody></table>
<br />
<table bgcolor="#CC99FF" border="1" bordercolor="#CC99FF" style="height: 121px; width: 783px;">
    <tbody>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="234"><strong>PRIMARIA</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="533"><ul>
<li>Escuela Fiscal “Rio  Esmeraldas”</li>
</ul>
</td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>SECUNDARIA</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><ul>
<li><a href="http://www.blogger.com/Documentos.html">Colegio “Margarita Cortes”</a></li>
</ul>
</td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>SUPERIOR&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><ul>
<li>
  8voo ciclo de Ingeniería en Sistemas Universidad Técnica Luis Vargas Torres <br />

  <a href="http://www.blogger.com/Documentos.html%20#Comprobante">COMPROBANTE DE MATRICULA</a>
</li>
</ul>
</td>
    </tr>
</tbody></table>
<br />
<table bgcolor="#CC99FF" border="1" bordercolor="#9900FF" style="width: 225px;">
    <tbody>
<tr>
      <td bordercolor="#9933FF" width="215"><div align="center">
<strong>TITULOS OBTENIDOS </strong></div>
</td>
    </tr>
</tbody></table>
<br />
<table bgcolor="#CC99FF" border="1" bordercolor="#CC99FF" style="width: 623px;">
    <tbody>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="272"><strong>BACHILLER</strong></td>

      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="8">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="325">Comercio y Administración </td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>ESPECIALIDAD&nbsp; </strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><a href="http://www.blogger.com/DOCUMENTOS.html%20#Bachiller">Aplicaciones  Informáticas</a><strong></strong></td>  
</tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="272"><strong>SUPERIOR</strong></td>

      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="8">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><a href="http://www.blogger.com/Documentos.html%20#ING">Ingenieria en Sistemas Informaticos</a><strong></strong></td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"></td>
    </tr>
</tbody></table>
<br />
<table bgcolor="#CC99FF" border="1" bordercolor="#9933FF" style="width: 295px;">
    <tbody>
<tr>
      <td bordercolor="#9900FF" width="285"><div align="center">
<strong>REFERENCIAS LABORALES </strong></div>
</td>
    </tr>
</tbody></table>
<br />
<table bgcolor="#CC99FF" border="1" bordercolor="#CC99FF" style="width: 839px;">
    <tbody>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="278"><strong>EMPRESA</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="8">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="531">Porta Linecell (corporación  Internacional de desarrollo tecnológico CITD S.A.)</td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>TELÉFONO</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">062 721 - 053</td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>CARGO</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">Secretaria digitadora</td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>TIEMPO</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">2 años </td>
    </tr>
</tbody></table>
<br />
<table bgcolor="#CC99FF" border="1" bordercolor="#CC99FF" style="width: 839px;">
    <tbody>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="278"><strong>EMPRESA</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="8">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF" width="531">SNEM</td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>TELÉFONO</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">062 453 - 151 / 062454-954 </td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>CARGO</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">Secretaria General </td>
    </tr>
<tr>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF"><strong>TIEMPO</strong></td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">:</td>
      <td bgcolor="#CC99FF" bordercolor="#CC99FF">3 años </td>
    </tr>
</tbody></table>
<br />
<br />
<br />
<br />
<br />
<div align="left">
<br /></div>
</form>
--&gt;

DOCUMENTOS IMPORTANTES

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-family: Garamond}
</style></head></html> determina el tipo de la fuente.




<form action="" id="form1" method="post" name="form1">
<div align="center" class="style1">
<h1>
<strong>DOCUMENTOS FISICOS  </strong></h1>
<a href="http://www.blogger.com/hoja_vida.html">PAGINA INICIAL</a>

    <br />
<div align="justify">
<strong> <a href="" name="BACHILLER">TITULO DE BACHILLER</a></strong></div>
<!--<a name=”marcador”> define un marcador (ancla) en un punto concreto de una página, para poder enlazarlo posteriormente-->

    <br />
<table align="center" border="1" style="width: 200px;">
      <tbody>
<tr>
        <td><img height="623" src="TITULO BACHILLER.jpg" width="834" /></td>
        </tr>
</tbody></table>
<br />
<div align="left">
<a href="" name="COMPROBANTE"><strong>COMPROBANTE UTEL.LVT</strong></a></div>
</div>
</form>
--&gt;
    <br />
<div align="justify">
<br /></div>
<table border="1" style="height: 562px; width: 200px;">
  <tbody>
<tr>
    <td height="414"><img height="650" src="MATRICULA.png" width="592" /></td>

  </tr>
</tbody></table>
<div align="justify">
<a href="" name="ING"><strong>TITULO DE INGENIERO</strong></a></div>
<table border="1" style="width: 200px;">
      <tbody>
<tr>
        <td><img height="516" src="TITULO ING.png" width="870" /></td>

      </tr>
</tbody></table>
<div align="justify">
<br /></div>
<div align="justify">
&nbsp; </div>