Hi there,
Your best bet is to Inspect Element (using Chrome, or Firebug with Firefox) on the page to see the code I used.
First, I used the Sections add-ons for the multiple sections.
Inside the add-on section, you can use this plugin to create the columns: https://wordpress.org/plugins/lightweight-grid-columns/
Then inside each column, I added another div which I added some CSS to to style it nicely.
Then it’s just an image, a linked title, and a couple of HTML buttons.
<a href="#whatever" class="button green">Add to Cart</a> <a href="#whatever" class="button gray">Details</a>
.button.green, .button.green:visited {
background: #76b711;
color: #fff;
}
.button.green:hover {
background: #67a00b;
}
.button.gray, .button.gray:visited {
background: #475160;
color: #fff;
}
.button.gray:hover {
background: #3f4754;
}
Let me know if you need more info π