To create a Action section we used default Joomla! Custom HTML module, publised on "action" position, with following code inside:

<div class="row-fluid">
<div class="container">
<div class="span8">
<div data-wow-delay="300ms" data-wow-duration="500ms" class="action-content pull-left wow fadeInLeft animated animated" style="visibility: visible; animation-duration: 500ms; animation-delay: 300ms; animation-name: fadeInLeft;">
<h2>Every day fresh organic food</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="span4">
<div data-wow-delay="300ms" data-wow-duration="500ms" class="action-button pull-right wow fadeInRight animated animated" style="visibility: visible; animation-duration: 500ms; animation-delay: 300ms; animation-name: fadeInRight;">
<a href="#" class="btn btn-primary">join now, it's free</a></div>
</div>
</div>
</div>

Module background image is associated with #sp-call-to-action-wrapper, that why it request css override or you should replace just only image located here: templates/shaper_organic_life/images/call-to-action-bg.png