Gist for my "WordPress: Managing Your Theme's Footer With Widgets." tutorial/article on https://since1979.dev/wordpress-adding-widget-areas-to-your-themes-footer/

widget-area-result.html

<div class="pure-u-1 pure-u-sm-1-3 pure-u-md-1-3 pure-u-lg-1-5 pure-u-xl-1-5">

    <section class="footer-area footer-area-two">
        
        <h4>Contact info</h4>
        
        <div class="textwidget">
            
            <p>Streetname 123<br />
            1234 AB &#8211; Cityname<br />
            Phone: 12-34567890<br />
            Email: info@example.com</p>

        </div>

    </section>  

</div>