<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="http://localhost/academy-laravel/academy_1.4/public/uploads/certificate-template/certificate-default.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: 114px; left: 93px; width: 84.8906px; font-family: &quot;auto&quot;; padding: 5px !important; height: 80px;" 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: 546px; left: 125px; width: 210.031px; font-family: &quot;Pinyon Script&quot;; padding: 5px !important; height: 37px;" 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: 546px; left: 724px; width: 210.188px; font-family: &quot;Pinyon Script&quot;; padding: 5px !important; height: 39px;" 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: 545px; left: 442px; width: min-content; font-family: &quot;auto&quot;; 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: 665px; left: 457px; width: min-content; font-family: &quot;auto&quot;; 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" style="position: absolute;font-size: 30px;top: 136px;left: 264px;width: 534.336px;padding: 5px !important;height: 62px;font-family: auto;" 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" style="position: absolute; font-size: 18px; top: 211px; left: 205px; width: 664.5px; font-family: &quot;Pinyon Script&quot;; padding: 5px !important; height: 98px;" 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: 316px; left: 315px; width: 428.25px; font-family: &quot;auto&quot;; padding: 5px !important; height: 48px;" 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>