Menú jcyl.es

Junta de Castilla y León

Catálogo de componentes - Junta de Castilla y León

  • Zona privada
  • Contacto

Idiomas

Redes sociales

  • Facebook
  • Twitter
  • Youtube

Menu jcyl.es

Mi cuenta

usuario2017xxx

usuario@gmail.com

Mi cuenta

Cerrar sesión

Guía de estilos y componentesde la Junta de Castilla y León

Destacados prehome

Responsividad

El componente se distribuirá en dos filas de 3 columnas, imagen a la izquierda y texto a la derecha, por encima de los 1280px.

Por debajo de 1280px y por encima de 900px se distribuirá en tres filas de dos columnas.

Por debajo de 900px se colocará en seis filas de una columna. Por debajo de 400px la imagen desaparecerá quedando solo el texto.

El tamaño de las imágenes es de 195 X 180px.

Código

						
<div class="noticias-home">
	<div class="contenedor">
		<h2>Destacados</h2>
		<ul>
			<li>
				<img src="[IMG]" alt=""/>
				<span class="triangulo-izquierda"></span>
				<p>
					<a href="[ENLACE]">
						<span class="titulo">[TÍTULO]</span>
					</a>
				</p>
			</li>
			[X3]
			<li>
				<p>
					<a href="[ENLACE]">
						<span class="titulo">[TÍTULO]</span>
					</a>
				</p>
				<img src="[IMG]" alt=""/>
				<span class="triangulo-derecha"></span>
			</li>
			[X3]
		</ul>
	</div>
</div>
						
					
  • Ilunion WCAG 2.0 WAI - AA