boards.html

---
layout: simple-page
title: Supported Boards
subtitle: RIOT has a hardware abstraction layer, which enables us to support many boards easily.
---
<main>
  <!-- ======= Board Section ======= -->
  <section id="boards">
    <div class="container">

      <input class="form-control" name="boardSearchInput" type="text" placeholder="Search..">
      <hr>
      <div id="boardList">
        <div class="row row-cols-1 row-cols-md-4 g-4">
          {% assign boards_by_name = site.data.riot_boards | sort_natural: "name" %}
          {% for board in boards_by_name %}
          <div class="col">
            <a href="{{ board.apiurl }}" target="_blank">
              <div class="card shadow rounded btn-primary h-100">
                <div class="card-body align-middle">
                  <h5 class="text-center">{{ board.name }}</h5>
                </div>
              </div>
            </a>
          </div>
          {% endfor %}
        </div>
  </section><!-- End Board Section -->
</main><!-- End #main -->