Menú jcyl.es

Junta de Castilla y León

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

  • Zona privada
  • Contacto

Idiomas

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

Redes sociales

  • Facebook
  • Twitter
  • Youtube

Avisos y alertas

Responsividad

El componente se dispone en una fila de dos columnas por encima de 980px, por debajo de esta resolución se dispondrá en dos filas.

Código

						
<div class="avisos-alertas">
  <div class="destacados alertas">
    <h2>Avisos y alertas</h2>
    <p><a href="">RSS</a></p>
    <ul>
      <li>
        <p class="imagen">
          <span class="dia">[DÍA]</span>
          <span class="mes">[MES]</span>
          <span class="anyo">[AÑO]</span>
        </p>
        <p class="destacado">
          <a href="[ENLACE]">
            <span class="titulo">[TÍTULO]</span>
          </a>
        </p>
      </li>
      <li>
        <p class="imagen">
          <span class="dia">[DÍA]</span>
          <span class="mes">[MES]</span>
          <span class="anyo">[AÑO]</span>
        </p>
        <p class="destacado">
          <a href="[ENLACE]">
            <span class="titulo">[TÍTULO]</span>
          </a>
        </p>
      </li>
    </ul>
  </div>
  <div class="destacados incidentes">
    <h2>Última hora</h2>
    <p><a href="">RSS</a></p>
    <ul>
      <li>
        <p class="imagen">
          <span class="dia">[DÍA]</span>
          <span class="mes">[MES]</span>
          <span class="anyo">[AÑO]</span>
        </p>
        <p class="destacado">
          <a href="[ENLACE]">
            <span class="titulo">[TÍTULO]</span>
            <span class="texto">[FECHA/LUGAR]</span>
          </a>
        </p>
      </li>
    </ul>
    <p class="ver-mas"><a href="">Todas las noticias</a></p>
  </div>
</div>
						
					
  • Ilunion WCAG 2.0 WAI - AA