Homepage Part 2 - Dark Action Box

Please follow below steps to create a dark action box as shown in above screenshot and on demo page http://demo.drupar.com/berrypro/

1. Navigate to: Administration >> Structure >> Blocks
   

   admin/structure/block

2. Click Add block link.



3. Create a new block.
   
4. Use below sample code for block body:
   
   <div class="action-box-dark">
<div class="two_three"><h3>Loved BerryPro theme? What are you waiting for, Get it now</h3></div>
<div class="one_three_last"><a class="button" href="http://drupar.com">Buy This Theme</a></div>
</div> <!-- /.action-box -->
5. Use Full HTML as Text Format.
   
6. Scroll down and set its region to Homepage content and click Save block button.
   

Done!!