{"id":103,"date":"2026-10-23T16:44:04","date_gmt":"2026-10-23T16:44:04","guid":{"rendered":"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=103"},"modified":"2026-10-24T05:55:03","modified_gmt":"2026-10-24T05:55:03","slug":"photo-gallery","status":"publish","type":"page","link":"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=103","title":{"rendered":"Photo-gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"103\" class=\"elementor elementor-103\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf05065 e-flex e-con-boxed e-con e-parent\" data-id=\"cf05065\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05996f5 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"05996f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Tailwind CSS (CDN) -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<!-- Font Awesome Icons -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n    .gallery-wrapper { font-family: 'Plus Jakarta Sans', sans-serif; background-color: #0b0f19; color: #f3f4f6; min-height: 100vh; }\r\n    .gallery-wrapper .gradient-text {\r\n        background: linear-gradient(135deg, #818cf8 0%, #c084fc 100%);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"gallery-wrapper selection:bg-indigo-500 selection:text-white flex flex-col justify-between\">\r\n\r\n    <!-- Header \/ Navbar Section -->\r\n    <header class=\"bg-[#0b0f19]\/80 backdrop-blur-md sticky top-0 z-50 border-b border-gray-800\/80\">\r\n        <div class=\"max-w-6xl mx-auto px-4 py-4 flex justify-between items-center\">\r\n            <!-- Brand Logo -->\r\n            <a href=\"#\" class=\"text-2xl font-extrabold tracking-tight text-white flex items-center gap-1\">\r\n                Rubaiyat<span class=\"text-indigo-500 text-3xl\">.<\/span>\r\n            <\/a>\r\n            \r\n            <!-- Desktop Navigation -->\r\n            <nav class=\"hidden md:flex space-x-8 text-sm font-medium text-gray-300\">\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/\" class=\"hover:text-indigo-400 transition-colors\">Home<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=63\" class=\"hover:text-indigo-400 transition-colors\">About<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=75\" class=\"hover:text-indigo-400 transition-colors\">Services<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=80\" class=\"text-indigo-400 font-semibold relative after:content-[''] after:absolute after:-bottom-5 after:left-0 after:w-full after:h-0.5 after:bg-indigo-500\">Portfolio<\/a>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88\" class=\"hover:text-indigo-400 transition-colors\">Contact<\/a>\r\n            <\/nav>\r\n\r\n            <!-- Action Button & Mobile Menu Toggle -->\r\n            <div class=\"flex items-center gap-4\">\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=80\" class=\"bg-gray-800 hover:bg-gray-700 text-gray-300 hover:text-white px-4 py-2 rounded-xl transition text-xs flex items-center gap-2 border border-gray-700\">\r\n                    <i class=\"fa-solid fa-arrow-left\"><\/i> Back to Portfolio\r\n                <\/a>\r\n                <button id=\"menu-btn-gallery\" class=\"md:hidden text-gray-400 hover:text-white focus:outline-none text-xl\">\r\n                    <i class=\"fa-solid fa-bars\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Mobile Dropdown Navigation -->\r\n        <div id=\"mobile-menu-gallery\" class=\"hidden md:hidden bg-[#0b0f19] border-b border-gray-800 px-4 pt-2 pb-4 space-y-3 text-sm\">\r\n            <a href=\"#\" class=\"block text-gray-300 hover:text-indigo-400\">Home<\/a>\r\n            <a href=\"#\" class=\"block text-gray-300 hover:text-indigo-400\">About<\/a>\r\n            <a href=\"#\" class=\"block text-gray-300 hover:text-indigo-400\">Services<\/a>\r\n            <a href=\"#\" class=\"block text-indigo-400 font-semibold\">Portfolio<\/a>\r\n            <a href=\"#\" class=\"block text-gray-300 hover:text-indigo-400\">Contact<\/a>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Main Content Container -->\r\n    <main class=\"max-w-6xl mx-auto px-4 py-12 w-full space-y-10\">\r\n        \r\n        <!-- Heading & Subheading -->\r\n        <div class=\"text-center space-y-3\">\r\n            <h1 class=\"text-3xl sm:text-5xl font-extrabold tracking-tight text-white\">\r\n                Photo <span class=\"gradient-text\">Gallery<\/span>\r\n            <\/h1>\r\n            <p class=\"text-sm sm:text-base text-gray-400 max-w-lg mx-auto\">\r\n                A visual showcase of captured moments, places, and project photography.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Photo Grid -->\r\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6\">\r\n\r\n            <!-- Photo Card 1 -->\r\n            <div class=\"group relative overflow-hidden rounded-2xl border border-gray-800 bg-gray-900\/60 shadow-lg h-72\">\r\n                <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQUBkivM6GPSQW3LlX7SL25PKOuU4z_zq-UZjDx4bXNGg&s=10\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/20 to-transparent flex flex-col justify-end p-5\">\r\n                    <div class=\"flex items-center gap-2 text-[11px] font-medium tracking-wider text-gray-300\/80 uppercase mb-1\">\r\n                        <span>PHOTOSHOP & CANVA<\/span>\r\n                        <span>\u2022<\/span>\r\n                        <span>13 Aug 2025<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-base font-semibold text-white drop-shadow-sm\">Branded Poster Design<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Photo Card 2 -->\r\n            <div class=\"group relative overflow-hidden rounded-2xl border border-gray-800 bg-gray-900\/60 shadow-lg h-72\">\r\n                <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcTFQith68DYVV530CPLSvwCsKYA7VgJ7HDy01EoKpfY_g&s=10\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/20 to-transparent flex flex-col justify-end p-5\">\r\n                    <div class=\"flex items-center gap-2 text-[11px] font-medium tracking-wider text-gray-300\/80 uppercase mb-1\">\r\n                        <span> Adobe & Canva<\/span>\r\n                        <span>\u2022<\/span>\r\n                        <span>10 Jan 2026<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-base font-semibold text-white drop-shadow-sm\">Porsche 911 Poster Design<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Photo Card 3 -->\r\n            <div class=\"group relative overflow-hidden rounded-2xl border border-gray-800 bg-gray-900\/60 shadow-lg h-72\">\r\n                <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcRDkHv__iLaSxM8DgpArAq3IS5rM_ArxfIOFiqY5gWe6g&s=10\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/20 to-transparent flex flex-col justify-end p-5\">\r\n                    <div class=\"flex items-center gap-2 text-[11px] font-medium tracking-wider text-gray-300\/80 uppercase mb-1\">\r\n                        <span> Canva & Lightroom<\/span>\r\n                        <span>\u2022<\/span>\r\n                        <span>05 Feb 2026<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-base font-semibold text-white drop-shadow-sm\">Youtube Thumbnail<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Photo Card 4 -->\r\n            <div class=\"group relative overflow-hidden rounded-2xl border border-gray-800 bg-gray-900\/60 shadow-lg h-72\">\r\n                <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQnXcuYW2nHWIbb8Ksas40Q4grHmZogUd8w4PKc9Septw&s=10\" alt=\"Travel Moments\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/20 to-transparent flex flex-col justify-end p-5\">\r\n                    <div class=\"flex items-center gap-2 text-[11px] font-medium tracking-wider text-gray-300\/80 uppercase mb-1\">\r\n                        <span> after effects<\/span>\r\n                        <span>\u2022<\/span>\r\n                        <span>20 Mar 2026<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-base font-semibold text-white drop-shadow-sm\">Using After Effects<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Photo Card 5 -->\r\n            <div class=\"group relative overflow-hidden rounded-2xl border border-gray-800 bg-gray-900\/60 shadow-lg h-72\">\r\n                <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQDQvCGZkUxJP9Hvee3rUQCeDlZtsZzNO4gG-Y9EHJ_JA&s=10\" alt=\"Photoshop Composition\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/20 to-transparent flex flex-col justify-end p-5\">\r\n                    <div class=\"flex items-center gap-2 text-[11px] font-medium tracking-wider text-gray-300\/80 uppercase mb-1\">\r\n                        <span>Canva<\/span>\r\n                        <span>\u2022<\/span>\r\n                        <span>12 Apr 2026<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-base font-semibold text-white drop-shadow-sm\">Graphics & Visual Retouching<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Photo Card 6 -->\r\n            <div class=\"group relative overflow-hidden rounded-2xl border border-gray-800 bg-gray-900\/60 shadow-lg h-72\">\r\n                <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQyxTazczivLC9K6101uUPSJBnHv01XxKJ4HkPMQDo2kg&s=10\" alt=\"Reading & Notes\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-t from-black\/85 via-black\/20 to-transparent flex flex-col justify-end p-5\">\r\n                    <div class=\"flex items-center gap-2 text-[11px] font-medium tracking-wider text-gray-300\/80 uppercase mb-1\">\r\n                        <span>Canva % Lightroom<\/span>\r\n                        <span>\u2022<\/span>\r\n                        <span>01 May 2026<\/span>\r\n                    <\/div>\r\n                    <h3 class=\"text-base font-semibold text-white drop-shadow-sm\">Ads Poster Design<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/main>\r\n\r\n    <!-- Collaboration Callout Section -->\r\n    <section class=\"py-12 max-w-4xl mx-auto px-4 text-center\">\r\n        <div class=\"bg-gradient-to-r from-indigo-950\/60 via-purple-950\/40 to-gray-900 border border-gray-800 rounded-3xl p-10 md:p-14 space-y-6 shadow-2xl\">\r\n            <h2 class=\"text-3xl font-extrabold text-white\">Want to Collaborate?<\/h2>\r\n            <p class=\"text-gray-300 text-sm max-w-md mx-auto leading-relaxed\">Reach out today to discuss your project requirements or virtual support needs.<\/p>\r\n            <div>\r\n                <a href=\"https:\/\/kaziconsumerproductsltd.xyz\/?page_id=88\" class=\"bg-indigo-600 hover:bg-indigo-500 text-white font-bold px-8 py-3.5 rounded-xl transition duration-300 shadow-xl shadow-indigo-600\/25 inline-flex items-center gap-2 text-sm\">\r\n                    Get in Touch <i class=\"fa-solid fa-arrow-right text-xs\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"py-8 border-t border-gray-800\/80 text-center text-gray-500 text-xs bg-[#0b0f19]\">\r\n        <p>&copy; 2026 Rubaiyat. All rights reserved.<\/p>\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<!-- Mobile Menu Script -->\r\n<script>\r\n    const menuBtnGallery = document.getElementById('menu-btn-gallery');\r\n    const mobileMenuGallery = document.getElementById('mobile-menu-gallery');\r\n    if (menuBtnGallery && mobileMenuGallery) {\r\n        menuBtnGallery.addEventListener('click', () => {\r\n            mobileMenuGallery.classList.toggle('hidden');\r\n        });\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Rubaiyat. Home About Services Portfolio Contact Back to Portfolio Home About Services Portfolio Contact Photo Gallery A visual showcase of captured moments, places, and project photography. PHOTOSHOP &#038; CANVA \u2022 13 Aug 2025 Branded Poster Design Adobe &#038; Canva \u2022 10 Jan 2026 Porsche 911 Poster Design Canva &#038; Lightroom \u2022 05 Feb 2026 Youtube [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=103"}],"version-history":[{"count":19,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=\/wp\/v2\/pages\/103\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/kaziconsumerproductsltd.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}