WDHTML - Hexbox

<!-- BEGINNING OF BOX CODE -->
<div class="cont">

                                  <!-- ⇓ Change first box font, border, and background here. -->
<div class="bxx1" style="font:11px Consolas;border:3px double #B6DBEE;background:rgba(255,255,255,0.75)">
<div class="cntnr flp"><div class="cntnrcntnt">
                    <!-- ⇓ Change header font and color here. -->
<h6 style="color:#D89667;font:31px 'Poiret One';"> short title here... </h6>
<!-- Beginning of first box content. -->
<p>This is a paragraph. Feel free to add more content. Remember to wrap chunks of text in paragraphs.</p>
<!-- End of first box content. -->
</div></div></div>

                                  <!-- ⇓ Change second box font, border, and background here. -->
<div class="bxx2" style="font:11px Consolas;border:3px double #B6DBEE;background:rgba(255,255,255,0.75)"><div class="cntnr2">
                    <!-- ⇓ Change header font and color here. -->
<h6 style="color:#D89667;font:31px 'Poiret One';"> ...short title here </h6>
<!-- Beginning of second box content. -->
<p>This is a paragraph. Feel free to add more content. Remember to wrap chunks of text in paragraphs.</p>
<!-- End of second box content. -->
</div></div>

<div class="hex">
           <!-- ⇓ Change hexagon image here. -->
<img src="https://i.imgur.com/Q1iaBRi.jpg" alt="">
                                  <!-- ⇓ Change caption border, font, font color, and background here. -->
<div class="quot" style="border:1px solid #000;font:11px Consolas;color:#FFFFFF;background:rgba(0,0,0,.75);">
quick caption here
</div>

</div></div>
<!-- END OF BOX CODE -->