The page footer should look like that shown in the following screenshot:

The page footer has two equal sized columns on the larger viewport. These columns stack when the viewport become narrower than 768 pixels.

The main HTML in the html/includes/footer.html HTML template may look like the following:

      <footer class="container page-footer bg-dark"> 
            <div class="row">   
                <div class="col-md-6"> 
                    <!-- left --> 
                </div> 
                <div class="col-md-6"> 
                    <!-- right --> 
                </div> 
            </div> 
      </footer>   

The footer is split into two equal sized columns by using the col-md-6 classes. These columns get 50% (6 of 12 columns) of the space on the medium (md) and larger grids. As already mentioned, you can also choose to use Bootstrap's Sass mixins to build...