<html>
  <head>
    <script id="filkers-taglib" src="https://widgets.filkers.com/js/filkers-taglib.umd.js">     </script>
  </head>
  <body>
    <div id="content">
    <div id="content">
       <filkers-folder 
           uid="" 
           class="size_16_by_9"
           arrows
           dots 
           speed = "1"
       /> 
    </div>
    <div id="content">
      <a class="button" target="_blank"
         href="https://www.filkers.com/filkers-folder-player/#h-html-folder-player">
         Filkers Folder Player
      </a>
    </div>
    </div>
  </body>
</html>

body {
  display: flex;
  justify-content: center;
  font-family: 'Open Sans', sans-serif;
}

#content {
  width:100%;
  max-width: 550px;
}

h1 {
  text-align: center;
  font-size: 2em;
  margin-bottom: 2em;
  color: #384253;
}

.button {
  background-color: #388EA9;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.