<article class="card card-store">
<a href="">
<h4 class="alt--font alt--color">JMT ABBEVILLE</h4>
<p>Anciennement Mobalpa<br />ZAC Vauchelles-les-Quesnoy<br />80132 Vauchelles-les-Quesnoy</p>
<object><a href="tel:0322294691">03.22.29.46.91</a></object>
</a>
</article>
<article class="card card-store">
<a href="">
<h4 class="alt--font alt--color">{{card_store.name}}</h4>
<p>{{{card_store.address}}}</p>
<object><a href="tel:{{card_store.tel_link}}">{{card_store.tel}}</a></object>
</a>
</article>
{
"card_store": {
"name": "JMT ABBEVILLE",
"address": "Anciennement Mobalpa<br />ZAC Vauchelles-les-Quesnoy<br />80132 Vauchelles-les-Quesnoy",
"tel": "03.22.29.46.91",
"tel_link": "0322294691"
}
}
.card-store {
margin: 0;
width: 100%;
> a {
padding: $margin-m;
&:hover, &:focus {
box-shadow: $box-shadow-xs;
transform: translateY(-10px);
}
}
h4 { font-size: rem(21) }
> a > p { color: $c-font-color }
> a > object > a {
color: $c-red-medium;
&:hover, &:focus { text-decoration: none }
}
}
There are no notes for this item.