F2U Toyhou.se - Playlist

<!-- Playlist by Aly -->

<div class="row mt-4 ml-4 mr-4 mb-0 text-dark" style="position:relative;z-index:1; 0 0 25px 10px rgba(168, 171, 165, 0.5);">

<div style="col-lg-12 m-0">

  <div style="position:relative;z-index:-1;height: 12.5vw;overflow: hidden;">
    <img src="https://images.unsplash.com/photo-1548848221-0c2e497ed557">
  </div>

  <div class="row text-center p-4 m-0 bg-primary"><div class="col-lg-1 text-center">

      <a class="p-0 mt-2 btn btn-outline-dark text-white melody-embed" style="border:0;position:relative;height:1.5rem;width:1.5rem;z-index:2;">
      <iframe style="opacity:.01;position:absolute;left:0;right:0;top:0;bottom:0;" class="h-100 w-100 mb-4"
      src="https://www.youtube.com/embed/ubgx-yKhrXA" frameborder="0"></iframe>
      <i class="fas fa-play fa-fw fa-2x" style="z-index:-1;position:absolute;left:0;top:0;font-size:1rem;text-align:center;height:100%;width:100%;"></i>
      </a>

    </div>

    <div class="col-md-11 text-left text-white">
      <h2 style="font-size: 0.9rem;">Skinny Love (Cover)</h2>
      <h2 style="font-size: 0.75rem; font-weight: normal;">Bella Ferraro</h2>
    </div>

  </div></div>

  <div class="col-lg-5 mb-0 px-4 pt-4 pb-0"><h1 class="display-3 mb-4 text-secondary">Playlist</h1>

    <div class="row mt-2 mb-0 text-secondary"><a href="https://youtu.be/ubgx-yKhrXA">
    <div class="col-md-4 text-left"><b class="text-primary">Skinny Love</b></div></a>
    <div class="col-md-4 text-left">Bella Ferraro</div>
    <div class="col-md-4 text-right">3:40</div>
    </div>

    <div class="row mt-2 mb-0 text-secondary"><a href="https://youtu.be/1RkM_Rq5maA">
    <div class="col-md-4 text-left"><b class="text-primary">Come Over</b></div></a>
    <div class="col-md-4 text-left">Sam Hunt</div>
    <div class="col-md-4 text-right">4:01</div>
    </div>

    <div class="row mt-2 mb-0 text-secondary"><a href="https://youtu.be/sWDkIjdHuQg">
    <div class="col-md-4 text-left"><b class="text-primary">Natives</b></div></a>
    <div class="col-md-4 text-left">Blink 182</div>
    <div class="col-md-4 text-right">3:56</div>
    </div>

    <div class="row mt-2 mb-0 text-secondary"><a href="https://youtu.be/R7GMOoQAkCM">
    <div class="col-md-4 text-left"><b class="text-primary">Heaven Sent</b></div></a>
    <div class="col-md-4 text-left">Trophy Eyes</div>
    <div class="col-md-4 text-right">3:36</div>
    </div>

    <div class="row mt-2 mb-0 text-secondary"><a href="https://youtu.be/6nQCxwneUwA">
    <div class="col-md-4 text-left"><b class="text-primary">Satellite</b></div></a>
    <div class="col-md-4 text-left">Rise Against</div>
    <div class="col-md-4 text-right">3:58</div>
    </div>

    <div class="row mt-2 mb-0 text-secondary mb-0"><a href="https://youtu.be/IBHjJqdEHzg">
    <div class="col-md-4 text-left"><b class="text-primary">Growing Up</b></div></a>
    <div class="col-md-4 text-left">AJJ</div>
    <div class="col-md-4 text-right">1:46</div>
    </div>

  </div>

      <div class="col-lg-7 p-4 mt-0"><h1 class="display-3 mb-4 mt-0 text-secondary">Recent Albums</h1>

        <div class="row mb-0">

          <div class="col-lg-3"><div>
          <div style="padding-bottom:100%;background-size:cover;background-image:url('https://upload.wikimedia.org/wikipedia/en/thumb/8/82/BetweenthePines.jpg/220px-BetweenthePines.jpg');" class="mb-2"></div>
          <a class="text-primary" style="cursor: hand !important;" href="https://www.youtube.com/watch?v=-Exfo3tcqnE&list=PL7MmIQrYC2ttvGyJ3hBtiTUhWRsdad-kF"><h2 style="font-size: 0.9rem;">Between the Pines</h2></a>
          <p class="mb-4 text-secondary" style="margin: 0; padding: 0; line-height: 1; font-size: 0.75rem; font-weight: normal;">Sam Hunt</p>
          </div></div>

          <div class="col-lg-3"><div>
          <div style="padding-bottom:100%;background-size:cover;background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRQUBaYZKO1MdUCf8dpPkegxwonYGqG6kLsWebpvz52Fgmaz_ha');" class="mb-2"></div>
          <a class="text-primary" style="cursor: hand !important;" href="https://www.youtube.com/watch?v=kP2EonDCraw&list=PL_M3fwito_B5T4h3_ugoUh86OMxTKDwi3"><h2 style="font-size: 0.9rem;">Neighborhoods</h2></a>
          <p class="mb-4 text-secondary" style="margin: 0; padding: 0; line-height: 1; font-size: 0.75rem; font-weight: normal;">Blink 182</p>
          </div></div>

          <div class="col-lg-3"><div>
          <div style="padding-bottom:100%;background-size:cover;background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTWHO9Ce7U5mtlMF_UbM4PYDSCWMxQ4OCbS3Q9Ge4rZtPUr2HML');" class="mb-2"></div>
          <a class="text-primary" style="cursor: hand !important;" href="https://www.youtube.com/watch?v=E5vZNTnT1QE&list=PLeKjuV0exDafeW8vdFKlIIZrYu7Odr8-s"><h2 style="font-size: 0.9rem;">Chemical Miracle</h2></a>
          <p class="mb-4 text-secondary" style="margin: 0; padding: 0; line-height: 1; font-size: 0.75rem; font-weight: normal;">Trophy Eyes</p>
          </div></div>

          <div class="col-lg-3 mb-0"><div>
          <div style="padding-bottom:100%;background-size:cover;background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTRmOQnpwqucI0HMVjrAiMP4w68nGlDG-ws6KZDnC6OCOkiD9cF');"class="mb-2"></div>
          <a class="text-primary" style="cursor: hand !important;" href="https://www.youtube.com/watch?v=NR3xVQy8ccM&list=PL6ogdCG3tAWhoCrCMq0wIMqxsJo5fTsmt"><h2 style="font-size: 0.9rem;">Endgame</h2></a>
          <p class="mb-4 text-secondary" style="margin: 0; padding: 0; line-height: 1; font-size: 0.75rem; font-weight: normal;">Rise Against</p>
          </div></div>

        </div>

      </div>

    </div>

<!-- END Playlist by Aly -->