tabler/preview/pages/music.html

---
title: Music components
page-header: Music components
page-menu: extra.music
layout: default
permalink: music.html
---

<div class="row">
	<div class="col-lg-8">
		{% include "cards/music/tracks-list.html" %}
	</div>
	<div class="col-lg-4">
		<h3 class="mb-3">Top tracks</h3>

		<div class="row row-cards">
			{% for i in (8..13) %}
			<div class="col-md-6 col-lg-12">
				{% include "cards/music/track-info.html" track-id=i %}
			</div>
			{% endfor %}
		</div>
	</div>
</div>