{"id":3745,"date":"2026-02-27T05:23:56","date_gmt":"2026-02-27T05:23:56","guid":{"rendered":"https:\/\/zropixel.com\/zropixel_uat\/?page_id=3745"},"modified":"2026-03-16T05:50:18","modified_gmt":"2026-03-16T05:50:18","slug":"canvas","status":"publish","type":"page","link":"https:\/\/zropixel.com\/zropixel_uat\/canvas\/","title":{"rendered":"Our Canvas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3745\" class=\"elementor elementor-3745\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3811fe0 e-flex e-con-boxed e-con e-parent\" data-id=\"3811fe0\" 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-4016b5c elementor-widget elementor-widget-html\" data-id=\"4016b5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* ============================================================\n     Portfolio Block \u2014 ZroPixel\n     Includes: tabs, grid, lightbox popup\n  ============================================================ *\/\n\n  .pf-wrap {\n    --red:          #E01A23;\n    --red-soft:     rgba(224,26,35,0.08);\n    --dark:         #111111;\n    --muted:        #6b7280;\n    --border:       rgba(0,0,0,0.09);\n    --bg:           #ffffff;\n    --card-shadow:  0 2px 16px rgba(0,0,0,0.07);\n    --tag-bg:       #f3f4f6;\n    --ease:         cubic-bezier(0.4, 0, 0.2, 1);\n    box-sizing: border-box;\n    color: var(--dark);\n    background: var(--bg);\n  }\n  .pf-wrap *, .pf-wrap *::before, .pf-wrap *::after {\n    box-sizing: inherit; margin: 0; padding: 0;\n  }\n\n  .pf-section {\n    padding: 100px 0 120px;\n    position: relative; overflow: hidden; background: #fff;\n  }\n  .pf-section::before {\n    content: ''; position: absolute; inset: 0;\n    background-image: radial-gradient(circle, rgba(0,0,0,0.055) 1px, transparent 1px);\n    background-size: 28px 28px; pointer-events: none; z-index: 0;\n  }\n  .pf-section::after {\n    content: ''; position: absolute; bottom: -200px; left: -200px;\n    width: 560px; height: 560px;\n    background: radial-gradient(circle, rgba(224,26,35,0.07) 0%, transparent 70%);\n    pointer-events: none; z-index: 0;\n  }\n  .pf-container {\n    max-width: 1280px; margin: 0 auto; padding: 0 40px;\n    position: relative; z-index: 1;\n  }\n  .pf-header {\n    display: flex; align-items: flex-end;\n    justify-content: space-between; gap: 40px; margin-bottom: 60px;\n  }\n  .pf-label {\n    display: inline-flex; align-items: center; gap: 10px;\n    font-size: 11px; font-weight: 500; letter-spacing: 0.2em;\n    text-transform: uppercase; color: var(--red); margin-bottom: 18px;\n  }\n  .pf-label::before {\n    content: ''; display: block; width: 28px; height: 1px;\n    background: var(--red); flex-shrink: 0;\n  }\n  .pf-title {\n    font-size: clamp(36px, 4vw, 58px); font-weight: 800;\n    line-height: 1.0; letter-spacing: -0.02em; color: var(--dark);\n  }\n  .pf-title em { font-style: normal; color: var(--red); }\n  .pf-subtitle {\n    max-width: 340px; font-size: 15px; line-height: 1.7;\n    color: var(--muted); flex-shrink: 0; padding-bottom: 4px;\n  }\n\n  \/* \u2500\u2500 Tabs \u2500\u2500 *\/\n  .pf-tabs-nav {\n    display: flex; align-items: center;\n    margin-bottom: 48px; border-bottom: 1px solid var(--border);\n    overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;\n  }\n  .pf-tabs-nav::-webkit-scrollbar { display: none; }\n  .pf-tab-btn {\n    position: relative; display: inline-flex; align-items: center; gap: 8px;\n    padding: 14px 24px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em;\n    text-transform: uppercase; color: var(--muted);\n    background: none; border: none; cursor: pointer;\n    white-space: nowrap; transition: color 0.25s var(--ease); outline: none; flex-shrink: 0;\n  }\n  .pf-tab-btn::after {\n    content: ''; position: absolute; bottom: -1px; left: 0;\n    width: 100%; height: 2px; background: var(--red);\n    transform: scaleX(0); transform-origin: left;\n    transition: transform 0.3s var(--ease);\n  }\n  .pf-tab-btn:hover { color: var(--dark); }\n  .pf-tab-btn.is-active { color: var(--red); }\n  .pf-tab-btn.is-active::after { transform: scaleX(1); }\n  .pf-tab-count {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 20px; height: 20px; border-radius: 50%;\n    font-size: 10px; font-weight: 700;\n    background: var(--tag-bg); color: var(--muted);\n    transition: background 0.25s, color 0.25s;\n  }\n  .pf-tab-btn.is-active .pf-tab-count { background: var(--red-soft); color: var(--red); }\n\n  \/* \u2500\u2500 Panels \u2500\u2500 *\/\n  .pf-panels { position: relative; min-height: 200px; }\n  .pf-panel { display: none; }\n  .pf-panel.is-active {\n    display: block;\n    animation: pfPanelIn 0.4s var(--ease) forwards;\n  }\n  @keyframes pfPanelIn {\n    from { opacity: 0; transform: translateY(16px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* \u2500\u2500 Grid \u2500\u2500 *\/\n  .pf-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }\n\n  \/* \u2500\u2500 Card \u2500\u2500 *\/\n  .pf-card {\n    border-radius: 4px; overflow: hidden;\n    box-shadow: var(--card-shadow); border: 1px solid var(--border);\n    opacity: 0; transform: translateY(20px);\n    animation: pfCardIn 0.5s var(--ease) forwards;\n    position: relative; cursor: pointer;\n  }\n  @keyframes pfCardIn { to { opacity: 1; transform: translateY(0); } }\n  .pf-card:nth-child(1)  { animation-delay: 0.04s; }\n  .pf-card:nth-child(2)  { animation-delay: 0.10s; }\n  .pf-card:nth-child(3)  { animation-delay: 0.16s; }\n  .pf-card:nth-child(4)  { animation-delay: 0.22s; }\n  .pf-card:nth-child(5)  { animation-delay: 0.28s; }\n  .pf-card:nth-child(6)  { animation-delay: 0.34s; }\n  .pf-card:nth-child(7)  { animation-delay: 0.40s; }\n  .pf-card:nth-child(8)  { animation-delay: 0.46s; }\n  .pf-card:nth-child(9)  { animation-delay: 0.52s; }\n  .pf-card:nth-child(10) { animation-delay: 0.58s; }\n\n  \/* Red top sweep on hover *\/\n  .pf-card::before {\n    content: ''; position: absolute; top: 0; left: 0;\n    width: 0; height: 3px; background: var(--red); z-index: 3;\n    transition: width 0.4s var(--ease);\n  }\n  .pf-card:hover::before { width: 100%; }\n\n  .pf-card-img {\n    width: 100%; aspect-ratio: 4\/3;\n    position: relative; overflow: hidden; display: block;\n  }\n  .pf-card-img-inner {\n    width: 100%; height: 100%; position: relative; overflow: hidden;\n    transition: transform 0.5s var(--ease);\n  }\n  .pf-card-img-inner img {\n    width: 100%; height: 100%; object-fit: cover; display: block;\n  }\n  .pf-card:hover .pf-card-img-inner { transform: scale(1.04); }\n\n  \/* Hover overlay *\/\n  .pf-card-overlay {\n    position: absolute; inset: 0;\n    background: rgba(0,0,0,0);\n    display: flex; align-items: center; justify-content: center;\n    transition: background 0.3s var(--ease); z-index: 2;\n  }\n  .pf-card:hover .pf-card-overlay { background: rgba(0,0,0,0.4); }\n\n  .pf-zoom-icon {\n    width: 54px; height: 54px; background: #fff; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    opacity: 0; transform: scale(0.6);\n    transition: opacity 0.3s var(--ease), transform 0.3s var(--ease);\n    box-shadow: 0 4px 24px rgba(0,0,0,0.3);\n  }\n  .pf-zoom-icon svg {\n    width: 22px; height: 22px; stroke: var(--red); fill: none;\n    stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\n  }\n  .pf-card:hover .pf-zoom-icon { opacity: 1; transform: scale(1); }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     LIGHTBOX\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .pf-lightbox {\n    position: fixed; inset: 0; z-index: 99999;\n    background: rgba(5,5,5,0.97);\n    display: flex; align-items: center; justify-content: center;\n    opacity: 0; pointer-events: none;\n    transition: opacity 0.3s var(--ease);\n  }\n  .pf-lightbox.is-open { opacity: 1; pointer-events: all; }\n\n  \/* Subtle grid texture *\/\n  .pf-lightbox::before {\n    content: ''; position: absolute; inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\n    background-size: 44px 44px; pointer-events: none;\n  }\n\n  .pf-lb-inner {\n    position: relative; z-index: 1;\n    display: flex; align-items: center; justify-content: center;\n    max-width: 92vw; max-height: 88vh;\n  }\n\n  .pf-lb-img-wrap {\n    position: relative;\n    display: flex; align-items: center; justify-content: center;\n  }\n  .pf-lb-img-wrap::before {\n    content: ''; position: absolute; top: 0; left: 0;\n    width: 100%; height: 3px; background: var(--red); z-index: 1;\n  }\n  .pf-lb-img-wrap img {\n    display: block; max-width: 88vw; max-height: 84vh;\n    width: auto; height: auto; object-fit: contain;\n    border: 1px solid rgba(255,255,255,0.07);\n    box-shadow: 0 32px 100px rgba(0,0,0,0.8);\n    transition: opacity 0.2s var(--ease);\n  }\n  .pf-lb-img-wrap img.pf-loading { opacity: 0; }\n\n  \/* Counter *\/\n  .pf-lb-counter {\n    position: absolute; bottom: -38px; left: 0; right: 0;\n    text-align: center;\n    font-size: 11px; font-weight: 600; letter-spacing: 0.18em;\n    text-transform: uppercase; color: rgba(255,255,255,0.35);\n  }\n  .pf-lb-counter em { font-style: normal; color: #fff; font-weight: 700; }\n\n  \/* Close *\/\n  .pf-lb-close {\n    position: fixed; top: 22px; right: 26px;\n    width: 46px; height: 46px;\n    background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14);\n    border-radius: 50%; display: flex; align-items: center; justify-content: center;\n    cursor: pointer; z-index: 100002;\n    transition: background 0.2s, border-color 0.2s, transform 0.3s var(--ease);\n  }\n  .pf-lb-close:hover { background: var(--red); border-color: var(--red); transform: rotate(90deg); }\n  .pf-lb-close svg {\n    width: 18px; height: 18px; stroke: #fff; fill: none;\n    stroke-width: 2.5; stroke-linecap: round;\n  }\n\n  \/* Prev \/ Next *\/\n  .pf-lb-prev, .pf-lb-next {\n    position: fixed; top: 50%; transform: translateY(-50%);\n    width: 54px; height: 54px;\n    background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14);\n    border-radius: 50%; display: flex; align-items: center; justify-content: center;\n    cursor: pointer; z-index: 100002;\n    transition: background 0.2s, border-color 0.2s, transform 0.2s;\n  }\n  .pf-lb-prev { left: 22px; }\n  .pf-lb-next { right: 22px; }\n  .pf-lb-prev:hover { background: var(--red); border-color: var(--red); transform: translateY(-50%) translateX(-2px); }\n  .pf-lb-next:hover { background: var(--red); border-color: var(--red); transform: translateY(-50%) translateX(2px); }\n  .pf-lb-prev svg, .pf-lb-next svg {\n    width: 20px; height: 20px; stroke: #fff; fill: none;\n    stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n  }\n  .pf-lightbox.pf-single .pf-lb-prev,\n  .pf-lightbox.pf-single .pf-lb-next { display: none; }\n\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n  @media (max-width: 1024px) { .pf-grid { grid-template-columns: repeat(2,1fr); } }\n  @media (max-width: 768px) {\n    .pf-header { flex-direction: column; align-items: flex-start; }\n    .pf-subtitle { max-width: 100%; }\n    .pf-tab-btn { padding: 12px 16px; font-size: 11px; }\n    .pf-lb-prev { left: 8px; }\n    .pf-lb-next { right: 8px; }\n    .pf-lb-prev, .pf-lb-next { width: 42px; height: 42px; }\n  }\n  @media (max-width: 560px) {\n    .pf-container { padding: 0 20px; }\n    .pf-section { padding: 70px 0 80px; }\n    .pf-grid { grid-template-columns: 1fr; }\n    .pf-lb-close { top: 14px; right: 14px; }\n  }\n<\/style>\n\n<div class=\"pf-wrap\">\n  <section class=\"pf-section\">\n    <div class=\"pf-container\">\n\n      <div class=\"pf-header\">\n        <div>\n          <div class=\"pf-label\">Our Canvas<\/div>\n          <h2 class=\"pf-title\">Work That<br><em>Speaks<\/em><\/h2>\n        <\/div>\n        <p class=\"pf-subtitle\">Explore our curated work across design, development, and digital marketing \u2014 built with precision, purpose, and passion.<\/p>\n      <\/div>\n\n      <nav class=\"pf-tabs-nav\" role=\"tablist\" aria-label=\"Portfolio categories\">\n        <button class=\"pf-tab-btn is-active\" role=\"tab\" aria-selected=\"true\"  data-tab=\"webdesign\">Website <span class=\"pf-tab-count\">1<\/span><\/button>\n        <button class=\"pf-tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"smm\">SMM Design <span class=\"pf-tab-count\">2<\/span><\/button>\n        <button class=\"pf-tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"logo\">Logo Design <span class=\"pf-tab-count\">3<\/span><\/button>\n        <button class=\"pf-tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"branding\">Branding <span class=\"pf-tab-count\">4<\/span><\/button>\n        <button class=\"pf-tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"photo\">Photography <span class=\"pf-tab-count\">5<\/span><\/button>\n        <button class=\"pf-tab-btn\" role=\"tab\" aria-selected=\"false\" data-tab=\"print\">Print Media Design <span class=\"pf-tab-count\">6<\/span><\/button>\n      <\/nav>\n\n      <div class=\"pf-panels\">\n\n        <!-- WEBSITE -->\n        <div class=\"pf-panel is-active\" id=\"tab-webdesign\" role=\"tabpanel\">\n          <div class=\"pf-grid\">\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web01.jpg\" alt=\"Website 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web02.jpg\" alt=\"Website 2\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web03.jpg\" alt=\"Website 3\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web04.jpg\" alt=\"Website 4\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web05.jpg\" alt=\"Website 5\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web06.jpg\" alt=\"Website 6\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web07.jpg\" alt=\"Website 7\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web08.jpg\" alt=\"Website 8\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web09.jpg\" alt=\"Website 9\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web10.jpg\" alt=\"Website 10\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web11.jpg\" alt=\"Website 11\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web13.jpg\" alt=\"Website 12\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web14.jpg\" alt=\"Website 13\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web15.jpg\" alt=\"Website 14\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/website\/web16.jpg\" alt=\"Website 15\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- SMM DESIGN -->\n        <div class=\"pf-panel\" id=\"tab-smm\" role=\"tabpanel\">\n          <div class=\"pf-grid\">\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/socialMedia\/sm01.jpg\" alt=\"SMM 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/socialMedia\/sm02.jpg\" alt=\"SMM 2\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/socialMedia\/sm03.jpg\" alt=\"SMM 3\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/socialMedia\/sm04.jpg\" alt=\"SMM 4\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/socialMedia\/sm05.jpg\" alt=\"SMM 5\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/socialMedia\/sm06.jpg\" alt=\"SMM 6\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- LOGO DESIGN -->\n        <div class=\"pf-panel\" id=\"tab-logo\" role=\"tabpanel\">\n          <div class=\"pf-grid\">\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/08.png\" alt=\"Logo 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/01.png\" alt=\"Logo 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/02.jpeg\" alt=\"Logo 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/03.jpeg\" alt=\"Logo 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/04.png\" alt=\"Logo 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/05.jpeg\" alt=\"Logo 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/06.png\" alt=\"Logo 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div><div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/07.png\" alt=\"Logo 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div><div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/uploads\/2025\/11\/09.jpeg\" alt=\"Logo 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- BRANDING -->\n        <div class=\"pf-panel\" id=\"tab-branding\" role=\"tabpanel\">\n          <div class=\"pf-grid\">\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/branding\/Bottle-printing-241x300.jpg\" alt=\"Branding 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/branding\/machines.jpg\" alt=\"Branding 2\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/branding\/Bottle-printing-241x300.jpg\" alt=\"Branding 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/branding\/machines.jpg\" alt=\"Branding 2\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/branding\/Bottle-printing-241x300.jpg\" alt=\"Branding 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/branding\/machines.jpg\" alt=\"Branding 2\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- PHOTOGRAPHY -->\n        <div class=\"pf-panel\" id=\"tab-photo\" role=\"tabpanel\">\n          <div class=\"pf-grid\">\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/photography\/ph1.jpg\" alt=\"Photography 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/photography\/ph2.jpg\" alt=\"Photography 2\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/photography\/ph3.jpg\" alt=\"Photography 3\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/photography\/ph4.jpg\" alt=\"Photography 4\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/photography\/ph5.jpg\" alt=\"Photography 5\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/photography\/ph6.jpg\" alt=\"Photography 6\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/photography\/ph7.jpg\" alt=\"Photography 7\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- PRINT MEDIA -->\n        <div class=\"pf-panel\" id=\"tab-print\" role=\"tabpanel\">\n          <div class=\"pf-grid\">\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work1.jpg\" alt=\"Print 1\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work2.jpg\" alt=\"Print 2\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work3.jpg\" alt=\"Print 3\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work4.jpg\" alt=\"Print 4\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work5.jpg\" alt=\"Print 5\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work15.jpg\" alt=\"Print 6\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work16.jpg\" alt=\"Print 7\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work17.jpg\" alt=\"Print 8\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work18.jpg\" alt=\"Print 9\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n            <div class=\"pf-card\"><div class=\"pf-card-img\"><div class=\"pf-card-img-inner\"><img decoding=\"async\" src=\"https:\/\/zropixel.com\/zropixel_uat\/wp-content\/themes\/zropixel\/portfolio-image\/printMedia\/work19.jpg\" alt=\"Print 10\" loading=\"lazy\"><\/div><div class=\"pf-card-overlay\"><div class=\"pf-zoom-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><\/div><\/div><\/div>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/pf-panels -->\n    <\/div>\n  <\/section>\n<\/div><!-- \/pf-wrap -->\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 LIGHTBOX \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"pf-lightbox\" id=\"pfLightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image viewer\">\n  <button class=\"pf-lb-close\" id=\"pfLbClose\" aria-label=\"Close\">\n    <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n  <\/button>\n  <button class=\"pf-lb-prev\" id=\"pfLbPrev\" aria-label=\"Previous image\">\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n  <\/button>\n  <div class=\"pf-lb-inner\">\n    <div class=\"pf-lb-img-wrap\">\n      <img decoding=\"async\" src=\"\" alt=\"\" id=\"pfLbImg\">\n      <div class=\"pf-lb-counter\"><em id=\"pfLbCurrent\">1<\/em> \/ <span id=\"pfLbTotal\">1<\/span><\/div>\n    <\/div>\n  <\/div>\n  <button class=\"pf-lb-next\" id=\"pfLbNext\" aria-label=\"Next image\">\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n  <\/button>\n<\/div>\n\n<script>\n(function () {\n  var wrap = document.querySelector('.pf-wrap');\n  if (!wrap) return;\n\n  \/* \u2500\u2500 Tab switching \u2500\u2500 *\/\n  var tabBtns  = wrap.querySelectorAll('.pf-tab-btn');\n  var tabPanels = wrap.querySelectorAll('.pf-panel');\n\n  tabBtns.forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var target = this.getAttribute('data-tab');\n      tabBtns.forEach(function (b) { b.classList.remove('is-active'); b.setAttribute('aria-selected', 'false'); });\n      this.classList.add('is-active');\n      this.setAttribute('aria-selected', 'true');\n      tabPanels.forEach(function (p) { p.classList.remove('is-active'); });\n      var panel = wrap.querySelector('#tab-' + target);\n      if (panel) {\n        panel.classList.add('is-active');\n        panel.querySelectorAll('.pf-card').forEach(function (c) {\n          c.style.animation = 'none'; c.offsetHeight; c.style.animation = '';\n        });\n      }\n    });\n  });\n\n  \/* \u2500\u2500 Lightbox state \u2500\u2500 *\/\n  var lb        = document.getElementById('pfLightbox');\n  var lbImg     = document.getElementById('pfLbImg');\n  var lbCurrent = document.getElementById('pfLbCurrent');\n  var lbTotal   = document.getElementById('pfLbTotal');\n  var lbClose   = document.getElementById('pfLbClose');\n  var lbPrev    = document.getElementById('pfLbPrev');\n  var lbNext    = document.getElementById('pfLbNext');\n  var images    = [];\n  var idx       = 0;\n\n  function collectImages() {\n    var panel = wrap.querySelector('.pf-panel.is-active');\n    if (!panel) return [];\n    return Array.from(panel.querySelectorAll('.pf-card img')).map(function (img) {\n      return { src: img.src, alt: img.alt || '' };\n    });\n  }\n\n  function open(i) {\n    images = collectImages();\n    idx    = i;\n    lb.classList.toggle('pf-single', images.length <= 1);\n    render();\n    lb.classList.add('is-open');\n    document.body.style.overflow = 'hidden';\n    lbClose.focus();\n  }\n\n  function close() {\n    lb.classList.remove('is-open');\n    document.body.style.overflow = '';\n  }\n\n  function render() {\n    if (!images.length) return;\n    var d = images[idx];\n    lbImg.classList.add('pf-loading');\n    var tmp = new Image();\n    tmp.onload = tmp.onerror = function () {\n      lbImg.src = d.src;\n      lbImg.alt = d.alt;\n      lbImg.classList.remove('pf-loading');\n    };\n    tmp.src = d.src;\n    lbCurrent.textContent = idx + 1;\n    lbTotal.textContent   = images.length;\n  }\n\n  function prev() { idx = (idx - 1 + images.length) % images.length; render(); }\n  function next() { idx = (idx + 1) % images.length;                  render(); }\n\n  \/* Card click *\/\n  wrap.addEventListener('click', function (e) {\n    var card = e.target.closest('.pf-card');\n    if (!card) return;\n    var panel = wrap.querySelector('.pf-panel.is-active');\n    if (!panel) return;\n    var cards = Array.from(panel.querySelectorAll('.pf-card'));\n    var i = cards.indexOf(card);\n    if (i !== -1) open(i);\n  });\n\n  \/* Controls *\/\n  lbClose.addEventListener('click', close);\n  lbPrev.addEventListener('click',  prev);\n  lbNext.addEventListener('click',  next);\n\n  \/* Click backdrop *\/\n  lb.addEventListener('click', function (e) { if (e.target === lb) close(); });\n\n  \/* Keyboard *\/\n  document.addEventListener('keydown', function (e) {\n    if (!lb.classList.contains('is-open')) return;\n    if (e.key === 'Escape')     close();\n    if (e.key === 'ArrowLeft')  prev();\n    if (e.key === 'ArrowRight') next();\n  });\n\n  \/* Touch swipe *\/\n  var tx = 0;\n  lb.addEventListener('touchstart', function (e) { tx = e.touches[0].clientX; }, { passive: true });\n  lb.addEventListener('touchend',   function (e) {\n    var d = tx - e.changedTouches[0].clientX;\n    if (Math.abs(d) > 50) d > 0 ? next() : prev();\n  });\n\n})();\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>Our Canvas Work ThatSpeaks Explore our curated work across design, development, and digital marketing \u2014 built with precision, purpose, and passion. Website 1 SMM Design 2 Logo Design 3 Branding 4 Photography 5 Print Media Design 6 1 \/ 1<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3745","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/3745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/comments?post=3745"}],"version-history":[{"count":53,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/3745\/revisions"}],"predecessor-version":[{"id":4908,"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/pages\/3745\/revisions\/4908"}],"wp:attachment":[{"href":"https:\/\/zropixel.com\/zropixel_uat\/wp-json\/wp\/v2\/media?parent=3745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}