<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Demo of gallery.css</title>
  <link rel="stylesheet" href="./css/vendor/normalize.css">
  <link rel="stylesheet" href="/css/gallery.build.css">
  <link rel="stylesheet" href="/css/gallery.theme.css">
  <script src="./js/prefixfree.min.js"></script>

  <style>
    .gallery .item { height: 400px; text-align: center; }
  </style>
</head>
<body>
  <div class="gallery items-3">
    <div id="item-1" class="control-operator"></div>
    <figure class="item">
      <h1>Item 1</h1>
    </figure>
    
    <div id="item-2" class="control-operator"></div>
    <figure class="item">
      <h1>Item 2</h1>
    </figure>
    
    <div id="item-3" class="control-operator"></div>
    <figure class="item">
      <h1>Item 3</h1>
    </figure>
    
    <div class="controls">
      <a href="#item-1" class="control-button">•</a>
      <a href="#item-2" class="control-button">•</a>
      <a href="#item-3" class="control-button">•</a>
    </div>
  </div>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Demo of gallery.css</title>
  <link rel="stylesheet" href="./css/vendor/normalize.css">
  <link rel="stylesheet" href="/css/gallery.build.css">
  <link rel="stylesheet" href="/css/gallery.theme.css">
  <script src="./js/prefixfree.min.js"></script>

  <style>
    .gallery .item { height: 400px; text-align: center; background: #4d87e2; }
  </style>
</head>
<body>
  <div class="gallery items-3">
    <div id="item-1" class="control-operator"></div>
    <figure class="item">
      <h1>Item 1</h1>
    </figure>
    
    <div id="item-2" class="control-operator"></div>
    <figure class="item">
      <h1>Item 2</h1>
    </figure>
    
    <div id="item-3" class="control-operator"></div>
    <figure class="item">
      <h1>Item 3</h1>
    </figure>
    
    <div class="controls">
      <a href="#item-1" class="control-button">•</a>
      <a href="#item-2" class="control-button">•</a>
      <a href="#item-3" class="control-button">•</a>
    </div>
  </div>
</body>
</html>
Set a background colour on the example.
Set a background colour on the example.