|
|
|
@ -0,0 +1,214 @@ |
|
|
|
<?xml version="1.0" encoding="UTF-8"?> |
|
|
|
<html> |
|
|
|
<head> |
|
|
|
<title>Propósito para el nuevo año 2009</title> |
|
|
|
<style> |
|
|
|
body { |
|
|
|
background-color: grey; |
|
|
|
} |
|
|
|
.imgright { |
|
|
|
float: right; |
|
|
|
padding-left: 5px; |
|
|
|
} |
|
|
|
.imgleft { |
|
|
|
float: left; |
|
|
|
padding-right: 5px; |
|
|
|
} |
|
|
|
p { |
|
|
|
padding-top: 10px; |
|
|
|
} |
|
|
|
#box { |
|
|
|
width: 594px; |
|
|
|
height: 845px; |
|
|
|
background-color: white; |
|
|
|
background-image: url('bk.png'); |
|
|
|
background-position: -47px 0px; |
|
|
|
background-repeat: no-repeat; |
|
|
|
font-size: 85%; |
|
|
|
} |
|
|
|
h1 { |
|
|
|
font-size: 180%; |
|
|
|
margin-bottom:0px; |
|
|
|
} |
|
|
|
h2 { |
|
|
|
margin-top:0px; |
|
|
|
font-size: 110%; |
|
|
|
padding-right: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
#g1 { |
|
|
|
position: relative; |
|
|
|
top: 10px; |
|
|
|
left: 20px; |
|
|
|
} |
|
|
|
#g1 img { |
|
|
|
padding-top:25px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#g2 { |
|
|
|
clear:both; |
|
|
|
position: relative; |
|
|
|
top: -20px; |
|
|
|
left: 140px; |
|
|
|
width: 350px; |
|
|
|
|
|
|
|
} |
|
|
|
#g3 { |
|
|
|
clear:both; |
|
|
|
position: relative; |
|
|
|
top: -35px; |
|
|
|
left: 80px; |
|
|
|
width:350px; |
|
|
|
} |
|
|
|
#g3 p { |
|
|
|
padding-top: 20px; |
|
|
|
} |
|
|
|
#g4 { |
|
|
|
clear:both; |
|
|
|
position: relative; |
|
|
|
top: -50px; |
|
|
|
left: 210px; |
|
|
|
width: 375px; |
|
|
|
|
|
|
|
} |
|
|
|
#g5 { |
|
|
|
clear:both; |
|
|
|
position: relative; |
|
|
|
top: -60px; |
|
|
|
left: 135px; |
|
|
|
width: 375px; |
|
|
|
} |
|
|
|
#g5 p { |
|
|
|
padding-top: 30px; |
|
|
|
} |
|
|
|
#g6 { |
|
|
|
clear:both; |
|
|
|
position: relative; |
|
|
|
top: -110px; |
|
|
|
left: 190px; |
|
|
|
width: 375px; |
|
|
|
} |
|
|
|
#g6 p { |
|
|
|
padding-top: 50px; |
|
|
|
} |
|
|
|
#g7 { |
|
|
|
clear:both; |
|
|
|
position: relative; |
|
|
|
top: -190px; |
|
|
|
left: 20px; |
|
|
|
} |
|
|
|
#g7 p { |
|
|
|
padding-top: 150px; |
|
|
|
background-image: url('7b.png'); |
|
|
|
background-position: 80px 55px; |
|
|
|
background-repeat: no-repeat; |
|
|
|
height: 100px; |
|
|
|
font-size: 130% |
|
|
|
} |
|
|
|
#g7 img { |
|
|
|
padding-right: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
#footer { |
|
|
|
background-image: url('footer.png'); |
|
|
|
position:relative; |
|
|
|
top: -215px; |
|
|
|
padding-left: 20px; |
|
|
|
} |
|
|
|
#join { |
|
|
|
position: relative; |
|
|
|
padding-top: 30px; |
|
|
|
padding-bottom: 0px; |
|
|
|
|
|
|
|
} |
|
|
|
#logos { |
|
|
|
position: absolute; |
|
|
|
left: 380px; |
|
|
|
top: 15px; |
|
|
|
} |
|
|
|
#fsfelogo { |
|
|
|
position:relative; |
|
|
|
left: -14px; |
|
|
|
} |
|
|
|
#fsurl { |
|
|
|
padding-top:10px; |
|
|
|
padding-bottom: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<div id="box"> |
|
|
|
<div id="g1"> |
|
|
|
<img class="imgleft" src="1g.png" alt="2009 New Year's Resolution" /> |
|
|
|
<h1>2009, un nuevo año</h1> |
|
|
|
<h2>¿Qué puedo hacer para mejorar las cosas para mi y para los demás?</h2> |
|
|
|
</div> |
|
|
|
<div id="g2"> |
|
|
|
<img class="imgright" src="2g.png" alt="work for freedom" /> |
|
|
|
<p> |
|
|
|
Quizá puedo unirme a quienes |
|
|
|
trabajan por la libertad en la era digital |
|
|
|
</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div id="g3"> |
|
|
|
<img class="imgleft" src="3g.png" alt="contribute hands and resources" /> |
|
|
|
<p> |
|
|
|
... contribuir con mis propias manos y recursos |
|
|
|
al Software Libre y sus valores |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div id="g4"> |
|
|
|
<img class="imgright" src="4g.png" alt="become part of a community" /> |
|
|
|
<p> |
|
|
|
... formar parte de una comunidad de |
|
|
|
voluntarios que trabajan por la |
|
|
|
libertad y el control individual de los |
|
|
|
datos y del software |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div id="g5"> |
|
|
|
<img class="imgleft" src="5g.png" |
|
|
|
alt="walk towards a world of justice" /> |
|
|
|
<p> |
|
|
|
... caminar con ellos, por un mundo |
|
|
|
de justicia social, libertad y democracia |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div id="g6"> |
|
|
|
<img class="imgright" src="6g.png" |
|
|
|
alt="participate into the organisation" /> |
|
|
|
<p> |
|
|
|
... y participar directamente en la organización |
|
|
|
y en sus campañas, si lo deseo. |
|
|
|
</p> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div id="g7"> |
|
|
|
<img class="imgleft" src="7g.png" |
|
|
|
alt="...joining the FSFE Fellowship" /> |
|
|
|
<p> |
|
|
|
Puedo hacer todo eso uniéndome<br /> |
|
|
|
a la Fellowship de FSFE,<br /> |
|
|
|
o ayudando a un amigo a unirse.<br /> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div id="footer"> |
|
|
|
<p id="join"> |
|
|
|
Únete hoy a la Fellowship de la FSFE.<br /> |
|
|
|
<strong>Hazte fuerte</strong> y <strong>ayuda a los demás</strong>,<br /> |
|
|
|
hacia la libertad en la era digital. |
|
|
|
</p> |
|
|
|
<div id="logos"> |
|
|
|
<img id="fsfelogo" src="logo1.png" /><br /> |
|
|
|
<img src="logo2.png" /> |
|
|
|
</div> |
|
|
|
<p id="fsurl"><a href="http://fellowship.fsfe.org">http://fellowship.fsfe.org</a></p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
|
|
</html> |
pmv
12 years ago
