@ -0,0 +1,218 @@ | |||
<?xml version="1.0" encoding="UTF-8"?> | |||
<html> | |||
<head> | |||
<title>2009 New Year's Resolution</title> | |||
<meta content=""> | |||
<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,a new year</h1> | |||
<h2>What can I do to improve things for myself ans others?</h2> | |||
</div> | |||
<div id="g2"> | |||
<img class="imgright" src="2g.png" alt="work for freedom" /> | |||
<p> | |||
May be I can join those who <br /> | |||
work for freedom in the digital era | |||
</p> | |||
</div> | |||
<div id="g3"> | |||
<img class="imgleft" src="3g.png" alt="contribute hands and resources" /> | |||
<p> | |||
...contribute with my own hands | |||
and resources to Free Software | |||
and its values | |||
</p> | |||
</div> | |||
<div id="g4"> | |||
<img class="imgright" src="4g.png" alt="become part of a community" /> | |||
<p> | |||
...become part of a community of<br /> | |||
volunteers working for freedom<br /> | |||
and individual control of <br /> | |||
data and software | |||
</p> | |||
</div> | |||
<div id="g5"> | |||
<img class="imgleft" src="5g.png" | |||
alt="walk towards a world of justice" /> | |||
<p> | |||
..walk with them, for a world | |||
of social justice, freedom and | |||
democracy | |||
</p> | |||
</div> | |||
<div id="g6"> | |||
<img class="imgright" src="6g.png" | |||
alt="participate into the organisation" /> | |||
<p> | |||
...and participate directly into | |||
the organisation and | |||
its campaigns if I want to. | |||
</p> | |||
</div> | |||
<div id="g7"> | |||
<img class="imgleft" src="7g.png" | |||
alt="...joining the FSFE Fellowship" /> | |||
<p> | |||
I can do all that by<br /> | |||
joining the FSFE Fellowship,<br /> | |||
or helping a friend to join.<br /> | |||
</p> | |||
</div> | |||
<div id="footer"> | |||
<p id="join"> | |||
Join FSFE's Fellowship today.<br /> | |||
<strong>Empower yourself</strong> and <strong>help others</strong>,<br /> | |||
towards freedom in the digital age | |||
</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> |
@ -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> |