<div class="certificate-template-container" id="certificateImg" style="background: url('https://edulab.hivetheme.com/lms/assets/images/certificate-template.jpg'); background-repeat:no-repeat; background-size: 100% 100% ">
                            <div data-name="student" class="dragable-element ui-draggable ui-draggable-handle" style="left: 260px; top: 483px;">{student_name}</div>
                            <div data-name="platform-name" class="dragable-element ui-draggable ui-draggable-handle" style="left: -147px; top: 654px;">{platform_name}</div>
                            <div data-name="course-completed-date" class="dragable-element ui-draggable ui-draggable-handle" style="left: 17px; top: 330px;">{course_title}</div>
                            <div data-name="course-completed-date" class="dragable-element ui-draggable ui-draggable-handle" style="left: -104px; top: 290px;">
                                {course_completed_date} </div>
                            <div data-name="course-completed-date" class="dragable-element ui-draggable ui-draggable-handle" style="left: 21px; top: 650px;">{instructor_name}
                            </div>
                        </div>