First, paste this CSS into the Quick Configurator box.
.front-page-2 .content-box .front-page-2 .content-box .widget-title .front-page-2 .topBox .front-page-2 .topBox hr .front-page-2 .topBox .widget-title .front-page-2 .content-box p .front-page-2 .content-box p.small-text .front-page-2 .topBox p .front-page-2 .icon .front-page-2 .icon.ion-checkmark-round .front-page-2 .icon.ion-close-round .front-page-2 .content-box .button .front-page-2 .content-box .button.blue
Then paste this HTML into four separate text widgets.
The top full width text widget
<h3 class="widget-title">Title in a text widget</h3> This is an introductory paragraph that explains what the tables are about. <hr>
Table one (the second text widget)
<div class="content-box"> <h3 class="widget-title">Freelance</h3> <i class="icon ion-checkmark-round"></i> List item one <i class="icon ion-checkmark-round"></i> List item two <i class="icon ion-checkmark-round"></i> List item three <i class="icon ion-checkmark-round"></i> List item four <a href="#" class="button">Button</a> </div>
Table two (the third text widget)
<div class="content-box"> <h3 class="widget-title">Small Business</h3> <p class="small-text">Our most popular service</p> <i class="icon ion-close-round"></i> List item one <i class="icon ion-close-round"></i> List item two <i class="icon ion-close-round"></i> List item three <i class="icon ion-close-round"></i> List item four <i class="icon ion-close-round"></i> List item five <a href="#" class="button blue">Button</a></div>
Table three (fourth text widget)
<div class="content-box"> <h3 class="widget-title">Creative Agency</h3> <i class="icon ion-checkmark-round"></i> List item one <i class="icon ion-checkmark-round"></i> List item two <i class="icon ion-checkmark-round"></i> List item three <i class="icon ion-checkmark-round"></i> List item four <a href="#" class="button">Button</a></div>