{% import 'pages/_results-heading.html' as results %} {% import 'components/pager.html' as pager %} {% import '_account-path-card.html' as path %} {{ results.component(label='paths', sidebar_toggle=results_sidebar_toggle) }}
Development Paths
{% set items = [{ title: 'React Native', image: 'react' }, { title: 'Dev Ops', image: 'devops' }, { title: 'Redis', image: 'redis' }, { title: 'MailChimp', image: 'mailchimp', open: true, favorite: true }, { title: 'Angular', image: 'angular' }, { title: 'Swift', image: 'swift' }, { title: 'WordPress', image: 'wordpress' }] %}
{% for item in items %}
{{ path.component( class='card-group-row__card', title=item.title, image=item.image, open=item.open, favorite=item.favorite, cta=false, prefix=prefix) }}
{% endfor %}
{{ pager.pager() }}
Design Paths
{% set items = [{ title: 'Sketch', image: 'sketch' }, { title: 'Flinto', image: 'flinto' }, { title: 'Photoshop', image: 'photoshop' }, { title: 'Figma', image: 'figma' }, { title: 'Adobe XD', image: 'xd' }, { title: 'inVision App', image: 'invision' }, { title: 'Craft by inVision', image: 'craft' }] %}
{% for item in items %}
{{ path.component( class='card-group-row__card', title=item.title, image=item.image, cta=false, prefix=prefix) }}
{% endfor %}
{{ pager.pager() }}