Adding topics section to the footer

topics.html

<div class="footer-topics">
  <h4 style="color:black; text-align:center; padding-bottom:10px;">Topics</h4>
  </br></br>
  <div class="row">
    <div class="col-md-3">
      <ul>
        <h6><a href="/tag/water">Water</a></h6>
        <li><a href="/tag/drinking-water">drinking-water</a></li>
        <li><a href="/tag/fracking">fracking</a></li>
        <li><a href="/tag/microplastics">microplastics</a></li>
        <li><a href="/tag/lead">lead</a></li>
        <li><a href="/tag/mining">mining</a></li>
        <li><a href="/tag/agriculture">agriculture</a></li>
        <li><a href="/tag/oil-and-gas">oil-and-gas</a></li>
        <li><a href="/tag/filters">filters</a></li>
      </br>
        <h6><a href="/tag/soil">Soil</a></h6>
        <li><a href="/tag/lead">lead</a></li>
        <li><a href="/tag/mining">mining</a></li>
        <li><a href="/tag/agriculture">agriculture</a></li>
        <li><a href="/tag/oil-and-gas">oil-and-gas</a></li>
      </ul>
    </div>
    <div class="col-md-3">
      <ul>
        <h6><a href="/tag/air">Air</a></h6>
        <li><a href="/tag/indoor-air">indoor-air</a></li>
        <li><a href="/tag/formaldehyde">formaldehyde</a></li>
        <li><a href="/tag/dust">dust</a></li>
        <li><a href="/tag/particulate-matter">particulate-matter</a></li>
        <li><a href="/tag/oil-and-gas">oil-and-gas</a></li>
        <li><a href="/tag/transportation">transportation</a></li>
        <li><a href="/tag/filters">filters</a></li>
      </br>
        <h6><a href="/tag/monitoring">Monitoring</a></h6>
        <li><a href="/tag/air-sensors">air-sensors</a></li>
        <li><a href="/tag/water-sensors">water-sensors</a></li>
        <li><a href="/tag/balloon-mapping">balloon-mapping</a></li>
        <li><a href="/tag/study-design">study-design</a></li>
        <li><a href="/tag/other-methods">other-methods</a></li>
      </ul>
    </div>
    <div class="col-md-3">
      <ul>
        <h6><a href="/tag/climate">Climate</a></h6>
        <li><a href="/tag/stormwater">stormwater</a></li>
        <li><a href="/tag/land-change">land-change</a></li>
        <li><a href="/tag/particulate-matter">particulate-matter</a></li>
        <li><a href="/tag/oil-and-gas">oil-and-gas</a></li>
      </br>
        <h6><a href="/tag/organizing">Organizing</a></h6>
        <li><a href="/tag/education">education</a></li>
        <li><a href="/tag/advocacy">advocacy</a></li>
        <li><a href="/tag/community-organizing">community-organizing</a></li>
        <li><a href="/tag/legal">legal</a></li>
        <li><a href="/tag/public-comment">public-comment</a></li>
        <li><a href="/tag/host-an-event">host-an-event</a></li>
      </ul>
    </div>
    <div class="col-md-3">
      <ul>
        <h6><a href="/tag/industry">Industry</a></h6>
        <li><a href="/tag/land-use">land-use</a></li>
        <li><a href="/tag/land-change">land-change</a></li>
        <li><a href="/tag/particulate-matter">particulate-matter</a></li>
        <li><a href="/tag/oil-and-gas">oil-and-gas</a></li>
        <li><a href="/tag/transportation">transportation</a></li>
        <li><a href="/tag/mining">mining</a></li>
        <li><a href="/tag/agriculture">agriculture</a></li>
        <li><a href="/tag/waste">waste</a></li>
        <li><a href="/tag/noise">noise</a></li>
        <li><a href="/tag/chemicals">chemicals</a></li>
        <li><a href="/tag/pipeline-monitoring">pipeline-monitoring</a></li>
        <li><a href="/tag/cafo">cafo</a></li>
      </ul>
    </div>
  </div>

  <style>
    .footer-topics .col-md-3 h6 {
      color: black;
    }

    .footer-topics .col-md-3 li a{
      color: #808080
    }

    .footer-topics .col-md-3 li {
      margin-top:-5px;
      padding: 0;
    }
  </style>
</div>