{"id":36,"date":"2024-04-20T12:01:28","date_gmt":"2024-04-20T11:01:28","guid":{"rendered":"https:\/\/afcmediauk.com\/?page_id=36"},"modified":"2025-06-19T00:02:33","modified_gmt":"2025-06-18T23:02:33","slug":"colibri-wp","status":"publish","type":"page","link":"https:\/\/afcmediauk.com\/?page_id=36","title":{"rendered":"Front Page"},"content":{"rendered":"\n<div class=\"video-publishing-container\">\n    <!-- Featured Video Section -->\n    <section class=\"featured-video-section\">\n        <h2 class=\"section-title\">Featured Video<\/h2>\n        <div class=\"featured-video-wrapper\">\n            <div class=\"video-container\">\n                <!-- Replace with your embed code -->\n                <iframe loading=\"lazy\" width=\"100%\" height=\"500\" src=\"https:\/\/www.youtube.com\/embed\/YOUR_VIDEO_ID\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n            <\/div>\n            <div class=\"video-details\">\n                <h3 class=\"video-title\">Featured Video Title<\/h3>\n                <p class=\"video-description\">Description of the featured video goes here. You can include details about the content, length, and key points covered.<\/p>\n                <div class=\"video-meta\">\n                    <span class=\"publish-date\">Published: June 17, 2025<\/span>\n                    <span class=\"video-duration\">Duration: 10:25<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Video Grid Section -->\n    <section class=\"video-grid-section\">\n        <h2 class=\"section-title\">Latest Videos<\/h2>\n        <div class=\"video-grid\">\n            <!-- Video Item 1 -->\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x169\" alt=\"Video thumbnail\" class=\"thumbnail-image\">\n                    <div class=\"play-icon\">\u25b6<\/div>\n                <\/div>\n                <h3 class=\"video-item-title\">Video Title 1<\/h3>\n                <div class=\"video-item-meta\">\n                    <span class=\"views\">1.2K views<\/span>\n                    <span class=\"date\">2 days ago<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Video Item 2 -->\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x169\" alt=\"Video thumbnail\" class=\"thumbnail-image\">\n                    <div class=\"play-icon\">\u25b6<\/div>\n                <\/div>\n                <h3 class=\"video-item-title\">Video Title 2<\/h3>\n                <div class=\"video-item-meta\">\n                    <span class=\"views\">3.4K views<\/span>\n                    <span class=\"date\">1 week ago<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Video Item 3 -->\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x169\" alt=\"Video thumbnail\" class=\"thumbnail-image\">\n                    <div class=\"play-icon\">\u25b6<\/div>\n                <\/div>\n                <h3 class=\"video-item-title\">Video Title 3<\/h3>\n                <div class=\"video-item-meta\">\n                    <span class=\"views\">5.6K views<\/span>\n                    <span class=\"date\">2 weeks ago<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Video Item 4 -->\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x169\" alt=\"Video thumbnail\" class=\"thumbnail-image\">\n                    <div class=\"play-icon\">\u25b6<\/div>\n                <\/div>\n                <h3 class=\"video-item-title\">Video Title 4<\/h3>\n                <div class=\"video-item-meta\">\n                    <span class=\"views\">7.8K views<\/span>\n                    <span class=\"date\">3 weeks ago<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"load-more-container\">\n            <button class=\"load-more-btn\">Load More Videos<\/button>\n        <\/div>\n    <\/section>\n\n    <!-- Video Categories Section -->\n    <section class=\"video-categories-section\">\n        <h2 class=\"section-title\">Browse by Category<\/h2>\n        <div class=\"categories-grid\">\n            <a href=\"#\" class=\"category-item\">\n                <div class=\"category-icon\">\ud83c\udfac<\/div>\n                <h3 class=\"category-name\">Tutorials<\/h3>\n            <\/a>\n            <a href=\"#\" class=\"category-item\">\n                <div class=\"category-icon\">\ud83d\udcf9<\/div>\n                <h3 class=\"category-name\">Interviews<\/h3>\n            <\/a>\n            <a href=\"#\" class=\"category-item\">\n                <div class=\"category-icon\">\ud83c\udfad<\/div>\n                <h3 class=\"category-name\">Entertainment<\/h3>\n            <\/a>\n            <a href=\"#\" class=\"category-item\">\n                <div class=\"category-icon\">\ud83d\udcda<\/div>\n                <h3 class=\"category-name\">Education<\/h3>\n            <\/a>\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n\/* Basic styling for the video publishing page *\/\n.video-publishing-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n    font-family: 'Arial', sans-serif;\n}\n\n.section-title {\n    color: #333;\n    border-bottom: 2px solid #eee;\n    padding-bottom: 10px;\n    margin-bottom: 20px;\n}\n\n\/* Featured Video Section *\/\n.featured-video-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-bottom: 40px;\n}\n\n.video-container {\n    position: relative;\n    padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n    height: 0;\n    overflow: hidden;\n}\n\n.video-container iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.video-details {\n    padding: 0 10px;\n}\n\n.video-title {\n    font-size: 24px;\n    margin: 0 0 10px 0;\n    color: #222;\n}\n\n.video-description {\n    color: #666;\n    line-height: 1.6;\n    margin-bottom: 15px;\n}\n\n.video-meta {\n    display: flex;\n    gap: 15px;\n    color: #888;\n    font-size: 14px;\n}\n\n\/* Video Grid Section *\/\n.video-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 20px;\n    margin-bottom: 30px;\n}\n\n.video-item {\n    border: 1px solid #eee;\n    border-radius: 5px;\n    overflow: hidden;\n    transition: transform 0.3s ease;\n}\n\n.video-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.video-thumbnail {\n    position: relative;\n    cursor: pointer;\n}\n\n.thumbnail-image {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n.play-icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(0,0,0,0.7);\n    color: white;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n}\n\n.video-item-title {\n    font-size: 16px;\n    margin: 10px;\n    color: #333;\n}\n\n.video-item-meta {\n    display: flex;\n    justify-content: space-between;\n    padding: 0 10px 10px;\n    color: #888;\n    font-size: 13px;\n}\n\n.load-more-container {\n    text-align: center;\n    margin: 30px 0;\n}\n\n.load-more-btn {\n    background: #0073aa;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 16px;\n    transition: background 0.3s;\n}\n\n.load-more-btn:hover {\n    background: #005177;\n}\n\n\/* Categories Section *\/\n.categories-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    gap: 20px;\n}\n\n.category-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 20px;\n    background: #f9f9f9;\n    border-radius: 5px;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}\n\n.category-item:hover {\n    background: #0073aa;\n    color: white;\n}\n\n.category-item:hover .category-name {\n    color: white;\n}\n\n.category-icon {\n    font-size: 40px;\n    margin-bottom: 10px;\n}\n\n.category-name {\n    color: #333;\n    margin: 0;\n    text-align: center;\n    transition: color 0.3s;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n    .video-grid {\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    }\n    \n    .categories-grid {\n        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    }\n}\n\n@media (max-width: 480px) {\n    .video-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .featured-video-wrapper {\n        flex-direction: column;\n    }\n}\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/pages\/36"}],"collection":[{"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afcmediauk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":3,"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/afcmediauk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}