ENLACES CON IMAGEN
Lista con icono gestionable
CSS
Título:
- Fuente: Rubik Regular, 0.875rem (14px)
- Font-weight: 400
- Color: #004d71 (rgb(0, 77, 113))
- Borde: 3px
- Color borde: #d3e2db;
HTML
<div class="row columns linkListEnlaceImagen">
<a class="link--img" href="#" rel="noopener">
<img src="" alt="imagen alternativa de aaa" class="image">
Declaración Responsable para operar como Agencia de Colocación
</a>
</div>
Lista con icono bandera
Ejemplo a una columnas
Ejemplo a dos columnas
Ejemplo a tres columnas
Ejemplo a cuatro columnas
CSS
Título:
- Fuente: Rubik Regular, 0.875rem (14px)
- Font-weight: 400
- Color: #004d71 (rgb(0, 77, 113))
- Tamaño imagen: ancho 26px, alto recomendado 19px
- Márgenes bloque: inferior 1rem (16px)
- Espaciado enlace: 5px
- Espaciado derecho imagen: 15px
HTML
<!--Ejemplo a cuatro columnas-->
<div class="col-md-4 col-sm-4">
<ul class="lst-link">
<li>
<div class="linkListProvincias__contenido">
<ul class="lst-link">
<li>
<a href="#!">
<img alt="" src="img.png" />
Andalucía
</a>
</li>
[...]
</ul>
<!--Ejemplo a tres columnas-->
<div class="col-md-3 col-sm-3">
<ul class="lst-link">
<li>
<div class="linkListProvincias__contenido">
<ul class="lst-link">
<li>
<a href="#!">
<img alt="" src="img.png" />
Andalucía
</a>
</li>
[...]
</ul>
<!--Ejemplo a dos columnas-->
<div class="col-md-2 col-sm-2">
<ul class="lst-link">
<li>
<div class="linkListProvincias__contenido">
<ul class="lst-link">
<li>
<a href="#!">
<img alt="" src="img.png" />
Andalucía
</a>
</li>
[...]
</ul>
<!--Ejemplo a una columnas-->
<div class="col-md-1 col-sm-1">
<ul class="lst-link">
<li>
<div class="linkListProvincias__contenido">
<ul class="lst-link">
<li>
<a href="#!">
<img alt="" src="img.png" />
Andalucía
</a>
</li>
[...]
</ul>