{"id":3930,"date":"2026-04-23T04:44:25","date_gmt":"2026-04-23T04:44:25","guid":{"rendered":"https:\/\/kb.rockeye.com\/crm\/?page_id=3930"},"modified":"2026-04-23T04:44:26","modified_gmt":"2026-04-23T04:44:26","slug":"videos","status":"publish","type":"page","link":"https:\/\/kb.rockeye.com\/crm\/videos\/","title":{"rendered":"Videos"},"content":{"rendered":"\t\t<!-- Video Tutorials Section -->\n\t\t<section\n\t\t\tclass=\"kb-video-tutorials border-0 p-0 m-0 kb-playlist-3923\">\n\t\t\t<div\n\t\t\t\tclass=\"mb-4\">\n\t\t\t\t<div class=\"\">\n\t\t\t\t\t<h2 class=\"kb-section-heading mb-2\">\n\t\t\t\t\t\tCRM<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<!-- Video Container -->\n\t\t\t<div\n\t\t\t\tclass=\"row kb-gap-44\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"Mxe1dYv1Q4c\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Contract Management Solution By ROCKEYE\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tContract Management<br>Solution By ROCKEYE\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/Mxe1dYv1Q4c\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<!-- Global Video Popup Modal -->\n\t\t\t\t\t<div class=\"modal fade kb-video-modal\" id=\"videoPopup\" tabindex=\"-1\" aria-labelledby=\"videoPopupLabel\"\n\t\t\t\taria-hidden=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-lg modal-dialog-centered\">\n\t\t\t\t\t<div class=\"modal-content bg-dark border-0\">\n\t\t\t\t\t\t<div class=\"modal-header border-bottom-0 pb-0\">\n\t\t\t\t\t\t\t<h5 class=\"modal-title text-white\" id=\"videoPopupLabel\">Video Tutorial<\/h5>\n\t\t\t\t\t\t\t<button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n\t\t\t\t\t\t\t\taria-label=\"Close\"><\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"modal-body p-0\">\n\t\t\t\t\t\t\t<div class=\"ratio ratio-16x9\">\n\t\t\t\t\t\t\t\t<iframe id=\"tutorialVideoFrame\" src=\"\" title=\"Video\" allowfullscreen\n\t\t\t\t\t\t\t\t\tstyle=\"border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;\"><\/iframe>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t<style>\n\t\t\t\/* Micro-interactions & styling for video cards *\/\n\t\t\t.kb-video-card-3923:hover img {\n\t\t\t\ttransform: scale(1.05);\n\t\t\t}\n\n\t\t\t.kb-video-card-3923:hover .kb-video-play-icon {\n\t\t\t\tcolor: #fff !important;\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\n\t\t\t.kb-video-card-3923 .transition-base {\n\t\t\t\ttransition: all 0.3s ease;\n\t\t\t}\n\t\t<\/style>\n\t\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-video-tutorial.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3930","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kb.rockeye.com\/crm\/wp-json\/wp\/v2\/pages\/3930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.rockeye.com\/crm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.rockeye.com\/crm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/crm\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/crm\/wp-json\/wp\/v2\/comments?post=3930"}],"version-history":[{"count":1,"href":"https:\/\/kb.rockeye.com\/crm\/wp-json\/wp\/v2\/pages\/3930\/revisions"}],"predecessor-version":[{"id":3931,"href":"https:\/\/kb.rockeye.com\/crm\/wp-json\/wp\/v2\/pages\/3930\/revisions\/3931"}],"wp:attachment":[{"href":"https:\/\/kb.rockeye.com\/crm\/wp-json\/wp\/v2\/media?parent=3930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}