<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <meta http-equiv='X-UA-Compatible', content='IE=edge' />
        <meta name='viewport', content='width=device-width, initial-scale=1' />

        <script src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
        <script src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js" integrity="sha384-XXXXXXXX" crossorigin="anonymous"></script><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

        <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css" integrity="sha384-XXXXXXXX" crossorigin="anonymous">
        <link rel="stylesheet" href="../static/css/test.css">
        <script src="https://use.fontawesome.com/54ba0ef668.js"></script>
        <title>{% block title %}This is the title{% endblock %}</title>
    </head>
    <body>
        <p>test</p>
        <div class="list-container">
            <div class="music-container">
                <hr class="style-two">
                <div style="float:left;"><a href="#"><i class="fa fa-music fa-3x" aria-hidden="true"></i></a></div>
                <div style="padding-top:10px; padding-left:15px; float:left;"><a href="#" class='text-link'>test</a></div>
                <div class="icons-row"><a href="#"><i class="fa fa-spotify fa-3x" aria-hidden="true"></i></a></div>
                <div class="icons-row"><a href="#"><i class="fa fa-play fa-3x" aria-hidden="true"></i></a></div>
                <div class="icons-row"><a href="#"><i class="fa fa-external-link fa-3x" aria-hidden="true"></i></a></div>
            </div>
        </div>
    </body>    
</html>