</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script type="text/javascript"> var spartezSupportChat = { portal: 10, cloud: { jiraId: '1ace2ee5-72ce-3414-8e94-51bc7576765a', jiraUrl: 'https://hubbedhq.atlassian.net', urls: { rest: 'https://chat-api.spartez-software.com', ws: 'wss://chat-ws.spartez-software.com' }, } } </script> <script type="text/javascript" src="https://chat-api.spartez-software.com/chat.js"></script> <a class="skip-link screen-reader-text" href="#content">Skip to content</a> <div data-elementor-type="header" data-elementor-id="122" class="elementor elementor-122 elementor-location-header" data-elementor-settings="{"ha_cmc_init_switcher":"no"}" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-48d59657 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="48d59657" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6f10a704" data-id="6f10a704" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7d94bb2c elementor-icon-list--layout-inline elementor-align-right announcement-bar elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="7d94bb2c" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <a href="https://hubbed.com/track-parcel/"> <span class="elementor-icon-list-text">Track my parcel</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bca1d3b" data-id="bca1d3b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-2aabe58 elementor-align-center elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-button" data-id="2aabe58" data-element_type="widget" data-settings="{"_animation":"bounceIn"}" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://hubbed.com/hubbed-demo/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Click & Collect Demo</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-eca27e5 elementor-widget elementor-widget-image" data-id="eca27e5" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://hubbed.com/hubbed-demo/"> <img width="250" height="43" src="https://parcelpoint.world/wp-content/uploads/2023/05/V2-Text-only47.png" class="attachment-large size-large wp-image-14038" alt="" /> </a> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-bbaf011 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="bbaf011" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-65a3217" data-id="65a3217" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-98895c8 elementor-section-content-middle elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="98895c8" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-568d3f5" data-id="568d3f5" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1343ffb elementor-widget elementor-widget-image" data-id="1343ffb" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://parcelpoint.world"> <img src="https://parcelpoint.world/wp-content/uploads/elementor/thumbs/Design-1-r2b0gm20dkmops2zcz52pz1cgch8hh3yxzjt4aevb4.png" title="Design 1" alt="Design 1" loading="lazy" /> </a> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c4dbd90" data-id="c4dbd90" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6e4ae77 elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="6e4ae77" data-element_type="widget" data-settings="{"submenu_icon":{"value":"<svg class=\"e-font-icon-svg e-fas-angle-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z\"><\/path><\/svg>","library":"fa-solid"},"full_width":"stretch","layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-slide"> <ul id="menu-1-6e4ae77" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16794"><a href="https://parcelpoint.world/returns/" class="elementor-item">Returns</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16793"><a href="https://parcelpoint.world/click-collect/" class="elementor-item">Click & Collect</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16828"><a href="https://parcelpoint.world/parcelpoint/" class="elementor-item">Parcelpoints</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16792"><a href="https://parcelpoint.world/parcelpoint-network/" class="elementor-item">Parcelpoint Network</a></li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <svg aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open e-font-icon-svg e-fas-bars" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close icofont icofont-close"></i> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-6e4ae77" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16794"><a href="https://parcelpoint.world/returns/" class="elementor-item" tabindex="-1">Returns</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16793"><a href="https://parcelpoint.world/click-collect/" class="elementor-item" tabindex="-1">Click & Collect</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16828"><a href="https://parcelpoint.world/parcelpoint/" class="elementor-item" tabindex="-1">Parcelpoints</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16792"><a href="https://parcelpoint.world/parcelpoint-network/" class="elementor-item" tabindex="-1">Parcelpoint Network</a></li> </ul> </nav> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </div> <!DOCTYPE html> <html> <body> <style> .desktop-and-mobile-main { width: 100%; padding: 0 60px; } .desktop-and-mobile-main .desktop-mobile-icon { display: flex; align-items: center; justify-content: center; margin: 7px 0 25px; } .desktop-and-mobile-main .desktop-mobile-icon .desktop-icon { width: 30px; height: 30px; stroke: #FF0068; } .desktop-and-mobile-main .desktop-mobile-icon .toggle-btn { position: relative; width: 33px; height: 22px; border-radius: 30px; border: 3px solid #282829; transition: all 0.3s linear; display: flex; align-items: center; justify-content: center; margin: 0 3px 0 7px; } .desktop-and-mobile-main .desktop-mobile-icon .toggle-btn:before { content: ""; position: absolute; left: 3px; width: 10px; height: 10px; border-radius: 50%; border: 3px solid #282829; transition: all 0.3s linear; } .desktop-and-mobile-main .desktop-mobile-icon .mobile-icon { width: 30px; height: 30px; stroke: #282829; } .desktop-and-mobile-main .inner-hubbed-demo-main .mobile-view-img { opacity: 0; display: none; } .desktop-and-mobile-main .inner-hubbed-demo-main { width: 100%; height: 100vh; } .desktop-and-mobile-main.mobile-view .inner-hubbed-demo-main { height: auto; } .desktop-and-mobile-main .inner-hubbed-demo-main .mobile-wrap-iframe { height: 100%; } .desktop-and-mobile-main.mobile-view .desktop-mobile-icon .mobile-icon { width: 30px; height: 30px; stroke: #FF0068; } .desktop-and-mobile-main.mobile-view .desktop-mobile-icon .desktop-icon { stroke: #282829; } .desktop-and-mobile-main.mobile-view .desktop-mobile-icon .toggle-btn:before { left: calc(100% - 13px); } .desktop-and-mobile-main.mobile-view .inner-hubbed-demo-main { width: min(46vh, 56vw); max-width: 340px; width: 100%; margin: 0 auto; position: relative; } .desktop-and-mobile-main.mobile-view .inner-hubbed-demo-main .mobile-view-img { opacity: 1; display: block; width: 100%; height: auto; } .desktop-and-mobile-main.mobile-view .inner-hubbed-demo-main .mobile-wrap-iframe { width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15% 7% 14%; } .desktop-and-mobile-main .inner-hubbed-demo-main .mobile-wrap-iframe iframe { width: 100%; height: 100%; } .page-id-13925 #qodef-page-header, .page-id-13925 #qodef-top-area, .page-id-13925 #qodef-page-footer { display: none; } #spartez-support-chat-container { display: none !important; } .page-id-13925 .elementor-location-footer { display: none; } .page-id-13925 .elementor-location-footer, .page-id-13925 .elementor-location-header { display: none; } .page-id-13925 .pum-active { display: none !important; } </style> <div class="desktop-and-mobile-main"> <div class="desktop-mobile-icon"> <svg class="desktop-icon" xmlns="http://www.w3.org/2000/svg" width="100%" fill="none" stroke="#FF0068" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-monitor" viewBox="0 0 24 24"> <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect> <path d="M8 21h8M12 17v4"></path> </svg> <div class="toggle-btn"></div> <svg class="mobile-icon" xmlns="http://www.w3.org/2000/svg" width="100%" fill="none" stroke="#282829" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smartphone" viewBox="0 0 24 24"> <rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect> <path d="M12 18h.01"></path> </svg> </div> <div class="inner-hubbed-demo-main"> <img class="mobile-view-img" src="https://hubbed.com/wp-content/uploads/2023/12/iphone_frame.png"> <div class="mobile-wrap-iframe"> <iframe src="https://hubbed.com/hubbed-demo-new-if/">