{"id":10717,"date":"2026-10-03T00:52:16","date_gmt":"2026-10-03T00:52:16","guid":{"rendered":"https:\/\/velixalabssolutions.com\/voipLivllc\/?page_id=10717"},"modified":"2026-10-30T03:35:36","modified_gmt":"2026-10-30T03:35:36","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/velixalabssolutions.com\/voipLivllc\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10717\" class=\"elementor elementor-10717\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4c5259a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4c5259a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cee71b elementor-widget elementor-widget-html\" data-id=\"1cee71b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Our Works | VoipLiv LLC<\/title>\r\n  <style>\r\n    \/* =========================================================\r\n   VOIPLIV LLC \u2014 PORTFOLIO PAGE\r\n   No header \/ no footer\r\n   Paste into Elementor HTML widget if needed\r\n   ========================================================= *\/\r\n    #voipliv-portfolio {\r\n      --bg: #03031b;\r\n      --bg2: #07072b;\r\n      --card: #08103a;\r\n      --purple: #7d4cff;\r\n      --purple2: #5b2cff;\r\n      --yellow: #ffc83d;\r\n      --white: #fff;\r\n      --text: #d9dcf3;\r\n      --muted: #a9afd1;\r\n      --line: rgba(126, 99, 255, .42);\r\n      min-height: 100vh;\r\n      background:\r\n        radial-gradient(circle at 88% 6%, rgba(87, 46, 255, .25), transparent 26%),\r\n        radial-gradient(circle at 8% 42%, rgba(53, 34, 170, .16), transparent 24%),\r\n        linear-gradient(180deg, #020218 0%, #040524 50%, #020218 100%);\r\n      color: var(--white);\r\n      font-family: Inter, Arial, Helvetica, sans-serif;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #voipliv-portfolio * {\r\n      box-sizing: border-box\r\n    }\r\n\r\n    #voipliv-portfolio img {\r\n      display: block;\r\n      max-width: 100%\r\n    }\r\n\r\n    #voipliv-portfolio a {\r\n      text-decoration: none;\r\n      color: inherit\r\n    }\r\n\r\n    #voipliv-portfolio button {\r\n      font: inherit\r\n    }\r\n\r\n    #voipliv-portfolio .fz-wrap {\r\n      width: min(1180px, calc(100% - 40px));\r\n      margin: auto;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-section {\r\n      padding: 88px 0\r\n    }\r\n\r\n    #voipliv-portfolio .fz-kicker {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 3px;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      color: #c9c5ff;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-kicker:before {\r\n      content: \"\";\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: var(--purple);\r\n      box-shadow: 0 0 18px var(--purple);\r\n    }\r\n\r\n    #voipliv-portfolio h1,\r\n    #voipliv-portfolio h2,\r\n    #voipliv-portfolio h3,\r\n    #voipliv-portfolio p {\r\n      margin-top: 0\r\n    }\r\n\r\n    #voipliv-portfolio .fz-hero {\r\n      padding: 72px 0 34px;\r\n      position: relative;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-hero-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.08fr .92fr;\r\n      gap: 42px;\r\n      align-items: center;\r\n    }\r\n\r\n    #voipliv-portfolio h1 {\r\n      font-size: clamp(54px, 7vw, 92px);\r\n      line-height: .92;\r\n      letter-spacing: -4px;\r\n      margin-bottom: 18px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-gradient {\r\n      background: linear-gradient(90deg, #fff 0%, #a989ff 35%, #6b37ff 100%);\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-intro {\r\n      max-width: 660px;\r\n      color: var(--text);\r\n      line-height: 1.7;\r\n      font-size: 16px;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-hero-art {\r\n      min-height: 280px;\r\n      position: relative;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-floating-card {\r\n      position: absolute;\r\n      width: 150px;\r\n      height: 225px;\r\n      border-radius: 22px;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255, 255, 255, .15);\r\n      box-shadow: 0 26px 60px rgba(18, 3, 90, .5);\r\n      background: #17124d;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-floating-card img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-float-1 {\r\n      right: 36%;\r\n      top: 42px;\r\n      transform: rotate(-15deg);\r\n      opacity: .52\r\n    }\r\n\r\n    #voipliv-portfolio .fz-float-2 {\r\n      right: 18%;\r\n      top: 12px;\r\n      transform: rotate(-5deg);\r\n      z-index: 2\r\n    }\r\n\r\n    #voipliv-portfolio .fz-float-3 {\r\n      right: 0;\r\n      top: 35px;\r\n      transform: rotate(10deg);\r\n      opacity: .72\r\n    }\r\n\r\n    #voipliv-portfolio .fz-note {\r\n      position: absolute;\r\n      left: 10%;\r\n      top: 56px;\r\n      color: #975fff;\r\n      font-size: 20px;\r\n      font-family: cursive;\r\n      transform: rotate(-7deg);\r\n      line-height: 1.05;\r\n    }\r\n\r\n    \/* FILTERS *\/\r\n    #voipliv-portfolio .fz-filters {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 26px;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-filter {\r\n      border: 1px solid rgba(126, 99, 255, .55);\r\n      color: #fff;\r\n      background: rgba(10, 11, 47, .62);\r\n      padding: 12px 18px;\r\n      border-radius: 999px;\r\n      cursor: pointer;\r\n      transition: .25s ease;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-filter:hover {\r\n      transform: translateY(-2px);\r\n      border-color: #9e82ff;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-filter.active {\r\n      background: linear-gradient(90deg, #6b38ff, #865dff);\r\n      border-color: transparent;\r\n      box-shadow: 0 10px 28px rgba(89, 47, 255, .34);\r\n    }\r\n\r\n    \/* GRID *\/\r\n    #voipliv-portfolio .fz-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 18px;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-card {\r\n      border: 1px solid var(--line);\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      background: linear-gradient(180deg, #07103b, #050b2a);\r\n      box-shadow: 0 20px 50px rgba(0, 0, 0, .2);\r\n      transition: .32s ease;\r\n      position: relative;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-card:hover {\r\n      transform: translateY(-6px);\r\n      border-color: #8c69ff;\r\n      box-shadow: 0 28px 65px rgba(20, 8, 95, .35);\r\n    }\r\n\r\n    #voipliv-portfolio .fz-card[hidden] {\r\n      display: none\r\n    }\r\n\r\n    #voipliv-portfolio .fz-image-wrap {\r\n      height: 365px;\r\n      overflow: hidden;\r\n      background: #0b0d25;\r\n      position: relative;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-image-wrap img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform .55s ease;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-card:hover .fz-image-wrap img {\r\n      transform: scale(1.035);\r\n    }\r\n\r\n    #voipliv-portfolio .fz-icon {\r\n      position: absolute;\r\n      left: 14px;\r\n      top: 14px;\r\n      width: 46px;\r\n      height: 46px;\r\n      border-radius: 50%;\r\n      display: grid;\r\n      place-items: center;\r\n      font-size: 21px;\r\n      background: linear-gradient(145deg, #6b45ff, #4420d7);\r\n      box-shadow: 0 12px 30px rgba(0, 0, 0, .25);\r\n      z-index: 2;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-icon.yellow {\r\n      background: linear-gradient(145deg, #ffd34d, #f6a900)\r\n    }\r\n\r\n    #voipliv-portfolio .fz-icon.orange {\r\n      background: linear-gradient(145deg, #dca274, #9c5c2a)\r\n    }\r\n\r\n    #voipliv-portfolio .fz-icon.blue {\r\n      background: linear-gradient(145deg, #3ba1ff, #3b50ff)\r\n    }\r\n\r\n    #voipliv-portfolio .fz-icon.pink {\r\n      background: linear-gradient(145deg, #ff5479, #db2558)\r\n    }\r\n\r\n    #voipliv-portfolio .fz-card-body {\r\n      padding: 18px 20px 20px;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-card h3 {\r\n      font-size: 18px;\r\n      margin-bottom: 8px;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-meta {\r\n      color: #b4b9de;\r\n      font-size: 13px;\r\n      line-height: 1.6;\r\n      margin: 0;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-card-link {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 4;\r\n    }\r\n\r\n    \/* CTA *\/\r\n    #voipliv-portfolio .fz-cta {\r\n      margin-top: 28px;\r\n      border: 1px solid rgba(118, 85, 255, .52);\r\n      border-radius: 18px;\r\n      padding: 36px 40px;\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 30px;\r\n      align-items: center;\r\n      background:\r\n        radial-gradient(circle at 32% 70%, rgba(115, 66, 255, .5), transparent 26%),\r\n        linear-gradient(115deg, #161052, #25106d 45%, #0e0a3d 100%);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-cta:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 230px;\r\n      height: 230px;\r\n      border-radius: 50%;\r\n      right: -80px;\r\n      top: -80px;\r\n      background: radial-gradient(circle, rgba(120, 75, 255, .38), transparent 68%);\r\n    }\r\n\r\n    #voipliv-portfolio .fz-cta h2 {\r\n      font-size: clamp(30px, 4vw, 46px);\r\n      line-height: 1.03;\r\n      letter-spacing: -1.5px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-cta p {\r\n      color: #cfd1e8;\r\n      margin-bottom: 0\r\n    }\r\n\r\n    #voipliv-portfolio .fz-yellow {\r\n      color: var(--yellow)\r\n    }\r\n\r\n    \/* Contact button: reference normal and hover states *\/\r\n    #voipliv-portfolio .fz-btn {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      flex: 0 0 auto;\r\n      gap: 16px;\r\n      width: 204px;\r\n      max-width: 100%;\r\n      height: 56px;\r\n      padding: 9px 17px 9px 34px;\r\n      border: 0;\r\n      border-radius: 999px;\r\n      background: #fdc448;\r\n      color: #000;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      font-size: 16px;\r\n      font-weight: 400;\r\n      line-height: 1;\r\n      letter-spacing: 0;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n      cursor: pointer;\r\n      box-shadow: none;\r\n      transition: background-color .25s ease, color .25s ease;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-btn:hover,\r\n    #voipliv-portfolio .fz-btn:focus-visible {\r\n      background: #a06bf2;\r\n      color: #fff;\r\n      transform: none;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-btn:focus-visible {\r\n      outline: 2px solid #fff;\r\n      outline-offset: 4px;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-btn span {\r\n      width: 38px;\r\n      height: 38px;\r\n      flex: 0 0 38px;\r\n      border-radius: 50%;\r\n      background: #fff;\r\n      color: #03031b;\r\n      display: grid;\r\n      place-items: center;\r\n      transition: background-color .25s ease, color .25s ease;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-btn:hover span,\r\n    #voipliv-portfolio .fz-btn:focus-visible span {\r\n      background: #3827c8;\r\n      color: #fff;\r\n    }\r\n\r\n    \/* Draw the arrow in CSS to avoid Elementor\/theme SVG overrides. *\/\r\n    #voipliv-portfolio .fz-btn span {\r\n      position: relative;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-btn span::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 11px;\r\n      top: 18px;\r\n      width: 17px;\r\n      height: 0;\r\n      border-top: 1.4px solid currentColor;\r\n      transform: rotate(-45deg);\r\n      transform-origin: center;\r\n      background: none;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-btn span::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 12px;\r\n      top: 12px;\r\n      width: 12px;\r\n      height: 12px;\r\n      border-top: 1.4px solid currentColor;\r\n      border-right: 1.4px solid currentColor;\r\n      background: none;\r\n    }\r\n\r\n    \/* reveal *\/\r\n    #voipliv-portfolio .fz-reveal {\r\n      opacity: 0;\r\n      transform: translateY(26px);\r\n      transition: .7s ease;\r\n    }\r\n\r\n    #voipliv-portfolio .fz-reveal.visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    \/* tablet *\/\r\n    @media(max-width:980px) {\r\n      #voipliv-portfolio .fz-hero-grid {\r\n        grid-template-columns: 1fr\r\n      }\r\n\r\n      #voipliv-portfolio .fz-hero-art {\r\n        min-height: 230px\r\n      }\r\n\r\n      #voipliv-portfolio .fz-note {\r\n        left: 4%\r\n      }\r\n\r\n      #voipliv-portfolio .fz-grid {\r\n        grid-template-columns: 1fr 1fr\r\n      }\r\n\r\n      #voipliv-portfolio .fz-image-wrap {\r\n        height: 300px\r\n      }\r\n    }\r\n\r\n    \/* mobile *\/\r\n    @media(max-width:680px) {\r\n      #voipliv-portfolio .fz-wrap {\r\n        width: min(100% - 24px, 1180px)\r\n      }\r\n\r\n      #voipliv-portfolio .fz-hero {\r\n        padding: 52px 0 24px\r\n      }\r\n\r\n      #voipliv-portfolio h1 {\r\n        font-size: 50px;\r\n        letter-spacing: -2.3px;\r\n      }\r\n\r\n      #voipliv-portfolio .fz-intro {\r\n        font-size: 14px\r\n      }\r\n\r\n      #voipliv-portfolio .fz-hero-art {\r\n        min-height: 190px\r\n      }\r\n\r\n      #voipliv-portfolio .fz-floating-card {\r\n        width: 105px;\r\n        height: 160px;\r\n        border-radius: 16px\r\n      }\r\n\r\n      #voipliv-portfolio .fz-float-1 {\r\n        right: 42%;\r\n        top: 28px\r\n      }\r\n\r\n      #voipliv-portfolio .fz-float-2 {\r\n        right: 20%;\r\n        top: 5px\r\n      }\r\n\r\n      #voipliv-portfolio .fz-float-3 {\r\n        right: 2%;\r\n        top: 32px\r\n      }\r\n\r\n      #voipliv-portfolio .fz-note {\r\n        font-size: 15px;\r\n        left: 0;\r\n        top: 45px\r\n      }\r\n\r\n      #voipliv-portfolio .fz-section {\r\n        padding: 46px 0\r\n      }\r\n\r\n      #voipliv-portfolio .fz-grid {\r\n        grid-template-columns: 1fr\r\n      }\r\n\r\n      #voipliv-portfolio .fz-image-wrap {\r\n        height: 290px\r\n      }\r\n\r\n      #voipliv-portfolio .fz-filters {\r\n        flex-wrap: nowrap;\r\n        overflow-x: auto;\r\n        padding-bottom: 6px;\r\n        scrollbar-width: none;\r\n      }\r\n\r\n      #voipliv-portfolio .fz-filters::-webkit-scrollbar {\r\n        display: none\r\n      }\r\n\r\n      #voipliv-portfolio .fz-filter {\r\n        flex: 0 0 auto\r\n      }\r\n\r\n      #voipliv-portfolio .fz-cta {\r\n        grid-template-columns: 1fr;\r\n        padding: 28px 22px;\r\n      }\r\n    }\r\n\r\n    \/* Responsive containment: prevent grid children widening the section. *\/\r\n    #voipliv-portfolio { width: 100%; min-width: 0; }\r\n    #voipliv-portfolio .fz-hero-grid > *,\r\n    #voipliv-portfolio .fz-grid > *,\r\n    #voipliv-portfolio .fz-cta > * { min-width: 0; }\r\n    #voipliv-portfolio .fz-hero-grid {\r\n      grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);\r\n    }\r\n    #voipliv-portfolio .fz-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n    #voipliv-portfolio .fz-filters { max-width: 100%; }\r\n    #voipliv-portfolio .fz-card h3,\r\n    #voipliv-portfolio .fz-meta { overflow-wrap: anywhere; }\r\n\r\n    @media (max-width: 980px) {\r\n      #voipliv-portfolio .fz-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }\r\n      #voipliv-portfolio .fz-hero-art { width: 100%; max-width: 480px; margin-inline: auto; min-height: 290px; }\r\n      #voipliv-portfolio .fz-cta { grid-template-columns: minmax(0, 1fr); gap: 24px; }\r\n    }\r\n    @media (max-width: 680px) {\r\n      #voipliv-portfolio .fz-wrap { width: calc(100% - 32px); max-width: 1180px; }\r\n      #voipliv-portfolio .fz-hero { padding: 38px 0 16px; }\r\n      #voipliv-portfolio h1 { font-size: clamp(38px, 11vw, 58px); line-height: 1.05; letter-spacing: -2px; }\r\n      #voipliv-portfolio .fz-intro { font-size: 15px; line-height: 1.7; }\r\n      #voipliv-portfolio .fz-filters {\r\n        display: flex; flex-wrap: wrap; overflow: visible;\r\n        gap: 8px; margin-top: 20px; padding-bottom: 0;\r\n      }\r\n      #voipliv-portfolio .fz-filter {\r\n        flex: 0 1 auto; max-width: 100%; min-width: 0;\r\n        padding: 11px 13px; font-size: 12px; line-height: 1.4;\r\n        letter-spacing: 0; white-space: normal;\r\n      }\r\n      #voipliv-portfolio .fz-hero-art { min-height: 238px; max-width: 360px; }\r\n      #voipliv-portfolio .fz-floating-card {\r\n        width: clamp(82px, 27vw, 112px);\r\n        height: clamp(130px, 42vw, 172px);\r\n      }\r\n      #voipliv-portfolio .fz-float-1 { right: 48%; top: 60px; }\r\n      #voipliv-portfolio .fz-float-2 { right: 27%; top: 42px; }\r\n      #voipliv-portfolio .fz-float-3 { right: 7%; top: 61px; }\r\n      #voipliv-portfolio .fz-note { left: 5%; top: 0; font-size: 15px; }\r\n      #voipliv-portfolio .fz-section { padding: 24px 0 40px; }\r\n      #voipliv-portfolio .fz-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }\r\n      #voipliv-portfolio .fz-image-wrap { height: auto; aspect-ratio: 1.45 \/ 1; }\r\n      #voipliv-portfolio .fz-card-body { padding: 17px 16px 19px; }\r\n      #voipliv-portfolio .fz-card h3 { font-size: 18px; line-height: 1.4; }\r\n      #voipliv-portfolio .fz-meta { font-size: 13px; }\r\n      #voipliv-portfolio .fz-cta { padding: 26px 20px; gap: 22px; }\r\n      #voipliv-portfolio .fz-cta h2 { font-size: clamp(25px, 7.5vw, 36px); line-height: 1.15; letter-spacing: -1px; }\r\n      #voipliv-portfolio .fz-cta p { font-size: 14px; line-height: 1.6; }\r\n      #voipliv-portfolio .fz-kicker { letter-spacing: 2px; line-height: 1.5; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body style=\"margin:0;background:#03031b\">\r\n\r\n  <section id=\"voipliv-portfolio\">\r\n    <div class=\"fz-hero\">\r\n      <div class=\"fz-wrap\">\r\n        <div class=\"fz-hero-grid\">\r\n          <div class=\"fz-reveal\">\r\n            <div class=\"fz-kicker\">Portfolio<\/div>\r\n            <h1><span class=\"fz-gradient\">Our Works<\/span><\/h1>\r\n            <p class=\"fz-intro\">An Experience design agency building high-end products and experiences that grow your\r\n              business exponentially.<\/p>\r\n\r\n            <div class=\"fz-filters\" aria-label=\"Portfolio filters\">\r\n              <button class=\"fz-filter active\" data-filter=\"all\">\u25c9 &nbsp; All Projects<\/button>\r\n              <button class=\"fz-filter\" data-filter=\"branding\">\u25c7 &nbsp; Branding<\/button>\r\n              <button class=\"fz-filter\" data-filter=\"uiux\">\u25a6 &nbsp; UI\/UX<\/button>\r\n              <button class=\"fz-filter\" data-filter=\"web\">\u25a3 &nbsp; Web Design<\/button>\r\n              <button class=\"fz-filter\" data-filter=\"mobile\">\u25af &nbsp; Mobile App<\/button>\r\n              <button class=\"fz-filter\" data-filter=\"ecommerce\">\u25a2 &nbsp; Ecommerce<\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"fz-hero-art fz-reveal\">\r\n            <div class=\"fz-note\">Real Projects<br>Real Growth \u2197<\/div>\r\n            <div class=\"fz-floating-card fz-float-1\">\r\n              <img decoding=\"async\" src=\"https:\/\/fzhpglobalvision.com\/wp-content\/uploads\/2025\/08\/tum.png\" alt=\"\">\r\n            <\/div>\r\n            <div class=\"fz-floating-card fz-float-2\">\r\n              <img decoding=\"async\" src=\"https:\/\/fzhpglobalvision.com\/wp-content\/uploads\/2025\/01\/2.png\" alt=\"\">\r\n            <\/div>\r\n            <div class=\"fz-floating-card fz-float-3\">\r\n              <img decoding=\"async\" src=\"https:\/\/fzhpglobalvision.com\/wp-content\/uploads\/2025\/01\/5.png\" alt=\"\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fz-section\">\r\n      <div class=\"fz-wrap\">\r\n        <div class=\"fz-grid\">\r\n\r\n          <!-- J&R -->\r\n          <article class=\"fz-card fz-reveal\" data-category=\"branding uiux web ecommerce\">\r\n            <!-- <a class=\"fz-card-link\" href=\"https:\/\/fzhpglobalvision.com\/jr-my-angels\/\"\r\n              aria-label=\"View J&R My Angels project\"><\/a> -->\r\n            <div class=\"fz-image-wrap\">\r\n              <span class=\"fz-icon\">\ud83d\udecd<\/span>\r\n              <img decoding=\"async\" src=\"https:\/\/fzhpglobalvision.com\/wp-content\/uploads\/2025\/09\/tumnail-3.png\"\r\n                alt=\"J&R My Angels - Commerce Brand\">\r\n            <\/div>\r\n            <div class=\"fz-card-body\">\r\n              <h3>J&R My Angels - Commerce Brand<\/h3>\r\n              <p class=\"fz-meta\">Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Guilty Dogs -->\r\n          <article class=\"fz-card fz-reveal\" data-category=\"branding uiux mobile\">\r\n            <!-- <a class=\"fz-card-link\" href=\"https:\/\/fzhpglobalvision.com\/guilty-dogs\/\"\r\n              aria-label=\"View Guilty Dogs project\"><\/a> -->\r\n            <div class=\"fz-image-wrap\">\r\n              <span class=\"fz-icon yellow\">\ud83d\udc3e<\/span>\r\n              <img decoding=\"async\" src=\"https:\/\/fzhpglobalvision.com\/wp-content\/uploads\/2025\/01\/2.png\"\r\n                alt=\"Guilty Dogs - On Demand Dog Food Delivery\">\r\n            <\/div>\r\n            <div class=\"fz-card-body\">\r\n              <h3>Guilty Dogs - On Demand Dog Food Delivery<\/h3>\r\n              <p class=\"fz-meta\">Branding \u2022 Mobile App \u2022 UI\/UX<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Laser Cut -->\r\n          <article class=\"fz-card fz-reveal\" data-category=\"branding uiux web ecommerce\">\r\n            <!-- <a class=\"fz-card-link\" href=\"https:\/\/fzhpglobalvision.com\/laser-cut-designs\/\"\r\n              aria-label=\"View Laser Cut Designs project\"><\/a> -->\r\n            <div class=\"fz-image-wrap\">\r\n              <span class=\"fz-icon orange\">\u25c7<\/span>\r\n              <img decoding=\"async\" src=\"https:\/\/fzhpglobalvision.com\/wp-content\/uploads\/2025\/01\/1.png\"\r\n                alt=\"Laser Cut Designs - On Demand Wooden Arts\">\r\n            <\/div>\r\n            <div class=\"fz-card-body\">\r\n              <h3>Laser Cut Designs - On Demand Wooden Arts<\/h3>\r\n              <p class=\"fz-meta\">Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Rich Problems -->\r\n          <article class=\"fz-card fz-reveal\" data-category=\"branding uiux web ecommerce\">\r\n            <!-- <a class=\"fz-card-link\" href=\"https:\/\/fzhpglobalvision.com\/rich-problems-clothing\/\"\r\n              aria-label=\"View Rich Problems Clothing project\"><\/a> -->\r\n            <div class=\"fz-image-wrap\">\r\n              <span class=\"fz-icon\">\ud83d\udc55<\/span>\r\n              <img decoding=\"async\" src=\"https:\/\/fzhpglobalvision.com\/wp-content\/uploads\/2025\/08\/tum.png\"\r\n                alt=\"Rich Problems Clothing - Commerce Brand\">\r\n            <\/div>\r\n            <div class=\"fz-card-body\">\r\n              <h3>Rich Problems Clothing - Commerce Brand<\/h3>\r\n              <p class=\"fz-meta\">Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Key West -->\r\n          <article class=\"fz-card fz-reveal\" data-category=\"branding uiux web ecommerce\">\r\n            <!-- <a class=\"fz-card-link\" href=\"https:\/\/fzhpglobalvision.com\/paradise-rentals\/\"\r\n              aria-label=\"View Key West Golf Cart Rentals project\"><\/a> -->\r\n            <div class=\"fz-image-wrap\">\r\n              <span class=\"fz-icon blue\">\ud83d\ude99<\/span>\r\n              <img decoding=\"async\" src=\"https:\/\/fzhpglobalvision.com\/wp-content\/uploads\/2025\/10\/tumbail.png\"\r\n                alt=\"Key West Golf Cart Rentals\">\r\n            <\/div>\r\n            <div class=\"fz-card-body\">\r\n              <h3>Key West Golf Cart Rentals<\/h3>\r\n              <p class=\"fz-meta\">Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Seoul Sauce -->\r\n          <article class=\"fz-card fz-reveal\" data-category=\"branding uiux web ecommerce\">\r\n            <!-- <a class=\"fz-card-link\" href=\"https:\/\/fzhpglobalvision.com\/seoul-sauce\/\"\r\n              aria-label=\"View Seoul Sauce project\"><\/a> -->\r\n            <div class=\"fz-image-wrap\">\r\n              <span class=\"fz-icon pink\">\ud83d\uded2<\/span>\r\n              <img decoding=\"async\" src=\"https:\/\/fzhpglobalvision.com\/wp-content\/uploads\/2025\/01\/5.png\"\r\n                alt=\"Seoul Sauce - E-Commerce Brand\">\r\n            <\/div>\r\n            <div class=\"fz-card-body\">\r\n              <h3>Seoul Sauce - E-Commerce Brand<\/h3>\r\n              <p class=\"fz-meta\">Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store<\/p>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"fz-cta fz-reveal\">\r\n          <div>\r\n            <div class=\"fz-kicker\">Ready To Build Yours?<\/div>\r\n            <h2>HAVE A PROJECT IN MIND?<br><span class=\"fz-yellow\">LET\u2019S CHAT!<\/span><\/h2>\r\n            <p>Turn your ideas into powerful digital experiences.<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/velixalabssolutions.com\/voipLivllc\/contact-us\/\" class=\"fz-btn\">Contact Us <span aria-hidden=\"true\"><\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.getElementById('voipliv-portfolio');\r\n      if (!root) return;\r\n\r\n      \/\/ Smooth reveal\r\n      const revealItems = root.querySelectorAll('.fz-reveal');\r\n      if ('IntersectionObserver' in window) {\r\n        const observer = new IntersectionObserver((entries) => {\r\n          entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add('visible');\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, {threshold: .12});\r\n        revealItems.forEach(el => observer.observe(el));\r\n      } else {\r\n        revealItems.forEach(el => el.classList.add('visible'));\r\n      }\r\n\r\n      \/\/ Portfolio filters\r\n      const filters = root.querySelectorAll('.fz-filter');\r\n      const cards = root.querySelectorAll('.fz-card');\r\n\r\n      filters.forEach(btn => {\r\n        btn.addEventListener('click', () => {\r\n          const filter = btn.dataset.filter;\r\n\r\n          filters.forEach(b => b.classList.remove('active'));\r\n          btn.classList.add('active');\r\n\r\n          cards.forEach(card => {\r\n            const categories = card.dataset.category.split(' ');\r\n            const show = filter === 'all' || categories.includes(filter);\r\n            card.hidden = !show;\r\n          });\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\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 Works | VoipLiv LLC Portfolio Our Works An Experience design agency building high-end products and experiences that grow your business exponentially. \u25c9 &nbsp; All Projects \u25c7 &nbsp; Branding \u25a6 &nbsp; UI\/UX \u25a3 &nbsp; Web Design \u25af &nbsp; Mobile App \u25a2 &nbsp; Ecommerce Real ProjectsReal Growth \u2197 \ud83d\udecd J&#038;R My Angels &#8211; Commerce Brand Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store \ud83d\udc3e Guilty Dogs &#8211; On Demand Dog Food Delivery Branding \u2022 Mobile App \u2022 UI\/UX \u25c7 Laser Cut Designs &#8211; On Demand Wooden Arts Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store \ud83d\udc55 Rich Problems Clothing &#8211; Commerce Brand Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store \ud83d\ude99 Key West Golf Cart Rentals Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store \ud83d\uded2 Seoul Sauce &#8211; E-Commerce Brand Branding \u2022 UI\/UX \u2022 Website \u2022 Ecommerce Store Ready To Build Yours? HAVE A PROJECT IN MIND?LET\u2019S CHAT! Turn your ideas into powerful digital experiences. Contact Us<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10717","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/velixalabssolutions.com\/voipLivllc\/wp-json\/wp\/v2\/pages\/10717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/velixalabssolutions.com\/voipLivllc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/velixalabssolutions.com\/voipLivllc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/velixalabssolutions.com\/voipLivllc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/velixalabssolutions.com\/voipLivllc\/wp-json\/wp\/v2\/comments?post=10717"}],"version-history":[{"count":28,"href":"https:\/\/velixalabssolutions.com\/voipLivllc\/wp-json\/wp\/v2\/pages\/10717\/revisions"}],"predecessor-version":[{"id":10880,"href":"https:\/\/velixalabssolutions.com\/voipLivllc\/wp-json\/wp\/v2\/pages\/10717\/revisions\/10880"}],"wp:attachment":[{"href":"https:\/\/velixalabssolutions.com\/voipLivllc\/wp-json\/wp\/v2\/media?parent=10717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}