---
title: Elements
layout: default
---



{% for element in site.elements %}
  <div class="element {% for cat in element.categories %}{{ cat }} {% endfor %}" data-symbol="{{ element.symbol }}" data-category="{{ element.categories[0] }}">
    <p class="number">{{ element.number }}</p>
    <h3 class="symbol">{{ element.symbol }}</h3>
    <h2 class="name">{{ element.name }}</h2>
    <p class="weight">{{ element.weight }}</p>
  </div>
{% endfor %}