html indice:
Código HTML:
<body> <div id="cabecera"> </div> <div class="menu"> <a href="index.html">Index</a> <a href="objectius.html" >Objectius i activitats</a> <a href="horari.html">Horari</a> <a href="contacte.html">Contacte</a> <a href="enllaços.html">Enllaços externs</a> </div> <div id="cos"> <h2>Qui som?</h2> <p> L’Esplai ??? és una entitat d’educació en el lleure laica i progressista que porta ja 29 anys en funcionament. L’Esplai ??? està federat a ESPLAC (Federació d’Esplais Catalans), i com a membres del Sector Barcelona participa activament en el funcionament d’aquest. </p> <p> La Coordinadora Infantil i Juvenil de l’Eixample és una entitat en la que també hi participa com a posada en pràctica de la voluntat de potenciar l’associacionisme i l’activitat en el context social, organitzatiu i urbà que l’envolta. </p> <p> A l’esplai venen més de 50 nens i nenes d’entre 5 i 17 anys, tan del barri de l’Esquerra de l’Eixample com de fora d’aquest i tenen un nivell socioeconòmic mitjà-alt, en la majoria dels casos. Tot i que al barri hi ha hagut una creixent i, cada cop més important, afluència d’immigrats a l’esplai actualment no hi ha cap cas. </p> </div> </body>
Código:
Aquí el html de la otra pagina:#cabecera {
background-image : url(../images/capçalera.png);
padding-bottom : 100px;
padding-top : 100px;
}
body {
background-image : url(../images/peu.png);
}
a {
border-left-style : dotted;
color : #6BEAF9;
}
a + a + a + a + a {
border-right-style : dotted;
}
a:hover {
background-color : #6BEAF9 ;
color : #F7F1C3;
}
a:visited {
color : #000000;
}
div.menu{
text-align: left;
}
h2{
text-align: center
}
Código HTML:
<body> <div id="cabecera"> </div> <div class="menu"> <a href="index.html">Index</a> <a href="objectius.html" >Objectius i activitats</a> <a href="horari.html">Horari</a> <a href="contacte.html">Contacte</a> <a href="enllaços.html">Enllaços externs</a> </div> <h1 id="dalt">Que fem?</h1> <p> Com a entitat educativa en l'àmbit de lleure que som, a l'Esplai ??? creiem que els infants d'avui són el motor de la societat de demà. És per això que apostem per una educació basada en la laïcitat i la llibertat. En ser el nostre marc de treball l'Esquerra de l'Eixample, és aquí on primer anirem assolint aquesta fita. </p> <p> Per realitzar la nostra tasca ens calen mitjans que obtenim a través d'una quota que els pares i mares abonen. Així disposem dels recursos necessaris bàsics per poder realitzar les diverses activitats pedagògiques. </p> <h1>Activitats</h1> <div id="llistaActivitats"> <ul> <li> <ul> <li> <a href="#futbol">Futbol</a> </li> <li> <a href="#manualitats">Manualitats</a> </li> <li> <a href="#lectura">Lectura</a> </li> <li> <a href="#jocstaula">Jocs de taula</a> </li> <li> <a href="#excursio">Excursió</a> </li> </ul> </li> </ul> </div> <h2 id="futbol">Futbol</h2> <p> Fem partidets de futbol, i diferents activitats com pot ser fer xuts a porta, passades des de lluny o des d'aprop, etc. </p> <p> <img src="lib/images/futbol.jpg" alt="futbol" /> </p> <p> <a href="#dalt">tornar a dalt</a> </p> <h2 id="manualitats">Manualitats</h2> <p> Fem tallers de manualitats amb diversos materials, sempre divertits i sense cap tipus de perill. </p> <p> <img src="lib/images/manualidades.jpg" alt="manualidades" /> </p> <p> <a href="#dalt">tornar a dalt</a> </p> <h2 id="lectura">Lectura</h2> <p> Sempre és bo desenvolupar la ment, per això mateix organitzem petits tallers de lectura on els nens poden llegir els llibres que els vingui de gust. </p> <p> <img src="lib/images/lectura.jpg" alt="lectura" /> </p> <p> <a href="#dalt">tornar a dalt</a> </p> <h2 id="jocstaula">Jocs de taula</h2> <p> També organitzem jocs de taula de tot tipus (monopoli, scrabble, tabú, escacs, dames, parchis, domino...), per passar una bona estona. </p> <p> <img src="lib/images/joctaula.jpg" alt="jocs de taula" /> </p> <p> <a href="#dalt">tornar a dalt</a> </p> <h2 id="excursio">Excursió</h2> <p> Cada divendres portem els nens a fer una petita excursió a diversos llocs, ja pot ser al Zoo, com a collserolla per posar exemples, sempre avisem als pares de on es va i si s'ha de portar algún material en concret. </p> <p> <img src="lib/images/excursion.jpg" alt="excursio" width="400" height="300"/> </p> <p> <a href="#dalt">tornar a dalt</a> </p> </body>
Código:
#cabecera {
background-image : url(../images/capçalera.png);
padding-bottom : 100px;
padding-top : 100px;
}
body {
background-image : url(../images/peu.png);
}
a {
border-left-style : dotted;
color : #6BEAF9;
}
a + a + a + a + a {
border-right-style : dotted;
}
a:hover {
background-color : #6BEAF9 ;
color : #F7F1C3;
}
a:visited {
color : #000000;
}
div.menu{
text-align: left;
}
h2{
text-align: center
}
h1{
text-align: center
}
#llistaActivitats{
text-align: center ;
}
#llistaActivitats ul{
list-style: none;
}
Muchísimas gracias por adelantado.
