<style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style>
        

                                <style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style>
        

                                <style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style>
        

                                <style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style>
        

                                <style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style>
        

                                <style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style>
        

                                <style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style>
        

                                <style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style>
        

                                <style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style>
        

                                
<style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style><style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style><style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style><style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style><style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style><style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style><style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style><style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style><style>
            @import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap%27');
            @import url('https://fonts.googleapis.com/css2?family=Miss+Fajardose&display=swap%27');
        </style><div id="certificate-layout-module" class="certificate-layout-module resizeable-canvas draggable ui-draggable ui-draggable-handle ui-resizable hidden-position" style="position: relative; width: 1069.2px; height: 755.055px; left: 0px; top: -1px;" bis_skin_checked="1">
                <img class="certificate-template" style="width: 100%; height: 100%;" src="https://iolx.org/public/uploads/certificate-template/1767953013-YG0gZFd6cXVNoL7hb4i2JSC5RH1fE3.png"><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;" bis_skin_checked="1"></div><div class="draggable resizeable-canvas ui-draggable ui-draggable-handle ui-resizable" style="position: absolute; font-size: 16px; top: 574.75px; left: 650.75px; width: 122.125px; font-family: auto; height: 106.236px; padding: 5px !important;" bis_skin_checked="1">
                {qr_code}
                <i class="remove-item fi-rr-cross-circle cursor-pointer" onclick="$(this).parent().remove()">
            </i><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;" bis_skin_checked="1"></div></div><div class="draggable resizeable-canvas ui-draggable ui-draggable-handle ui-resizable" style="position: absolute; font-size: 18px; top: 611.556px; left: 50.5556px; width: 287.825px; font-family: &quot;Pinyon Script&quot;; height: 43.8px; padding: 5px !important;" bis_skin_checked="1">
                {instructor_name}
                <i class="remove-item fi-rr-cross-circle cursor-pointer" onclick="$(this).parent().remove()">
            </i><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;" bis_skin_checked="1"></div></div><div class="draggable resizeable-canvas ui-draggable ui-draggable-handle ui-resizable" style="position: absolute; font-size: 18px; top: 305.575px; left: 275.575px; width: 569.988px; font-family: &quot;Pinyon Script&quot;; height: 47.8px; padding: 5px !important;" bis_skin_checked="1">
                {student_name}
                <i class="remove-item fi-rr-cross-circle cursor-pointer" onclick="$(this).parent().remove()">
            </i><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;" bis_skin_checked="1"></div></div><div class="draggable resizeable-canvas ui-draggable ui-draggable-handle ui-resizable" style="position: absolute; font-size: 16px; top: 624.6px; left: 843.6px; width: min-content; font-family: auto; padding: 5px !important;" bis_skin_checked="1">
                {course_completion_date}
                <i class="remove-item fi-rr-cross-circle cursor-pointer" onclick="$(this).parent().remove()">
            </i><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;" bis_skin_checked="1"></div></div><div class="draggable resizeable-canvas ui-draggable ui-draggable-handle ui-resizable" style="position: absolute; font-size: 12px; top: 669.972px; left: 66.9722px; width: min-content; font-family: auto; padding: 5px !important;" bis_skin_checked="1">
                {certificate_download_date}
                <i class="remove-item fi-rr-cross-circle cursor-pointer" onclick="$(this).parent().remove()">
            </i><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;" bis_skin_checked="1"></div></div><div class="draggable resizeable-canvas ui-draggable ui-draggable-handle ui-resizable hidden-position" style="position: absolute; font-size: 30px; top: 259.9px; left: 1115.89px; width: 534.336px; height: 62px; font-family: auto; padding: 5px !important;" bis_skin_checked="1">
                COURSE COMPLETION CERTIFICATE
                <i class="remove-item fi-rr-cross-circle cursor-pointer" onclick="$(this).parent().remove()">
            </i><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;" bis_skin_checked="1"></div></div><div class="draggable resizeable-canvas ui-draggable ui-draggable-handle ui-resizable hidden-position" style="position: absolute; font-size: 18px; top: 405.375px; left: 1076.39px; width: 802.1px; font-family: &quot;Pinyon Script&quot;; height: 100.238px; padding: 5px !important;" bis_skin_checked="1">
                This certificate is awarded to {student_name} in recognition of their successful completion of Course on {course_completion_date}. Your hard work, dedication, and commitment to learning have enabled you to achieve this milestone, and we are proud to recognize your accomplishment.
                <i class="remove-item fi-rr-cross-circle cursor-pointer" onclick="$(this).parent().remove()">
            </i><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;" bis_skin_checked="1"></div></div><div class="draggable resizeable-canvas ui-draggable ui-draggable-handle ui-resizable" style="position: absolute; font-size: 18px; top: 407.2px; left: 319.2px; width: 428.25px; font-family: auto; height: 46.8px; padding: 5px !important;" bis_skin_checked="1">
                {course_title}
                <i class="remove-item fi-rr-cross-circle cursor-pointer" onclick="$(this).parent().remove()">
            </i><div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;" bis_skin_checked="1"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;" bis_skin_checked="1"></div></div></div>