| 1 |
<?php |
| 2 |
$layout_html = ''; |
| 3 |
|
| 4 |
$layout_html .= '<div class="'.$cols.' cfb-box-'.$i.'"> |
| 5 |
<div data-effect="'.$effect.'" data-height="'.$height.'" class="flip"> |
| 6 |
<div class="'.$effect.'">'; |
| 7 |
|
| 8 |
$layout_html .= '<div class="face front" style="color: rgb(51, 51, 51); background:white; border-style: solid; border-width: 1px; border-color:'.$flipbox_color_scheme.';"> |
| 9 |
<div class="ifb-flip-box-section cfb-section"> |
| 10 |
<div class="flip-box-icon"> |
| 11 |
<div class="ult-just-icon-wrapper"> |
| 12 |
<div class="align-icon" style="text-align:center;"> |
| 13 |
<div class="aio-icon none " style="color:'.$flipbox_color_scheme.';display:inline-block;"> |
| 14 |
<i class="fa '.$flipbox_icon.'" style="font-size:'.$icon_size.'!important;"> |
| 15 |
</i> |
| 16 |
</div> |
| 17 |
</div> |
| 18 |
</div> |
| 19 |
</div> |
| 20 |
|
| 21 |
<div class="flip-title" style="color:'.$flipbox_color_scheme.'"><strong>'. $flipbox_title.'</strong></div> |
| 22 |
<div class="flip-desc" style="color:'.$flipbox_color_scheme.'">'.$flipbox_label.'</div> |
| 23 |
</div> |
| 24 |
</div> <!-- END .front --> |
| 25 |
|
| 26 |
<div class="face back" style="border-style: solid; border-width: 1px; border-color:'.$flipbox_color_scheme.'"> |
| 27 |
<div class="ifb-flip-box-section cfb-section"> |
| 28 |
<div class="ifb-desc-back"> |
| 29 |
<div class="ifb-flip-box-section-content ult-responsive"> |
| 30 |
<div class="with-icon-desc"><p style="color:'.$flipbox_color_scheme.'">'.$flipbox_truncate.'</p></div> |
| 31 |
<div class="flip_link"> |
| 32 |
<p><a target="_blank" style="color:'.$flipbox_color_scheme.'" href="'.esc_url($flipbox_url).'"><strong>'.$read_more_link.'</strong></a></p> |
| 33 |
</div> |
| 34 |
</div> |
| 35 |
</div> |
| 36 |
</div> |
| 37 |
</div>'; |
| 38 |
$layout_html .= '</div></div></div>'; |
