====== Entorns de programació ======
<grid-cards hover-bgcolor="#ffd700">
<card title="Primeres passes amb STEAMakersBlocks" 
image="{{:ca:ide:arduinoblocks_ide2.png}}" 
media="" 
link="ca:ide:arduinoblocks:getting-started"
style="background-color:white">
<text otherStyles="text-align:justify;margin:10px;font-weight:300;font-family:'Source Sans Pro',Calibri,Candara,Arial,sans-serif;">
Entorn de programació visual en línia on podreu programar diverses plaques. No interactiu. Genera codi C.
</text>
</card>
<card title="Començar amb MicroBlocks" 
image="{{:ca:ide:microblocks_ide.png}}" 
media="" 
link="ca:ide:microblocks:getting_started"
style="background-color:white">
<text otherStyles="text-align:justify;margin:10px;font-weight:300;font-family:'Source Sans Pro',Calibri,Candara,Arial,sans-serif;">
Entorn de programació visual en línia interactiu on podreu programar diverses plaques.
</text>
</card>
</grid-cards>