CODIGO HTML DE MENU
“INSTITUCION”
<section id="principal">
<figure
id="institucion">
<img src="imagenes/foto1.jpg" width="300"
height="200" alt="Banda" />
</figure>
<article id="art1">
<h1>Reseña
Histórica</h1>
<p>El
Instituto Técnico Guaimaral, es una institución educativa de carácter oficial y
de naturaleza mixta, con niveles de educación Preescolar, Básica, y Media
Técnica. <br />
Fusionada
por Decreto 000959 del 12 de noviembre de 2002 con los siguientes centros
educativos: Instituto Técnico Comercial Guaimaral, Colegio Departamental
Hermogenes Maza, Escuela Guaimaral No.21,
Centro
Alma Luz Vega Rangel y mediante Acuerdo # 0012 de Mayo 16 de 2006, se fusiona
el Instituto La Esperanza.
<br
/> </p> <br />
</article>
<article id="art2">
<h1>
Misión</h1>
<p>
El Instituto Técnico Guaimaral , ofrece formación en Ciencia, Tecnología y
valores, desarrollando competencias laborales específicas y ciudadanas a niños,
niñas y jóvenes con o sin necesidades educativas
especiales, visionarios, emprendedores, generadores de su proyecto de vida, en
ambientes pacíficos, ecológicos y culturales hacia el fortalecimiento de una
sociedad más justa y tolerante.
</p>
<br /><br /><br />
</article>
<article id="art3">
<h1>
Política de Calidad</h1>
<p>
El Instituto Técnico Guaimaral en cumplimiento de su misión y los requisitos
legales por los que se rige, se compromete a asumir con firmeza la
implementación y mantenimiento del Sistema de Gestión de la calidad,
mejorando
continuamente la eficacia, eficiencia y efectividad de sus procesos académicos
y administrativos, con el apoyo del talento humano competente y comprometido
con la formación técnica y en valores,
desarrollando
programas académicos que respondan y superen las necesidades de nuestra comunidad
educativa.
</p>
</article>
</section>
<footer id="pie">
<p>Diseño
de página con HTML5 y CSS - Grado 11E 2016 - crisotos@hotmail.com -
@crisotos</p>
</footer>
CODIGO CSS
/*Estilos del
Section de index.html*/
#principal {
width: 90%;
margin: 5px auto;
border: 2px solid #CCCCCC;
background: #CCCCCC;
}
#institucion {
margin: 5px auto;
text-align: center;
}
#institucion img {
border: 7px solid #FAAC58;
}
#art1, #art2, #art3 {
width: 30%;
margin: 5px 10px;
border: 1px solid #CCCCCC;
background: #1E6381;
border-radius: 10px;
padding: 5px;
color: #FFFFFF;
display: inline-block;
vertical-align: top;
}
#art1 h1, #art2 h1, #art3 h1 {
font: bold 24px Comic Sans MS;
color: #F60;
}
/*Estilos de
Footer*/
#pie {
width: 90%;
text-align:center;
margin: 15px auto;
padding: 10px;
border-top: 4px solid #441F05;
}
#pie p{
color:
blue;
font:
bold 15px Arial;
}
No hay comentarios:
Publicar un comentario