#Footer

A simple container that occupies the entire width of the page

Basic Footer

<footer class="be-footer">
<div class="be-grid-container-3">
   <div>
        <h2>Title here</h2>
        <p>Lorem ipsum dolor sit amet...</p>
   </div>
   <div>
        <h2>Title here</h2>
        <p>Lorem ipsum dolor sit amet...</p>
   </div>
   <div>
        <h2>Title here</h2>
        <p>Lorem ipsum dolor sit amet...</p>
   </div>
</div>
</footer>

Footer with other elements

<footer class="be-footer">
   <div class="be-grid-container-3">
       <div>
        <h2>Title</h2>
        <ul>
            <li><a href="#">About us</a></li>
            <li><a href="#">Our Team</a></li>
            <li><a href="#">Careers</a></li>
            <li><a href="#">Partners</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
        </div>

       <div>
        <h2>Title...</h2>
        <p>Lorem ipsum dolor sit amet...</p> 
        </div>

       <div>
        <h2>Where we are</h2>
            <address>
            <iframe width="225" height="200">...</iframe>
             <p>Carrer del Cap Problema 32</p>
            <strong>Tel.: 555 555 555</strong>
            </address>
        </div>
      </div> <!-- end of grid container -->

<div class="be-column-container be-align-center">
       <div>
           <a href="#"><img src="images.svg" alt="image"> mastodom</a>
       </div>
       <div>
            <a href="#"><img src="images.svg" alt="image"> pixelfed</a>
        </div>
        <div>
            <a href="#"><img src="image.svg" alt="image"> mastodom</a>
        </div>
 </div>
</footer>