index.html

---
layout: "default"
permalink: "index.html"
---
<!-- add example markup above for rotating images
rotating_images:
  - IMG_0831-BG-1.jpg
  - IMG_0831-BG-2.jpg
  - TONE-00025-BG.jpg
  - Solitude-3-BG.jpg
-->

<div class="page">
  <div role="main" id="main-content">
    <div class="home_intro">
      <h3>DEBUT ALBUM - TRAILER VIDEO</h3>
    </div>

    <div id="home_video">
      <iframe width="560" height="315" src="https://www.youtube.com/embed/4Sn4vp-pCHU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

      <p>↑ ↑ ↑</p>
    </div>

    <p>
      {% for social_link in site.data.social_links %}
        <a href="{{ social_link.url }}" target="_blank">
          <img
            class="socialicons"
            src="{{ social_link.img.path | relative_url }}"
            alt="{{ social_link.name }}"
            height="{{ social_link.img.height }}"
            width="{{ social_link.img.width }}"
          >
        </a>
      {% endfor %}
    </p>
  </div> <!-- /main-->
</div> <!-- /page-->