Custom hard-coded boxes translation

Hi guys,

I’ve started translating my website with the Polylang plugin, which is amazing, but I have the following problem:

On my homepage http://pyramisaegypt.com/ I have 4 hard-coded boxes in home-page.php with the following code:

<div class=”four columns module-side module-side-left alpha”>
<figure class=”effect-oscar”>
<div class=”imgf”style=”background:url(http://pyramisaegypt.com/wp-content/uploads/fboxes2.jpg);”></div>
<figcaption>
<h2>Money Value Guarantee</span></h2>
<p>We believe that everyone is entitled to a great vacation; we have gone through great lengths to
guarantee exceptional service at an exceptional price!
</p>

</figcaption>
</figure> </div>
<div class=”four columns module-side module-side-left alpha”>
<figure class=”effect-oscar”>
<div class=”imgf”style=”background:url(http://pyramisaegypt.com/wp-content/uploads/fboxes3.jpg);”></div>
<figcaption>
<h2>Our Awards & Certificates</span></h2>
<p>We know hospitality and we got the awards as a testament for delivering our promises.</p>

</figcaption>
</figure> </div>
<div class=”four columns module-side module-side-left alpha”>
<figure class=”effect-oscar”>
<div class=”imgf” style=”background:url(http://pyramisaegypt.com/wp-content/uploads/fboxes4.jpg);”></div>
<figcaption>
<h2 style=””>Our rich history</span></h2>
<p>Pyramisa began as a family business in the 80’s, click here to learn more about how it grew to become the leading Egyptian 5-star hotel chain.</p>

</figcaption>
</figure>
</div>
</div>
</div>

Does anyone have any idea how to translate it?

Thank you!

https://ww.wp.xz.cn/plugins/polylang/