title: Cover div with a link
body: <p>I have a row of div`s with some content inside:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.row{
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 4px;
      margin:0px 5% 20px 0;
      box-sizing: border-box;
  }
  .col-sm-4 {
          margin: 1%;
          background-color: rgba(0,0,0,0.25);
          flex: 30%;
          padding: 3px;
          max-width: 30%;
          height: 400px;
          min-width: 20%;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
              &lt;div class="col-sm-4"&gt;                
                  &lt;div id="Header"&gt;&lt;h3&gt;Header&lt;/h3&gt;&lt;/div&gt;
                  &lt;p&gt;content.&lt;/p&gt;
                  &lt;div id="Footer"&gt;&lt;h2&gt;By Author&lt;/h2&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="col-sm-4"&gt;                
                  &lt;div id="Header"&gt;&lt;h3&gt;Header&lt;/h3&gt;&lt;/div&gt;
                  &lt;p&gt;content.&lt;/p&gt;
                  &lt;div id="Footer"&gt;&lt;h2&gt;By Author&lt;/h2&gt;&lt;/div&gt;
              &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I`d like to add some  unique links to cover each div in row.
  How can I do this? </p>