{"id":5304,"date":"2026-06-12T07:04:49","date_gmt":"2026-06-12T01:34:49","guid":{"rendered":"https:\/\/halofort.b-expo.in\/?page_id=5304"},"modified":"2026-06-12T07:09:18","modified_gmt":"2026-06-12T01:39:18","slug":"menu-design","status":"publish","type":"page","link":"https:\/\/halofort.b-expo.in\/es\/menu-design\/","title":{"rendered":"menu design"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5304\" class=\"elementor elementor-5304\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7c4568 e-flex e-con-boxed e-con e-parent\" data-id=\"e7c4568\" 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-dbcc35a elementor-widget elementor-widget-html\" data-id=\"dbcc35a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<nav class=\"navbar navbar-expand-xl hf-navbar\">\r\n<div class=\"container-fluid\">\r\n\r\n<a class=\"navbar-brand hf-logo\" href=\"#\">\r\n<img decoding=\"async\" src=\"https:\/\/halofort.b-expo.in\/wp-content\/uploads\/2026\/05\/halofort-1024x297.png\" alt=\"HaloFort\">\r\n<\/a>\r\n\r\n<button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#mainNav\">\r\n<span class=\"navbar-toggler-icon\"><\/span>\r\n<\/button>\r\n\r\n<div class=\"collapse navbar-collapse\" id=\"mainNav\">\r\n\r\n<div class=\"nav-wrap mx-auto\">\r\n<ul class=\"navbar-nav\">\r\n\r\n<li class=\"nav-item mega-dropdown\">\r\n<a class=\"nav-link active\" href=\"#\">Productos<\/a>\r\n<div class=\"mega-menu\">\r\n<div class=\"mega-wrap\">\r\n<div>\r\n<div class=\"hero-title\">Explore HaloFort Security Platform \u2192<\/div>\r\n<div class=\"left-links\">\r\n<a href=\"#\">HaloUEM \u2197<\/a>\r\n<a href=\"#\">HaloTrust \u2197<\/a>\r\n<a href=\"#\">HaloDrive \u2197<\/a>\r\n<a href=\"#\">HaloConnect \u2197<\/a>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"right-title\">Platform & Security \u2192<\/div>\r\n<div class=\"right-links\">\r\n<a href=\"#\"><span>Windows<\/span><span>\u2197<\/span><\/a>\r\n<a href=\"#\"><span>macOS<\/span><span>\u2197<\/span><\/a>\r\n<a href=\"#\"><span>Android<\/span><span>\u2197<\/span><\/a>\r\n<a href=\"#\"><span>iOS<\/span><span>\u2197<\/span><\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/li>\r\n\r\n<li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Soluciones<\/a><\/li>\r\n<li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Platforms<\/a><\/li>\r\n<li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Recursos<\/a><\/li>\r\n<li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Empresa<\/a><\/li>\r\n\r\n<\/ul>\r\n<\/div>\r\n\r\n<a href=\"#\" class=\"request-demo-btn\">Request a Demo \u2192<\/a>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/nav>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600&family=Darker+Grotesque:wght@500;600;700&display=swap');\r\n\r\n:root{\r\n    --bg:#050505;\r\n    --card:#141414;\r\n    --border:rgba(255,255,255,.08);\r\n    --green:#D9FF4F;\r\n    --text:#ffffff;\r\n    --muted:#b7b7b7;\r\n}\r\n\r\n\/* Global *\/\r\n\r\nbody{\r\n    background:var(--bg);\r\n    color:var(--text);\r\n    margin:0;\r\n    min-height:100vh;\r\n    font-family:'Poppins',sans-serif;\r\n    overflow-x:hidden;\r\n}\r\n\r\n\/* Header *\/\r\n\r\n.hf-navbar{\r\n    background:#050505;\r\n    padding:18px 40px;\r\n    position:relative;\r\n    z-index:999;\r\n}\r\n\r\n.hf-logo img{\r\n    width:180px;\r\n    height:auto;\r\n    display:block;\r\n}\r\n\r\n\/* Center Menu *\/\r\n\r\n.nav-wrap{\r\n    background:rgba(20,20,20,.9);\r\n    backdrop-filter:blur(20px);\r\n    border:1px solid rgba(255,255,255,.05);\r\n    border-radius:60px;\r\n    padding:6px;\r\n}\r\n\r\n.navbar-nav{\r\n    gap:4px;\r\n}\r\n\r\n\/* Main Menu *\/\r\n\r\n.nav-link{\r\n    font-family:'Darker Grotesque',sans-serif;\r\n    color:#d8d8d8 !important;\r\n    font-size:22px;\r\n    font-weight:600;\r\n    letter-spacing:.3px;\r\n    padding:12px 24px !important;\r\n    border-radius:40px;\r\n    transition:.35s ease;\r\n}\r\n\r\n.nav-link:hover{\r\n    color:#fff !important;\r\n}\r\n\r\n.nav-link.active{\r\n    background:var(--green);\r\n    color:#111 !important;\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.request-demo-btn{\r\n    background:var(--green);\r\n    color:#111;\r\n    text-decoration:none;\r\n\r\n    padding:12px 26px;\r\n\r\n    border-radius:50px;\r\n\r\n    font-family:'Poppins',sans-serif;\r\n    font-size:15px;\r\n    font-weight:600;\r\n    letter-spacing:.4px;\r\n\r\n    transition:.35s ease;\r\n}\r\n\r\n.request-demo-btn:hover{\r\n    color:#111;\r\n    transform:translateY(-2px);\r\n\r\n    box-shadow:\r\n    0 10px 30px rgba(217,255,79,.15);\r\n}\r\n\r\n\/* Mega Menu *\/\r\n\r\n.mega-dropdown{\r\n    position:static;\r\n}\r\n\r\n.mega-menu{\r\n    position:absolute;\r\n    left:0;\r\n    top:100%;\r\n\r\n    width:100%;\r\n\r\n    background:#050505;\r\n\r\n    border-top:1px solid var(--border);\r\n\r\n    padding:60px 80px;\r\n\r\n    opacity:0;\r\n    visibility:hidden;\r\n\r\n    transform:translateY(15px);\r\n\r\n    transition:\r\n    opacity .4s ease,\r\n    transform .4s ease;\r\n\r\n    z-index:999;\r\n}\r\n\r\n.mega-dropdown:hover .mega-menu{\r\n    opacity:1;\r\n    visibility:visible;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* Layout *\/\r\n\r\n.mega-wrap{\r\n    max-width:1400px;\r\n    margin:auto;\r\n\r\n    display:grid;\r\n    grid-template-columns:1.1fr .9fr;\r\n    gap:100px;\r\n}\r\n\r\n\/* Heading *\/\r\n\r\n.hero-title{\r\n    font-family:'Darker Grotesque',sans-serif;\r\n\r\n    font-size:62px;\r\n    line-height:.95;\r\n\r\n    font-weight:600;\r\n\r\n    max-width:520px;\r\n\r\n    margin-bottom:30px;\r\n\r\n    letter-spacing:-1px;\r\n}\r\n\r\n\/* Left Menu *\/\r\n\r\n.left-links a{\r\n    display:block;\r\n\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n\r\n    font-family:'Darker Grotesque',sans-serif;\r\n\r\n    font-size:42px;\r\n    font-weight:500;\r\n\r\n    margin:12px 0;\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.left-links a:hover{\r\n    color:var(--green);\r\n    padding-left:10px;\r\n}\r\n\r\n\/* Right Title *\/\r\n\r\n.right-title{\r\n    font-family:'Darker Grotesque',sans-serif;\r\n\r\n    font-size:34px;\r\n    font-weight:600;\r\n\r\n    margin-bottom:20px;\r\n}\r\n\r\n\/* Right Links *\/\r\n\r\n.right-links a{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n\r\n    color:#fff;\r\n    text-decoration:none;\r\n\r\n    font-family:'Poppins',sans-serif;\r\n\r\n    font-size:17px;\r\n    font-weight:500;\r\n\r\n    padding:18px 0;\r\n\r\n    border-bottom:1px solid var(--border);\r\n\r\n    transition:.3s ease;\r\n}\r\n\r\n.right-links a:hover{\r\n    color:var(--green);\r\n    padding-left:8px;\r\n}\r\n\r\n\/* Social *\/\r\n\r\n.social-links{\r\n    margin-top:40px;\r\n    display:flex;\r\n    gap:24px;\r\n}\r\n\r\n.social-links a{\r\n    color:#9c9c9c;\r\n    text-decoration:none;\r\n    font-size:14px;\r\n    font-weight:500;\r\n}\r\n\r\n.social-links a:hover{\r\n    color:var(--green);\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media(max-width:1199px){\r\n\r\n    .hf-navbar{\r\n        padding:15px 20px;\r\n    }\r\n\r\n    .hf-logo img{\r\n        width:150px;\r\n    }\r\n\r\n    .mega-menu{\r\n        position:relative;\r\n        opacity:1;\r\n        visibility:visible;\r\n        transform:none;\r\n\r\n        padding:25px;\r\n\r\n        display:none;\r\n    }\r\n\r\n    .mega-dropdown.show .mega-menu{\r\n        display:block;\r\n    }\r\n\r\n    .mega-wrap{\r\n        grid-template-columns:1fr;\r\n        gap:30px;\r\n    }\r\n\r\n    .hero-title{\r\n        font-size:42px;\r\n    }\r\n\r\n    .left-links a{\r\n        font-size:28px;\r\n    }\r\n\r\n    .right-title{\r\n        font-size:26px;\r\n    }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Products Explore HaloFort Security Platform \u2192 HaloUEM \u2197 HaloTrust \u2197 HaloDrive \u2197 HaloConnect \u2197 Platform &#038; Security \u2192 Windows\u2197 macOS\u2197 Android\u2197 iOS\u2197 Solutions Platforms Resources Company Request a Demo \u2192<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5304","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/halofort.b-expo.in\/es\/wp-json\/wp\/v2\/pages\/5304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/halofort.b-expo.in\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/halofort.b-expo.in\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/halofort.b-expo.in\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/halofort.b-expo.in\/es\/wp-json\/wp\/v2\/comments?post=5304"}],"version-history":[{"count":10,"href":"https:\/\/halofort.b-expo.in\/es\/wp-json\/wp\/v2\/pages\/5304\/revisions"}],"predecessor-version":[{"id":5314,"href":"https:\/\/halofort.b-expo.in\/es\/wp-json\/wp\/v2\/pages\/5304\/revisions\/5314"}],"wp:attachment":[{"href":"https:\/\/halofort.b-expo.in\/es\/wp-json\/wp\/v2\/media?parent=5304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}