Go to rebrand

Breadcrumbs

The use the breadcrumb snippet, we need to include the CSS:

<link rel="stylesheet" media="all" href="/static/css/ca_styleguide_breadcrumbs.css" />

The needed markup for the template is as follows:

<div class="breadcrumbs"> <ol> <li> <a href="{link}">Home</a> {% include "frontend/icons/arrow-right-light.html" %} </li> <li> <a href="{link}">Homeowners</a> {% include "frontend/icons/arrow-right-light.html" %} </li> <li> Home Alarm & Security Systems </li> </ol> </div>