{% embed "@molecules/tiles/tile.twig" with {
tile: {
classes: "c-tile--large"
},
background: {
"floor-fade": true,
"source": "https://ecodev1.pega.com/sites/pega.com/files/styles/max_width_2560/public/ind-top-hero-gov.jpg"
}
} %}
{% block tile_content %}
{% include "@atoms/typography/headings/heading.twig" with {
heading: {
text: "App Development"
},
icon: {
name: "app-development"
}
} %}
{% include "@atoms/typography/headings/h2.twig" with {
heading: {
text: "ME Transforms to Become Australia's Best Digital Bank"
}
} %}
{% include "@atoms/typography/paragraph.twig" with {
paragraph: {
text: "With the floorfade background gradient treatment, the text color in the tile automatically becomes white for sufficient contrast."
}
} %}
{% include "@atoms/links/link.twig" with {
link: {
text: "Watch the video"
}
} %}
{% endblock %}
{% endembed %}
{% embed "@molecules/tiles/tile.twig" with {
tile: {
classes: "c-tile--large t-dark"
},
background: {
"floor-fade": false,
"source": "https://ecodev1.pega.com/sites/pega.com/files/styles/max_width_2560/public/ind-top-hero-gov.jpg"
}
} %}
{% block tile_content %}
{% include "@atoms/typography/headings/heading.twig" with {
heading: {
text: "App Development"
},
icon: {
name: "app-development"
}
} %}
{% include "@atoms/typography/headings/h2.twig" with {
heading: {
text: "ME Transforms to Become Australia's Best Digital Bank"
}
} %}
{% include "@atoms/typography/paragraph.twig" with {
paragraph: {
text: "If a background image (that's dark) is used and the `t-dark` theme is selected, the text on top automatically becomes white."
}
} %}
{% include "@atoms/links/link.twig" with {
link: {
text: "Watch the video"
}
} %}
{% endblock %}
{% endembed %}
{% embed "@molecules/tiles/tile.twig" with {
tile: {
classes: "c-tile--large"
},
background: {
"floor-fade": false,
"source": "https://ecodev1.pega.com/sites/pega.com/files/styles/max_width_2560/public/ind-top-hero-gov.jpg"
}
} %}
{% block tile_content %}
{% include "@atoms/typography/headings/heading.twig" with {
heading: {
text: "App Development"
},
icon: {
name: "app-development"
}
} %}
{% include "@atoms/typography/headings/h2.twig" with {
heading: {
text: "ME Transforms to Become Australia's Best Digital Bank"
}
} %}
{% include "@atoms/typography/paragraph.twig" with {
paragraph: {
text: "If a background image IS used but no `t-light` or `t-dark` theme is specified, the text color is just whatever the default would normally be."
}
} %}
{% include "@atoms/links/link.twig" with {
link: {
text: "Watch the video"
}
} %}
{% endblock %}
{% endembed %}
{% embed "@molecules/tiles/tile.twig" with {
tile: {
classes: "c-tile--large t-light"
},
background: {
"floor-fade": false,
"source": "http://lorempixel.com/1600/800/"
}
} %}
{% block tile_content %}
{% include "@atoms/typography/headings/heading.twig" with {
heading: {
text: "App Development"
},
icon: {
name: "app-development"
}
} %}
{% include "@atoms/typography/headings/h2.twig" with {
heading: {
text: "ME Transforms to Become Australia's Best Digital Bank"
}
} %}
{% include "@atoms/typography/paragraph.twig" with {
paragraph: {
text: "If a background image (that's light) is used and the `t-light` theme is selected, the text on top automatically becomes black."
}
} %}
{% include "@atoms/links/link.twig" with {
link: {
text: "Watch the video"
}
} %}
{% endblock %}
{% endembed %}
{% embed "@molecules/tiles/tile.twig" with {
tile: {
classes: "c-tile--large t-orange"
},
background: {
source: false
}
} %}
{% block tile_content %}
{% include "@atoms/typography/headings/heading.twig" with {
heading: {
text: "Case Study"
}
} %}
{% include "@atoms/typography/headings/h2.twig" with {
heading: {
text: "ME Transforms to Become Australia's Best Digital Bank"
}
} %}
{% include "@atoms/links/link.twig" with {
link: {
text: "Watch the video"
}
} %}
{% endblock %}
{% endembed %}
{% embed "@molecules/tiles/tile.twig" with {
tile: {
classes: "c-tile--large t-teal"
},
background: {
source: false
}
} %}
{% block tile_content %}
{% include "@atoms/typography/headings/heading.twig" with {
heading: {
text: "Case Study"
},
icon: {
name: "case-study"
}
} %}
{% include "@atoms/typography/headings/h2.twig" with {
heading: {
text: "ME Transforms to Become Australia's Best Digital Bank"
}
} %}
{% include "@atoms/links/link.twig" with {
link: {
text: "Watch the video"
}
} %}
{% endblock %}
{% endembed %}
{% embed "@molecules/tiles/tile.twig" with {
tile: {
classes: "c-tile--large t-navy"
},
background: {
source: false
}
} %}
{% block tile_content %}
{% include "@atoms/typography/headings/heading.twig" with {
heading: {
text: "App Development"
},
icon: {
name: "app-development"
}
} %}
{% include "@atoms/typography/headings/h2.twig" with {
heading: {
text: "ME Transforms to Become Australia's Best Digital Bank"
}
} %}
{% include "@atoms/links/link.twig" with {
link: {
text: "Watch the video"
}
} %}
{% endblock %}
{% endembed %}
{% embed "@molecules/tiles/tile.twig" with {
tile: {
classes: "c-tile--large t-orange"
},
background: {
source: false
}
} %}
{% block tile_content %}
{% include "@atoms/typography/headings/heading.twig" with {
heading: {
text: "Case Study"
}
} %}
{% include "@atoms/typography/headings/h2.twig" with {
heading: {
text: "ME Transforms to Become Australia's Best Digital Bank"
}
} %}
{% include "@atoms/links/link.twig" with {
link: {
text: "Watch the video"
}
} %}
{% endblock %}
{% endembed %}
{% embed "@molecules/tiles/tile.twig" with {
tile: {
classes: "c-tile--large t-teal"
},
background: {
source: false
}
} %}
{% block tile_content %}
{% include "@atoms/typography/headings/heading.twig" with {
heading: {
text: "Case Study"
},
icon: {
name: "case-study"
}
} %}
{% include "@atoms/typography/headings/h2.twig" with {
heading: {
text: "ME Transforms to Become Australia's Best Digital Bank"
}
} %}
{% include "@atoms/links/link.twig" with {
link: {
text: "Watch the video"
}
} %}
{% endblock %}
{% endembed %}
{% include "@atoms/icons/_icon.twig" with {
icon: {
name: "chevron-right",
classes: "c-swiper__icon"
}
} %}
{% include "@atoms/icons/_icon.twig" with {
icon: {
name: "chevron-left",
classes: "c-swiper__icon"
}
} %}