<!doctype html>
<html>
<head>
<meta charset="iso-8859-1">
<meta name="viewport" content="initial-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="refresh" content="0; url=http://www.federicomolfino.com.ar/" />
<title>Federico Molfino - video + animation + web</title>

<style>
html{
    /* This image will be displayed fullscreen */
    background:url('bg.jpg') no-repeat center center;

    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;

    /* The Magic */
    background-size:cover;
}

body{
    /* Workaround for some mobile browsers */
    min-height:100%;
	font-family: Tahoma, Geneva, sans-serif;
}
h1, h2, p, a {

	display: table;
	font-weight: normal;
	margin: 0;
	padding: 10px;
	position: relative;
}
h1 {
  color: black;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 3em;
  font-style: italic;
	background-color: #FFCC00;

}
h2{
	background-color: #FFF;
	}

p{
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
}
a{
	font-weight:normal;
	background:black;
	color: white;
}
a:hover{
	background:red;
	color:#ffcc00;
}
.redes{
	background-color: #FC0;
	}
.yo{
	width:80%;
	font-size:0.8em;
	display:block;
	float:left;
}


ul{
	margin: 0;
padding: 0;
display: block;
float: left;
display: table;
width: 100%;
}
li{
	display: block;
}
.gris{
	background-color: #F30;
	color:white;
}
.blue{
	background-color: #69F;
	margin: 0 1px;
}
.parrafo{
	background: #333;
color: #EBEBEB;
font-style:italic;
	}
pre{
	display:block;
	float:left;
	width:50p%;
	background:#F00;
	text-align:right;
	padding:5px;
	color:#FFF;
}
pre a{
	padding:0;
}
</style>
</head>

<body>
<h1>Federico Molfino</h1>
  <h2>Video + Animation + Web</h2>
<p class="redes">Linkedin:</p>
  <a href="http://www.linkedin.com/in/federicomolfino" target="_blank">/in/federicomolfino</a>
<p class="redes">Vimeo:</p>
  <a href="http://vimeo.com/thisismyhead" target="_blank">/thisismyhead</a>
<p class="redes">Twitter:</p>
  <a href="https://twitter.com/FedericoMolfino" target="_blank">@FedericoMolfino</a>
  <div class="yo">
    <p class="parrafo">Soy un fan&aacute;tico del cine pochoclero, del 3D y la animaci&oacute;n.</p>
    <p class="parrafo">Me gusta investigar sobre nuevas posibilidades y tecnolog&iacute;as relacionadas al mundo de la animaci&oacute;n.</p>
    <p class="parrafo">Mi vida es una visi&oacute;n.</p>
      <p class="parrafo">Trabajo con el paquete de Adobe Suite para los proyectos web y adem&aacute;s utilizo Cinema 4D en conjunto con mis conocimientos en fotograf&iacute;a y animaci&oacute;n para poder realizar proyectos de video.</p>
    <p class="parrafo">Realizo trabajos como desarrollador web en los lenguajes html5 y css3 para plataforma crossbrowser.</p>
    <p class="parrafo">No s&eacute; de computadoras.</p>

    <ul>
      <p class="gris">Mis habilidades son:
      </p>
      <li>
        <p class="blue">After Effects</p>
      </li>
      <li>
        <p class="blue">Cinema 4D</p>
      </li>
      <li>
        <p class="blue">Premiere Pro</p>
      </li>
      <li>
        <p class="blue">CSS</p>
      </li>
      <li>
        <p class="blue">HTML</p>
      </li>
      <li>
        <p class="blue">Photoshop</p>
      </li>
      <li>
        <p class="blue">Illustrator</p>
      </li>
      <li>
        <p class="blue">Fireworks </p>
      </li>
    </ul>
    <p class="parrafo">Adem&aacute;s me gusta la fotograf&iacute;a, la lectura y el teatro como alimento creativo, disfruto mucho los procesos creativos en conjunto con otras personas. </p>
</div>
<div class="yo"><pre class="contacto">Charlemos!<br><a href="mailto:federico.molfino@gmail.com">federico.molfino@gmail.com</a></pre></div>
</body>
</html>
