sakrecoer-mother-web/music.html

---
title: Sakrecoer Track Index
description:
layout: default
---
{% include navmenu.html %}

<div id="hero" style="height: 75vh;">
    

    <div class="pivot">
       
      <h2>Sakrecoer</h2>
      <h1>Music</h1>
    </div>
    <div class="fullscreen-bg">
      <video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video">
        <source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
        <source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
        <!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> -->
      </video>
    </div>
  
  
  </div>
<div class="musiflex">
    
  <div class="trackcontainer">
     
          <a href="/"><img src="{{site.baseurl }}/assets/img/sakrecoer-logo.svg" width="100%" alt="sakrecoer logo"></a>
       


  </div>

  {% for track in site.tracks reversed %}
  <div id="{{ page.uid }}" class="trackcontainer">
    <a href="{{ track.url }}">
      <div class="track" style="background-image:url({{ track.image }});"></div>
      <h3>{{ track.title }}</h3>
    </a>
    <p>{{ track.keywords }}</p>
  </div>
  {% endfor %}
  <div>{% include cookiemonster.html %}</div>
</div>