UI mockup

by Glen Keane

HTML

<link rel="stylesheet" href="https://rawgit.com/designmodo/Flat-UI/master/dist/css/flat-ui.min.css">
<div class="navbar navbar-default navbar-fixed-top">
    <div class="navbar-inner">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

            </button> <a class="navbar-brand" href="#"><img src="http://imgur.com/9ldLgLI.png" width="191px" height="20px"/></a> 
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a type="button" class="btn btn-info btn-responsive">Create A Room</a>

                </li>
                <li class="dropdown"> <a class="dropdown-toggle" role="button" data-toggle="dropdown">Find A Room <span class="caret"></span></a>

                    <ul class="dropdown-menu">
                        <li><a href="#">Find A Room</a>

                        </li>
                        <li><a href="#">Popular In Your Area</a>

                        </li>
                    </ul>
                </li>
                <li class="dropdown"> <a class="dropdown-toggle" role="button" data-toggle="dropdown">Your Profile <span class="caret"></span></a>

                    <ul class="dropdown-menu">
                        <li><a href="#">Your Profile</a>

                        </li>
                        <li><a href="#">Your Rooms</a>

                        </li>
                    </ul>
                </li>
                <li class="divider"></li>
                <li><a href="#">Sign out</a>

                </li>
            </ul>
        </div>
    </div>
</div>
<div class="container-fluid contentwrap">
    <div class="row">
        <div class="col-sm-8">
      ...

CSS

.navbar {
    border-radius: 0px;
    margin-bottom: 0px;
}
.fill {
    min-height: 100%;
    height: 100%;
}
.content {
    margin-top: 70px;
}
.list-group-submenu {
    margin-left:20px;
}
.panel-group .panel, .panel {
    border-radius: 0px;
}
.panel-group .panel + .panel {
    margin-top: 0px;
}
.dropdown-menu, .navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
    border-radius: 0px;
}
.table-responsive {
    overflow-x: scroll;
}
.sidebar .panel-body {
    padding: 0px;
}
#sidebarMobileAccordion, #mainContentAccordion {
    margin-bottom: 0px;
}
.col-sm-8, .col-sm-4 {
    padding-left: 0px;
    padding-right: 0px;
}

JavaScript

var queue = [{
    "title": "deadmau5 feat. Rob Swire - Ghosts N Stuff",
        "thumbnails": {
        "default": {
            "url": "https://i.ytimg.com/vi/h7ArUgxtlJs/default.jpg",
                "width": 120,
                "height": 90
        },
            "medium": {
            "url": "https://i.ytimg.com/vi/h7ArUgxtlJs/mqdefault.jpg",
                "width": 320,
                "height": 180
        },
            "high": {
            "url": "https://i.ytimg.com/vi/h7ArUgxtlJs/hqdefault.jpg",
                "width": 480,
                "height": 360
        }
    },
        "channelTitle": "Ultra Music"
}, {
    "title": "Tristam - I Remember",
        "thumbnails": {
        "default": {
            "url": "https://i.ytimg.com/vi/GX90dr8ldSw/default.jpg",
                "width": 120,
                "height": 90
        },
            "medium": {
            "url": "https://i.ytimg.com/vi/GX90dr8ldSw/mqdefault.jpg",
                "width": 320,
                "height": 180
        },
            "high": {
            "url": "https://i.ytimg.com/vi/GX90dr8ldSw/hqdefault.jpg",
                "width": 480,
                "height": 360
        },
            "standard": {
            "url": "https://i.ytimg.com/vi/GX90dr8ldSw/sddefault.jpg",
                "width": 640,
                "height": 480
        }
    },
        "channelTitle": "Tristam"
}, {
    "title": "deadmau5 - Raise Your Weapon",
        "thumbnails": {
        "default": {
            "url": "https://i.ytimg.com/vi/YnwfTHpnGLY/default.jpg",
                "width": 120,
                "height": 90
        },
            "medium": {
            "url": "https://i.ytimg.com/vi/YnwfTHpnGLY/mqdefault.jpg",
                "width": 320,
                "height": 180
        },
            "high": {
            "url": "https://i.ytimg.com/vi/YnwfTHpnGLY/hqdefault.jpg",
                "width": 480,
                "height": 360
        },
            "standard": {
           ...